/* CSS Document */

body {background-color:#eeeeee; margin:20px 20px 20px 20px;}
img {border:none;}

#topnav {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 16px;
	letter-spacing: 1.4px;
	color: #C30;
	margin-top: 15px;
	margin-left: 3px;
	margin-bottom: 10px;
}
#topnav a {color: #666666; text-decoration: none;}
#topnav a:hover {color: #C30; text-decoration: none;}
#topnav a:active {color: #C30; text-decoration: none;}

#covers {
	padding-top: 5px;
	padding-left: 100px;
	vertical-align: top;
}

#credit {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px;
	color: #aaaaaa;
	margin-top: 10px;
}
#credit a, #credit a:hover, #credit a:active {color: #aaaaaa; text-decoration: none;}

.overlay { 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 12px;
	line-height: 16px;
	background-color: #ffffff;
	color: #666666;
	width: 400px;
	position: absolute;
	padding: 20px;
}

.overlay a {color: #C30; text-decoration: none;}
.overlay a:hover {color: #C30; text-decoration: none; border-bottom: 1px solid #C30;}
.overlay a:active {color: #C30; text-decoration: none; border-bottom: 1px solid #C30;}

.overlay a img {
	padding-right: 5px;
	padding-bottom: 10px;
	vertical-align: middle;
}

a.gray {color: #666666;}
a:hover.gray, a:active.gray, a:hover.norule, a:active.norule {border-bottom:none;}

h1 {font-size: 14px; border-top: 1px dotted #C30; padding-top:15px;}
.quote-author {font-style:italic;}