html {
height:auto;
min-height:100%;
}
body {
background:transparent url(../images/name.jpg) no-repeat scroll left bottom;
font-family:Georgia,"Times New Roman",Times,serif;
margin:0pt;
padding:0pt 0pt 65px;
}
#navigation {
background:transparent url(../images/nav_bg.jpg) repeat-x scroll 0% 50%;
height:34px;
margin-top:10px;
width:100%;
}
#navigation ul {
list-style-type:none;
padding-left:0pt;
padding-top:5px;
text-align:center;
}
#navigation ul li {
color:#FFFFFF;
display:inline;
font-size:1.3em;
margin-top:10px;
}
#navigation ul li a:link, #navigation ul li a:visited {
color:#FFFFFF;
padding:6px 7px 3px;
text-decoration:none;
}
#navigation ul li a:hover {
color:#CCCCCC;
}
#content {
display:block;
float:none;
margin:20px auto;
text-align:left;
width:500px;
}
#content h1 {
color:#555555;
font-size:1em;
font-weight:bold;
margin:0px;
padding:0px;
}
p.grey {
color:#777777;
font-size:0.8em;
font-style:italic;
margin:0px;
padding:0px;
}
p.grey a:link, p.grey a:visited {
color:#777777;
text-decoration:none;
}
p.grey a:hover {
color:#777777;
text-decoration:underline;
}
#content img {
margin-bottom:20px;
margin-top:10px;
}
table tr td {
border-top:1px solid #CCCCCC;
font-size:0.8em;
margin-top:0pt;
padding-right:15px;
}
table tr td.date {
font-weight:bolder;
}
#content img.gallery {padding: 3px; border: 1px solid #777777; margin: 3px;}
/* Lightbox CSS */
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px "Trebuchet MS", verdana, arial, helvetica, sans serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	color: #000000;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute;top: 0;left: 0;	z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}