@import url(base-eng.css);

body { background: #fff url(../images/photos/bg.jpg) no-repeat center top; }

#photo-nav { 
	background: url(../images/photos/nav-bg.gif) no-repeat right bottom;
	height: 55px; 
	margin: 12px 0 0 29px;	
	width: 687px; 
}
.title { float: left; margin-right: 20px; }
#photo-nav p { color: #663; font-size: 1.2em; padding-top: 16px; }
#photo-nav p span { font: 1.35em Georgia, serif; }
#photo-nav .icon { margin: 0 10px; }
#photo-nav p a { color: #366; }
#photo-nav p a:hover { color: #000; }

#albums { display: inline; float: left; margin: 23px 0 0 35px; width: 140px; }
#albums h3 { color: #366; font: 2em Georgia, serif; }
#albums ul { 
	color: #663; 
	font-size: 1.2em; 
	line-height: 1.8; 
	list-style: none outside; 
	margin: 0.6em 0 1.2em 0;
}
#albums li { background: url(../images/shared/dot.gif) no-repeat 0 9px; padding-left: 8px; }
#albums li a { color: #663; }
#albums li a:hover, #albums .current a { color: #933; text-decoration: underline; }


#thumbnails {
	border-bottom: 1px solid #63621b; 
	display: inline; 
	float: right; 
	height: 68px;
	margin-right: 44px;
	width: 526px; 
}
#thumbnails img { float: left; margin: 4px 15px 0 0; }
#thumbnails .first { margin-left: 25px; }
#thumbnails .next { margin-top: 17px; }

#photo {
	display: inline; 
	float: right;
	padding: 16px 0 25px 0;
	width: 570px; 
}
#photo p { color: #366; font: 1.6em Georgia, serif; height: 30px; margin-left: 25px; }
.tall { background: url(../images/photos/tall-bg.jpg) no-repeat; }
.tall img { margin-left: 80px; }
.wide { background: url(../images/photos/wide-bg.jpg) no-repeat; }
.wide img { margin-left: 26px; }
