/* CSS for JonMoore.com - Screen */

body {
padding: 0;
margin: 0;
font-family: verdana, lucida sans unicode;
font-size: 100%;
line-height: 1.5;
}
#header p {
margin: 3px;

}
#wrapper {
width: 760px;
margin: 15px auto;

}
#home #header {
height: 200px;
background-image: url(head_home.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}
#daywear #header {
height: 200px;
background-image: url(head_day.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}
#eve #header {
height: 200px;
background-image: url(head_eve.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}
#credits #header {
height: 200px;
background-image: url(head_credit.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}
#ws #header {
height: 200px;
background-image: url(head_ws.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}
#biog #header {
height: 200px;
background-image: url(head_biog.jpg);
background-repeat: no-repeat;
text-align: right;
margin-bottom: 15px;
}

#navigation {
width: 240px;
float: left;
font-size: 0.86em;

}
#navigation ul {
list-style: none;
padding-left: 10px;
margin-left: 0;
}
#navigation ul li {
padding-bottom: 3px;
}
a {
text-decoration: none;

}
a:link, #navigation a:visited {
color: black;
font-weight: bold;
}
a:hover, #navigation a:active {
color: #ce6665;
font-weight: bold;
}
#contents {
font-size: 0.76em;
width: 500px;
float: right;
border-left: 2px solid #ce6665;
padding-left: 15px;
padding-bottom: 5px;
}
#footer {
clear: both;
font-size: 0.76em;
}
#footer p {
margin: 0;
}
.emp {
color: #ce6665;
font-weight: bold;
}
.now {
color: #ce6665;
font-weight: bold;
}
dl dt {
font-weight: bold;
float: left;
}
dl dd {
padding-left: 70px;
}


#lightbox{
	background-color: white;
	padding: 5px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.1em;
	}	
#lightboxCaption{ float: left;  clear: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}