/*
Theme Name: Chester
Theme URI: http://www.brickworkz.com
Description: Expanded and cleaned version of Chestercomix.com.
Version: 1.0
Author: Brian Korte
Author URI: http://brickworkz.com/
Tags: brickworkz

	Chester
	 http://www.brickworkz.com/

	This theme was designed and built by Brian Korte,
	whose blog you will find at http://brickworkz.com/

*/

@charset "UTF-8";

	a:link,
	a:visited	{ color:#3300CC; text-decoration: underline; }
	a:hover		{ color:#3366CC; text-decoration: underline; }
	a:active	{ color:#66CCFF; }

#amazon {
 position: absolute;
 top: 600px;
 left: 900px;
 z-index: 45;
 width: 120px;
 height: 240px;
 background-color:#FF3300;
 text-align:center;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#Bentley {
 position: absolute;
 top: 5px; 
 left: 550px;
}

body {
	margin-left: 0px;
	margin-top: 70px;
	background-image: url(/images/background-stripes.png);
	background-repeat: repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}

#BodyContent {
  width: 700px;
	text-align: left;
	z-index:99;
}

#Chester {
 position:absolute;
 top:3px;
 left:3px;
}	

#comic-footer {
 position: absolute;
 top: -170px;
 left: 1020px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Tahoma, Arial, Helvetica, sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.credits
{
	color: #99cccc; 
}

.credits a:link,
.credits a:visited	{ color: #99CCCC; text-decoration: none; }
.credits a:hover		{ color: #99CCCC; text-decoration: underline;}
.credits a:active		{ color: #99CCCC; text-decoration: none;}	

#FloatingHeader {
  position:relative;
} 

#Footer {
  position: relative;
}

.footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

h1 {
  font-family: Tahoma, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 600;
  margin: 0;
  padding: 0 0 20px 0px;
}

h3 {
  font-family: Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
  margin: 0;
  padding: 2px 0 0 0;
}

.navigation {
	display: block;
	text-align: center; 
	}
	
#page {
 position: absolute;
}	

#ReadingList {
 padding: 15px 0px 0px 0px;  
 color:#0066FF;
 font-weight:600;
 font-size:medium;
}

table {font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

#Testimonial {
 position: absolute;
 top: 330px; 
 left: 970px;
 width: 230px;
 height: 236px;
 z-index: 3;
}

.testimonial {
  background-color:#99CCFF;
	font-size: 10px;
	font-weight:600;
	font-stretch:ultra-condensed;
	margin-top:-1px; padding-top: -1px;
	text-align:center;
	vertical-align:middle;
}


.even {background-color: #eeeeee; color:#000000;}
.odd  {background-color: #8adad2; color:#000000;}
	
/* ######### Top Nav Menu Bar CSS ######### */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

/* makes the sub-menu panel align to the right of the top menu */
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
} 

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

.dropdown-upward {
 margin-top: 400px !important;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 1px;
	 border-color: #fff #d9d9d9 #d9d9d9 #d9d9d9;
	 background-color: #fff;
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color:#99cccc;
	 color: #000;
	}


/* Breakdown by Section and Sub-menu colors */

	ul.NAVcomics li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color: #009966; background-color: #9cdb92; color: #000;}
	ul.NAVcomics li.hover, ul.NAVcomics li:hover {background-color:#009966;color:#000000;}  

	ul.NAVteaching li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color:#FF9900; background-color:#FFCC66; color: #000;}
	ul.NAVteaching li.hover, ul.NAVteaching li:hover {background-color:#FF9900; color:#000000;}

	ul.NAVfunky li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color: #996699; background-color: #cc99cc; color: #000;}
	ul.NAVfunky li.hover, ul.NAVfunky li:hover {background-color:#996699; color:#000000;}

	ul.NAVabout li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color: #3399CC; background-color: #99CCCC; color: #000;}
	ul.NAVabout li.hover, ul.NAVabout li:hover {background-color:#3399CC; color:#000000;}	
	
	ul.NAVsol li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color: #FFFF33; background-color: #FFFF99; color: #000;}
	ul.NAVsol li.hover, ul.NAVsol li:hover {background-color:#ffff33; color:#000000;}	

	ul.NAVorder li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color: #FF3300; background-color: #ff7989; color: #000;}
	ul.NAVorder li.hover, ul.NAVorder li:hover {background-color:#ff3300; color:#000000;}

	ul.NAVnews li {padding: 7px 10px; border-style: solid; border-width: 1px 2px 1px 2px; border-color:#666666; background-color:#CCCCCC; color: #000;}
	ul.NAVnews li.hover, ul.NAVnews li:hover {background-color:#666666; color:#000000;}


	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color:#000; text-decoration: none; }
	ul.dropdown a:active	{ color:#FFFFFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 250px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}