/*
 * Dynamic Image Preview styles
 * written by Chris Heilmann (http://www.wait-till-i.com)
 */
*{
	margin:0;
	padding:0;
	font-family:arial,sans-serif;
}
body{
	background:#000;
	color:#ccc;
}
a img {border:none;}

#album{
	width:80%;
	margin:10px auto;
	position:relative;
	font-size:.9em;
}
#album p{
	padding:10px 5px;
}

h1{
	font-size:1.2em;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-weight:normal;
	padding:5px 10px;
	color:#fc0;
}
p{
	padding:5px 10px; 
	color:#999;
}

#largeImage img{
	display:block;
}
#largeImage{
	border:1px solid #fff;
	position:absolute;
	top:-999px;
	left:-4000px;
	background:url(loading.gif) center center no-repeat #333;
	padding:1px;
}
#largeImage.show{
	top:10px;
	left:100px;
	width:auto;
	height:auto;
}

#imagelist{
	width:800px;
	margin:0 auto;
	float:left;
}
#imagelist ul,#imagelist li{
	list-style:none;
	margin:0;
	padding:0;
}

#imagelist li{
	float:left;
	height:125px;
	width:130px;
}
html>body #imagelist li{
	float:left;
	min-height:125px;
	min-width:130px;
	height:auto;
	width:auto;
}
#imagelist li img{
	display:block;
	margin:auto auto;
}
#imagelist.hide li img{
	filter:alpha(opacity:20);
	opacity: 0.2;
	-moz-opacity: 0.2;
}

#footer{
	clear:both;
	position:absolute;
	top:0;
	right:0;
	background:url(logo.gif) bottom right no-repeat #000;
	line-height:50px;
	padding-right:160px;
	font-size:.8em;
}
#footer span{
	display:none;
}

/* Non-JavaScript enhanced styles */
#albumnav{
	margin:.5em 1em;
	float:left;
	background:#333;
	padding:.5em;
	width:800px;
	list-style:none;
	border-bottom:1px solid #ccc;
}
#albumnav a{
	color:#ccc;
	text-decoration:none;
	padding:2px 5px;
}
#albumnav a:hover{
	color:#000;
	background:#fc0;
	padding:2px 5px;
	text-decoration:none;
}
#albumnav li{
	list-style:none;
	float:left;
	padding-right:1em;
}
#img{
	clear:both;
	margin:.5em;
}
#img img{
	margin:0 auto;
	display:block;
}