html {
	background:#666;
}
body {
	font:12px verdana, sans-serif;
	margin:15px;
	background:#fff;
	color:#666;
	border:1px solid #333;
}
a:link , a:active, a:visited, a {
	color: #577058;
}

a:hover {
	color: #bbcbbc;
}
h1 {
	font-size:18px;
	font-family:trebuchet, times, serif;
	margin:0;
	padding:5px 5px 5px 10px;
	background:#306A00 url(.images/gallery-bg-tile.gif) top left repeat-x;
	color:#eee;
}
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: #BBCBBC;
}

#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;
	border-top:1px solid #ddd;
	background:#f8f8f8;
	padding:5px;
	text-align:center;
	margin-bottom: 10px;
}
#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;
}

h2 {
	font:14px georgia, garamond, times, serif;
	font-weight:bold;
	text-indent:15px;
	margin:0;
}

#miscfiles
{
	clear: both;
	margin:10px 5px 5px;
}