/* Pheno 2004 stylesheet 1.0*/

/* Page style */

/* Page styles - props to Tuttle Grey */

html, body, #contents {
	min-height: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	padding: 0;
	background: #070707 url(images/page_bkgrd.jpg) repeat-x;
	font-family: verdana, arial, sans-serif;
	}

#contents {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	background: transparent url(images/leftnav_bkgrd.gif) repeat-y;
	}

#thud {
	margin: 0;
	margin-bottom: 22px;
	padding: 0;
	height: auto;
	}

/* Header styles */

div#head {
	margin: 0;
	padding: 0;
	height: 30px;
	text-align: left;
	width: 100%;
	background: black url(images/topbanner_bkgrd.jpg) repeat-y;
	border-bottom: 4px solid black;
	font-size: x-small;
	color: #ddff2c;
	line-height: 1em;
	}

div#headleft {
	margin: 0;
	padding: 8px 0 0 10px;
	border: 0;
	float: left;
	background: transparent;
	text-align: left;
	}

div#headright {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	}

div#headright p {
	text-align: right;
	padding: 8px 40px 0 0;
	}

div#leftnav {
	position: absolute;
	top: 40px;
	left: 0;
	height: auto;
	width: 160px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;	
	text-align: left;
	z-index: 10;
	}

div#leftnav a {
	line-height: 1.2em;
	display: block;
	color: #e0f784;
	padding: 8px 0 8px 10px;
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	background: transparent;
	}

div#leftnav a:active { color: white; text-decoration: underline;}
div#leftnav a:visited { color: #e0f784; text-decoration: none;}
div#leftnav a:hover { color: #00ff00; text-decoration: none; background: #1d400f;}


/* Body styles */

div#main {
	padding: 0;
	margin: 0 20px 0 177px;
	background: white;
	border: 1px solid black;
	border-top: 0;
	}

#breadcrumb {
	font-size: xx-small;
	position: absolute;
	text-align: right;
	top: 60px;
	right: 40px;
	}

#breadcrumb a:visited { color: #ff6600; }

h1, h2, h3, h4, h5 { 
	margin: 0 20px; 
	color: #070;
	font-family: georgia, times, serif;
	line-height: 1em;
	}
	
h1 { 
	font-size: 1.2em; 
	background: #e0f784; 
	margin: 0 0 40px 0;
	padding: 20px;
	border-bottom: 2px solid #666;
	}

div#main p.foot { 
	font-size: x-small; 
	background: #ddd; 
	text-align: right;
	margin: 3em 0 0 0;
	height: 20px;
	display: block;
	padding: 6px 20px 0 0;
	border-top: 1px solid #666;
	line-height: 1em;
	}

div#main p.foot a {color: #e70; }
	
h2 { font-size: 1.2em; margin-top: 1.4em; padding-top: 1em; padding-bottom: 0.6em; border-top: 2px solid #999; }
h3 { font-size: 1em; padding-top: 1.6em; padding-bottom: 0.1em; }
h4 { font-size: 0.8em; padding-top: 1em; padding-bottom: 0.1em; }
h5 { font-size: 0.7em; margin-bottom: -1em; }

div#main p { font-size: small; margin: 1em 20px; padding: 0; line-height: 1.3em; }

.small { font-size: xx-small; line-height: 1.2em; }

.top { text-align: right; font-size: xx-small; }
.top a { color: #e70; }

ul, ol { margin: 0 20px; padding: 0; font-size: small;}

li { margin: 0 0 0 15px; padding: 2px 0; line-height: 1.3em; }

table { 
	margin: 0.8em 20px;
	border: 2px solid #444;
	}

th {
	margin: 0;
	padding: 0.4em;
	font-size: xx-small;
	text-align: left;
	color: black;
	background: #e0f784;
	border-bottom: 1px solid black;
	}

td {
	padding: 0.4em;
	margin: 0;
	font-size: xx-small;
	}

table.rating {
	margin: 20px;
	padding: 0;
	width: 480px;
	}

table.rating td {
	font-size: xx-small;
	}
	
table.rating th {
	font-size: xx-small;
	font-weight: bold;
	text-align: left;
	}

a { color: #e70; text-decoration: none; font-weight: bold;}
a:active { color: red; }
a:visited { text-decoration: none; color: #870; }
a:hover { text-decoration: underline; color: red; }

a.bookmark:visited { color: #f60; }

/* Footer styles */

div#foot {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	background: black url(images/topbanner_bkgrd.jpg) repeat-y;
	border-top: 2px solid black;
	}
	
div#foot p { 
	text-align: right;
	padding: 2px 40px;
	font-size: x-small;
	}

div#foot a {color: orange;}