/*   
     2 0 0 8   S T Y L E   S H E E T  
 
-------------------------------- Color Palette ------------------------------ 
*/

body {
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, sans-serif;
	color: rgb(100,100,100);
  	}

/* 
-------------------------------- Text and Links ------------------------------ 
*/

a {
	text-decoration: none;
	}
a:link {
	color: rgb(38,44,80); 
   }
a:hover {
	border-bottom: 1px dashed rgb(171,145,146);
	color: rgb(91,81,115); 
   }
a:active {
	color: rgb(91,81,115); 
   }
a:visited {
	color: rgb(91,81,115); 
   }
  
p {
	font: 70% Verdana, Geneva, sans-serif;
   }
.smaller {
	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(100,100,100);   
   }
.smalleryet {
	font: 55% Verdana, Geneva, sans-serif;
   }   
.faint {
	font: 105% Verdana, Geneva, sans-serif;
	line-height: 2.5;
	color: rgb(154,171,179);
   }
.emphasize {
  	color: rgb(0,0,0);
  	}   
.emphasize_brown {
  	color: rgb(71,55,36);
	}
.largeandcolored {
	font: 90% Verdana, Geneva, sans-serif;
	font-weight: bold;
	line-height: 2;   
	color: rgb(154,171,179);
  	}
blockquote {
	font: 60% Verdana, Geneva, sans-serif;
	}
#footer p {
	font: 50% Verdana, Geneva, sans-serif;
	margin: 4px;
	text-align: center;
	}  

/* 
-------------------------------- Layout ------------------------------ 
-------------------------------- Header  
*/

#seasonimg {
	margin: 1%;
	height: 120px;
	background: url(/styles/2008/images/header_total_5.jpg) no-repeat left top; 
	text-align: left;
	}
#title {
	position: absolute;
	left: 450px;
	padding: ;
	top: 10px;
	width: 50%;
	padding-bottom: 2px;   
	}   
#snippets {
	position: absolute;
	left: 25px;
	top: 150px;
	width: 75%;
	border-top: 1px solid rgb(225,225,225); 
	border-bottom: 1px solid rgb(225,225,225); 	
	background: url(/styles/2008/images/quotes_4.jpg) no-repeat right bottom;
	padding-bottom: 5px;   
	}
#snippets p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
  	letter-spacing: 0.05em;
	color: rgb(100,100,100);
	line-height: 1.5;      
	padding: 0% 1% 1% 1%;
   }   
#snippets_hc {
	position: absolute;
	left: 25px;
	top: 145px;
	width: 72%;
	border-top: 1px solid rgb(225,225,225); 
	border-bottom: 1px solid rgb(225,225,225); 	
	background: url(/styles/2008/images/quotes_4.jpg) no-repeat right bottom;
	padding-bottom: 5px;   
	}
#snippets_hc p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
  	letter-spacing: 0.05em;
	color: rgb(100,100,100);	
	line-height: 1.5;      
	padding: 0% 1% 1% 1%;
   }   

/* 
-------------------------------- Navigation ------------------------------ 
List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/
*/

#mainmenu {
	float: right;
	margin-left: 150px;
	text-align: right;
	top: 45px;
	width: 20%;
	}
ul#mainnav {
	list-style: none;
	}
ul#mainnav li {
	width: 99%;
	}
ul#mainnav li a {
	display: block;
	width: 99%;
	padding: 3px 0;
	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(111,86,56);
	}
ul#mainnav li a:hover {
	text-decoration: none;
	font: normal 60% Verdana, Geneva, sans-serif;
	color: rgb(0,0,0);
	border-bottom: 0;	
	}
.highlight {
	font: 125% Verdana, Geneva, sans-serif;
	}
#hc_menu {
	position: absolute;
	margin-left: 72%;
	text-align: left;
	top: 30px;
	width: 20%;
	}
ul#hc_nav {
	list-style: none;
	}
ul#hc_nav li {
	list-style: none;
	}
ul#hc_nav li a {
	width: 99%;
	padding: 0 1%;
	font: 70% Verdana, Geneva, sans-serif;
	color: rgb(85,0,7);
	}
ul#hc_nav li a:hover {
	text-decoration: none;
	color: rgb(100,100,100);
	border-bottom: 0;	
	}

/* 
-------------------------------- Center Column  
*/
	
#center {
	position: absolute;
	width: 60%;
	margin: 0 10% 0 27%;
	padding: 1% 3%;
	top: 300px;
	}
#center p {
	line-height: 1.5;
	padding-left: ;
  }
#center p.headline {
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
  	font-weight: ;
  	font-size: 70%;
  	letter-spacing: 0.05em;
  	color: rgb(111,86,56);
  	text-align: left;
	background: url(/styles/2008/images/back01.gif) repeat-x;
  	}
      
/* 
-------------------------------- Left Column  
*/
	
#left {
	position: absolute;
	margin-left: 1%;
	padding: 1%;
	top: 300px;
	width: 25%;
	border-top: 1px solid rgb(200,200,200); 	
	border-bottom: 1px solid rgb(155,155,155); 	
  	background: url(/styles/2008/images/gray_rightedge_border.jpg) repeat-y right;
	}

.headline {
	font-family: Verdana, Geneva, sans-serif;
  	font-weight: ;
  	font-size: 60%;
  	letter-spacing: 0.05em;
	padding-left: 1%;
	margin-right: 2%;
  	color: rgb(111,86,56);
  	text-align: left;
	background: url(/styles/2008/images/back01.gif) repeat-x;
  	}
.smaller {
  	color: rgb(111,86,56);
	}
   
#downloads {
	width: 99%;
	margin-top: 15px;
	padding: 0 0 15px 0;
	}
#downloads p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
	padding: 0 1% 0 3%;
   }
#quick {
	width: 99%;
	margin-top: 15px;
	padding: 0 0 15px 0;
	}
#quick p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
	padding: 0 1% 0 3%;
   }  
#completes {
	width: 99%;
	margin-top: 15px;
	padding: 0 0 15px 0;
	}
#completes p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
	padding: 0 1% 0 3%;
   }  
    
#morestats {
	width: 99%;
	margin-top: 15px;
	padding: 0 0 15px 0;
	}
#morestats p.smaller {
	font: 60% Verdana, Geneva, sans-serif;
	padding: 0 1% 0 3%;
   }   
.colored {
	color: rgb(23,42,23);
	}	
#inventory {
	position: ; 
	margin-left: ;
	padding: ;
	top: 0; 
	right: 0;
	background-color: ;
	padding-bottom: 0;   
	}	
#inventory p {
	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(111,86,56);	
	padding: 0 0 0 3%;
   }   
#scriptseg {
	width: 99%;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	background: url(/styles/2008/images/quotes.jpg) no-repeat right center;   
	}
#scriptseg p {
	padding: 0px 15px 0px 5px;
  	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(111,86,56);
  	}     
#scriptseg p.headline {
	font-family: "Times New Roman", Times, serif;
  	font-weight: ;
  	font-size: 80%;
  	letter-spacing: 0.05em;
  	color: rgb(23,42,23);
  	text-align: left;
  	background: url(/styles/2008/images/gradient3.jpg) repeat-x;
  	}

#footer {
	clear: both;
	margin-top: 50px;
	padding: 1px 0;
	background: url(/styles/2008/images/back01.gif) repeat-x;
	color: rgb(0,0,0);
	}

#hcsearch {
	width: 80%;
	margin: 0 0 0 2%;
	padding: 0 0 25px 0;
	background-color: rgb(239,247,247);
	border-right: 1px solid rgb(171,145,146);
	}
#hcsearch p {
   font: 60% Verdana, Geneva, sans-serif;
   padding: 1px 15px 1px 15px;
  	color: rgb(0,0,0);
  	}
#hcsearch p.headline {
   font-family: "Times New Roman", Times, serif;
  	font-weight: bold;
  	font-size: 90%;
  	letter-spacing: 0.05em;
  	color: rgb(23,42,23);
  	text-align: left;
  	background: url(/styles/2008/images/gradient3.jpg) repeat-x;
  	}
#hcsearch p.heading {
   font-family: "Times New Roman", Times, serif;
  	font-weight: bold;
  	font-size: 90%;
  	letter-spacing: 0.4em;
  	color: rgb(0,0,0);
  	text-align: left;
	}
ul#hcsearch {
	list-style: circle;
   font: 60% Verdana, Geneva, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	}
ul#hcsearch li {
   font: 60% Verdana, Geneva, sans-serif;
	padding: 0 3% 10px 3%;
   color: rgb(0,0,0); 
	}
	
/* 
-------------------------------- Resources on Details Page ------------------------------ 
*/
	
.resources {
	padding: 0 0 25px 0;
	width: 100%;
	margin-top: 25px;
	background-color: ;
	}
.resources p {
   padding: 1px 15px 1px 15px;
  	font: 70% Verdana, Geneva, sans-serif;
  	color: rgb(100,100,100);
  	}
.resources p.table {
   padding: 1px 15px 1px 15px;
  	font: 70% Verdana, Geneva, sans-serif;
  	color: rgb(0,0,0);
  	}
.resources p.headline {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
  	color: rgb(111,86,56);
  	text-align: left;
	background: url(/styles/2008/images/back01.gif) repeat-x;
  	}
.resources p.headline2 {
   font-family: "Times New Roman", Times, serif;
  	font-weight: bold;
  	font-size: 90%;
  	color: ;
  	text-align: center;
  	}
.resources p.headline3 {
   font-family: "Times New Roman", Times, serif;
  	font-weight: bold;
  	font-size: 90%;
  	color: ;
  	text-align: left;
  	}		
.resources p.smaller {
   font: 60% Verdana, Geneva, sans-serif;
   }
.resources p.emphasize {
  	color: rgb(0,0,0);
  	}   
.resources li {
   font: 70% Verdana, Geneva, sans-serif;
	padding-right: 15px;
   color: rgb(100,100,100); 
	}	

div.resources table td {
   padding: 2px;
	 margin: 2px;
	 width: 33%;
	 }
/* 
-------------------------------- HC Script List  
*/
	
#list {
	margin: 0 1% 0 1%;
	padding: 1% 1%;
	}
#list p {
	line-height: 1;
   }
	
/* 
-------------------------------- Tables ------------------------------ 
*/

.separator { 
	border-right: 1px dashed rgb(171,145,146); 
	}
.outline {
	border-top: 0px inset rgb(171,145,146);
	border-right: 1px inset rgb(171,145,146);
	border-bottom: 1px inset rgb(171,145,146);
	border-left: 0px inset rgb(171,145,146);         
	}  
tr.morestats {
	vertical-align: top;
	}
td.left {
	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(111,86,56);
	padding: 0 3% 0 0;
	}
td.right {
	font: 60% Verdana, Geneva, sans-serif;
	color: rgb(100,100,100);
	}      
table.hc_menu {
	border: 1px rgb(100,100,100);
	}
tr.hc_menu {
	background: url(/styles/2008/images/back01.gif);
	}

table a:hover {
	text-decoration: none;
	color: rgb(100,100,100);
	border-bottom: 0;	
	}