/*
css info for you peeping toms and peeping tammies.  though I've never been personally peeped by either, I'd prefer the tammy peeper to the tom peeper.  just none of those yellow or pink marshmallow peeps as they gross me out.
*/


BODY {
	margin: 0;
	padding: 0;
	color: #111;
	font-family: Georgia, Times New Roman, serif;
	font-size: 76%;
	background: #f9f9f9;
	}

a:link  { color: #CF0000; text-decoration: underline; text-shadow: #666 0px 1px 5px  }
a:visited  { color: #CF0000; text-decoration: underline; text-shadow: #666 0px 1px 5px  }
a:hover  { color: #111; text-decoration: none; text-shadow: #c00000 0px 1px 5px  }

#bordertop { 
	position: fixed;
	_position:absolute;
	top: 0%;
	_top:expression(eval(document.body.scrollTop));
	left: 0px;
	width: 100%;
	height: 50px;
	color: #aaa;
	visibility: visible;
	z-index: 4;
	display: block;
	}

#borderbottom { 
	position: fixed;
	_position:absolute;
	bottom: 0px;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	left: 0px;
	width: 100%;
	height: 50px;
	color: #aaa;
	visibility: visible;
	z-index: 4;
	display: block;
	}

#menu { 
	position: fixed;
	_position:absolute;
	color: #111;
	top: 0px;
	_top:expression(eval(document.body.scrollTop));
	left: 0px
	width: 100%;
	height: 100%;
	visibility: visible;
	z-index: 1;
	display: block;
	}

#menutext {
	width: 240px;
	color: #111;
	font-family: Georgia, Times New Roman, serif;
	line-height: 1.4em;
	text-align: center;
	}

#page {
	margin: 0;
	padding: 0;
	align: center;
	}

#content { 
	position: relative;
	color: #111;
	background: #f9f9f9;
	margin-left: 39%;
	width: 500px;
	line-height: 1.7em;
	text-align: left;
	visibility: visible;
	z-index: 2;
	display: block;
	}

#content h1 {
	font-size: 2em;
	line-height: 1.4em;
	margin: 10px 0em 10px 0em;
	font-weight: normal;
	text-transform: UPPERCASE;
	}

#content h2 {
	font-size: 1.4em;
	margin: 10px 0em 10px 0em;
	font-weight: normal;
	text-transform: UPPERCASE;
	}

#content h3 {
	font-size: 1em;
	margin: 10px 0em 10px 0em;
	font-weight: normal;
	text-transform: UPPERCASE;
	}

#content h4 {
	font-size: .75em;
	margin: 10px 0em 10px 0em;
	font-weight: normal;
	}

.pullquote {	
	float: right;
	color: #666C76;
	width: 200px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	margin-left: 45px;
	margin-top: 14px;
	margin-bottom: 17px;
	border-top: #C00000 solid 1px;
	border-bottom: #C00000 solid 1px;
	visibility: visible;
	z-index: 2;
	display: block;
	}

.pullquote:hover {	
	float: right;
	color: #c00000;
	width: 200px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	margin-left: 45px;
	visibility: visible;
	z-index: 2;
	display: block;
	}

.quote {
	margin: 9px 0px 9px 0px; 
	}

.date {
	float: right;
	width: 120px;
	padding-top: 3px;
	padding-left: 35px;
	padding-bottom: 15px;
	visibility: visible;
	text-align: right;
	z-index: 2;
	display: block;
	}

.datetext {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	color: #666C76;
	font-size: 1em;
	line-height: 1.7em;
	border-bottom: #C00000 solid 1px;
	}

.datenumber {
	margin: 7px 0px 3px 0px;
	font-size: 2.2em; 
	color: #818893;
	text-align: right;
	}

#bottomdrawer {
	width: 100%;
	position: relative;
	color: fff;
	background: #585A66;
	border-top: #111 solid 4px;
	z-index: 3;
	display: block;
	}

.recently {
	color: #fff;
	font-family: Georgia, Times New Roman, serif;
	font-size: 76%;
	width: 33%;
	padding: 20px 20px 20px 50px;
	line-height: 1.6em;
	text-align: left;
	}

.recently a:link  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.recently a:visited  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.recently a:hover  { color: #fff; text-decoration: none; text-shadow: #c00000 0px 1px 5px }
.recently h2 {
	font-size: 1.7em;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 14px 0px;
	font-weight: normal;
	text-transform: small-caps;
	border-bottom: #aaa solid 1px;
	}

.best {
	color: #fff;
	font-family: Georgia, Times New Roman, serif;
	font-size: 76%;
	width: 34%;
	padding: 20px;
	line-height: 1.6em;
	text-align: left;
	}

.best a:link  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.best a:visited  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.best a:hover  { color: #fff; text-decoration: none; text-shadow: #c00000 0px 1px 5px }
.best h2 {
	font-size: 1.7em;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 14px 0px;
	font-weight: normal;
	text-transform: small-caps;
	border-bottom: #aaa solid 1px;
	}

.colophon {
	color: #fff;
	font-family: Georgia, Times New Roman, serif;
	font-size: 76%;
	width: 33%;
	padding: 20px 75px 20px 20px;
	line-height: 1.6em;
	text-align: left;
	}

.colophon a:link  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.colophon a:visited  { color: #fff; text-decoration: underline; text-shadow: #000000 0px 1px 5px }
.colophon a:hover  { color: #fff; text-decoration: none; text-shadow: #c00000 0px 1px 5px }
.colophon h2 {
	font-size: 1.7em;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 14px 0px;
	font-weight: normal;
	text-transform: small-caps;
	border-bottom: #aaa solid 1px;
	}