ul.dirs 
{
	clear:both;
	padding:2em;
}

ul.dirs li 
{
	float:left;
	width:200px;
	margin:5px 20px;
}

#photos a {
	color: #a3bd0a !important;
}

#main {
	background: #ddd;
	padding: 12px;
	margin-bottom: 10px;
}

#files ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#files ul li {
	float: left;
}

#files a {
	display: block;
	padding: 5px;
	width: 140px;
	margin-left: -1px;
	margin-top: -1px;
}

#files a:hover {
	background: #000000 url(/arrow.gif) 96% 50% no-repeat;
	background-color: #eed;
	color: #369;
}

#files a.up:hover {
	background: #000000 url(/uparrow.gif) 96% 50% no-repeat;
	background-color: #eed;
	color: #369;
}

ul.directory 
{
	list-style:none; 
}

ul.directory li 
{
	float:left;
	width:20%;
}

#postcard {
	display: none;
	position: absolute;
	margin: 0 auto;
	z-index: 10;
	padding: 5px;
}

.hoverbox 
{
	clear:left;
	list-style: none;
}

.hoverbox a,
.hoverbox a:visited,
.hoverbox a:hover {
	text-decoration:none;
	border:0;
}

.hoverbox img {
	height: 75px;
	border:2px solid #ddd;
	background:#fff;
	padding:4px;
	margin:5px;
}

img.preview {
	position:absolute;
	display:none;
	z-index:10;
	border:2px solid #ddd ! important;
	background:#fff;
	padding:4px;
	margin:5px;
	cursor:url(/highslide-3.1.9a/highslide/graphics/zoomin.cur);
}

.hoverbox li {
	display: inline;
	float: left;
	position: relative;
	margin:0;
	padding:0;
	border:0;
}

/* Breadcrumbs */

#breadcrumbs {
	margin:2em;
	font-weight:bold;
}

#breadcrumbs span {
	margin:0 0.5em;
}

#breadcrumbs span.subdir 
{
	margin:0 0.5em;
}

#breadcrumbs span.subdir, 
#breadcrumbs span.subdir * 
{
	font-weight: normal; 
}

/* Maps */

#maps 
{
	margin:2em;
	font-weight:bold;
	clear:both;
	_height:1em;
	overflow:auto;
}

#maps * 
{
	margin:0;
	padding:0;
}

#maps span
{
	float: left;
	color:#a3bd0a;
}

#maps ul 
{
	list-style:none;
}

#maps ul li 
{
	float:left;
	margin:0 0.5em;
}

#maps ul li a 
{
	text-decoration:underline;
}


div#sidebar
{
	text-align:left;	
}

#content {
	padding:0 0 0 160px;
}


/*
	Images
*/

div.image
{
	float:left;
	position:relative;

	margin:0.5em;

}

div.image img 
{
	top:0;
	left:0;
	height:75px;
	padding:0.5em;
	background:#fafafa;
	border:4px solid #777;		
}

div.image img.reveal
{
	position:absolute;

}

div.image img.reveal:hover
{
	height:200px;
	top:-83.5%;
	left:-83.5%;
	padding:2em;
	z-index:100;
	border:4px solid #555;
}