html {
	background:#666 url(/images/main-bg.gif) top left repeat-x;
}
body {
	font:12px verdana, sans-serif;
	margin:15px;
	background:#fff;
	color:#666;
	border:1px solid #333;
}
a:link {
	color: #577058;
}
a:visited {
	color: #333;
}
a:hover, a:active {
	color: #BCB3A6;
}
h1 {
	font-size:18px;
	font-family:verdana, sans-serif;
	margin:0;
	padding:5px 5px 5px 10px;
	background:#306A00 url(/images/gallery-bg-tile.gif) top left repeat-x;
	color:#eee;
}
h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
	color:#fff;
}
html body #content h1 a {
	color:#fff;
	text-decoration:none;
}
#prev, #next {
	display:block;
	padding:5px;
	border:2px solid #bbb;
	background:#eee url(/images/gallery-button-bg.gif) top left repeat-x;
	text-decoration:none;
	margin:0 10px 10px;
}
html>body div #prev:hover, 
html>body #next:hover, 
html>body div #prev:focus, 
html>body #next:focus {
	border-color:#aaa;
	background-position:0 -5px;
	color:#000;
}
html body div #prev:hover,
html body div #next:hover {
	color:#000;	
}
#prev {
	float:left;
}
#next {
	float:right;
}
#image {
	text-align:center;	
}
.imgwrapper {
	float: left;
	margin: 0 0 15px 25px;
	padding: 2px;
}
.imgwrapper span {
	display:block;
	font:9px verdana, sans-serif;
	text-align:center;	
}
.imgwrapper img {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
}
.imgwrapper a:hover img, .imgwrapper a:focus img {
	background-color: #BCB3A6;
}
#single {
	padding:3px;
	border:1px solid #ddd;
	background:#eee;
}
#desc {
	border-color:#ddd;
	border-style:solid;
	border-width:1px;
	text-align:center;
	clear:both;
	margin:5px 40px;
	padding:5px;
}
#dirdesc {
	border-bottom:1px solid #ddd;
	background:#f8f8f8;
	padding:5px;
	text-align:center;
}
#credit {
	background:#333 url(/images/gallery-crumb-bg.gif) top left repeat-x;
	border-top:1px solid #333;
	color:#fff;
	font-size:9px;
	text-align:center;
	margin:10px 0 0;
	padding:3px 0;
	clear:both;
}
#credit a {
	color:#fff;
}
#directories, #breadcrumb {
	border-bottom:1px solid #ddd;
	margin:0;
}
#breadcrumb {
	padding:5px;
	border-bottom:1px solid #ddd;
	background:#333 url(/images/gallery-crumb-bg.gif) top left repeat-x;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	color:#fff;
	margin-bottom:10px;
}
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:active {
	color:#fff;
}

#gallery {
	margin:10px 5px 5px;
}
#directories ul {
	list-style:url(/images/bullet-folder.gif);
	padding-bottom:5px;
}
#directories li {
	margin:2px 0 4px;
}
#directories h2 {
	font:14px verdana, sans-serif;
	font-weight:bold;
	text-indent:15px;
	margin:0;
}
#directories h3 {
	font:12px verdana, sans-serif;
	font-weight:bold;
	text-indent:20px;
	margin:0;
}