/* Styles for photo album */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background-color: #eeeeee;
}

a {
	color: #000000;	
}

a:hover {
	color: #ff0000;
}

img {
	border: 0;
	vertical-align: bottom;
}

ul.folderlist li {
	list-style-type:none;
	margin-bottom: 5px;
	margin-right: 1em;
	padding-left: 25px;
	background: url("../res/folder.gif") no-repeat;
}

div.thumbnaillist {
	display:block;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* needed to get div to scale in moz. Floats are not part of the flow!!! */
div.thumbnaillist:after { 
	content: "."; 
	display: block; 
	line-height: 1px; 
	font-size: 1px; 
	clear: both;
}

div.thumbnail {
	float: left;
	margin:1px;
}

div.navigation {
	text-align: center;
}

ul.links {	
	list-style: none;
}
ul.links li {
	float: left;
	margin-right: 1em;
}

p.photodetails {
	margin-top: 2px;
	text-align: right;
}

div.photocontent {
	clear: both;
	display: block;
	margin: 1px;
}

div.photo img {
	display: block;
	position: absolute;
	margin-top: 20px;
}

div.photocontent:hover div.metainformation {
	display: block;
	z-index: 200;
	margin-top: 20px;
}

div.name {
	padding-top: 5px;
	color: darkgrey;
}

div.metainformation {
	opacity: 0.6;
	display: none;
	position: absolute;
	background-color: darkgrey;
	color: black;
}

div.metainformation p {
	margin: 0px;
	padding: 1px;
}