/* Begin gohgirl style */
/********************************************
*/
html { 
	height: 100%;
	overflow-y:scroll;
	} 
body, p {
	font-family: 'Arial', Helvetica, Sans-Serif;
	font-size: 1em;
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	margin-bottom: 1em;
	}
form, fieldset, h1, input, textarea {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}
p.faqs {
	color: #990000;
	font-weight: bold;
	}
/*
* ~~~ Container  ~~~
*/
#container {
  	color: #000000;
	font-family: 'Arial', Helvetica, Sans-Serif;
	font-size: 75%;
  	font-weight: bold;margin-top: 0px;
	height: 100%;
	margin-left: auto;
  	margin-right: auto;
	width: 980px;
	}
#content-container {
	border: 1px solid #000000;
	min-height: 65%;
	margin-top: 35px;
	overflow: auto;
	padding-right: 12px;
	}
#content-container_faqs {
	border: 1px solid #000000;
	min-height: 100%;
	margin-top: 35px;
	overflow: auto;
	padding-right: 12px;
	}	
#content-container-emailsignup {
	border: 1px solid #000000;
	min-height: 65%;
	margin-top: 35px;
	overflow: none;
	padding-right: 12px;
	}
/*
* ~~~ Header  ~~~
*/
#header {
	background-color: #54bceb;
	width: 980px;
	}
/*
* ~~~ Content  ~~~
*/
#hm {
	margin-top: 35px;
	min-height: 40%;
	text-align: right;
	width: 980px;
	}
#hmcontent {
	background-color:#d1d3d4;
	font-size: 1.15em;
	height: 65px;
	margin-top: 25px;
	padding: 10px;
	}
#content {
	float: right;
	font-size: 1.2em;
	font-weight: normal;
	min-height: 70%;
	width: 680px;
	}
/*
* ~~~ Comic Title  ~~~
*/
#comic {
	background-color: #58595b;
	float: left;
	height: 30px;
	margin-top: 3px;
	text-indent: 14px; 
	width: 299px;
	}
span#myComic {
	background-color: #58595b;
	font-size: 1em;
	vertical-align: -23px;
	}	
#nocomic {
	background-color: #55a51a;
	float: left;
	height: 30px;
	margin-top: 3px;
	width: 302px;
	}
/*
* ~~~ Top Nav ~~~
*/
#topnav {	
	
	height: 30px;
	list-style: none; 
	margin: 0 0 0 120px;
	padding: 0;
	width: 678px;
	}
#topnav li {
	float: left; 
	}
/*
* ~~~ Top Nav Shop  ~~~
*/
#shop {
	background: url("images/topnav_shop.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 86px;
	}
#shop:hover { 
	background-position: 0 -30px;
	}
#shop span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Top Nav Create Your Own  ~~~
*/
#cyo {
	background: url("images/topnav_cyo.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 174px;
	}
#cyo:hover { 
  background-position: 0 -30px;
	} 
#cyo span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Top Nav Events  ~~~
*/
#events {
	background: url("images/topnav_events.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 97px;
	}
#events:hover { 
  background-position: 0 -30px;
	} 
#events span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Top Nav Events  ~~~
*/
#events {
	background: url("images/topnav_events.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 97px;
	}
#events:hover { 
  background-position: 0 -30px;
	} 
#events span {
	position: absolute;
	top: -999em;
	}	
	
/*
* ~~~ Top Nav Press ~~~
*/
#press {
	background: url("images/topnav_press.gif") no-repeat 0 0;
	display: block;
	height: 30px; 
	width: 87px;
	}
#press:hover { 
	background-position: 0 -30px;
	}
#press span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Top Nav Links ~~~
*/
#links {
	background: url("images/topnav_links.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 82px;
	}
#links:hover { 
	background-position: 0 -30px;
	}
#links span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Top Nav Info ~~~
*/
#info {
	background: url("images/topnav_info.gif") no-repeat 0 0;
	display: block;
	height: 30px;
	width: 29px;
	}
#info:hover { 
	background-position: 0 -30px;
	}
#info span {
	position: absolute;
	top: -999em;
	}
/*
* ~~~ Side Nav ~~~
*/	
#sidenav {
	background-color: #fff;
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding-left:10px;
	width: 215px;
	}
#sidenav li a {
	color: #000;
	font-weight: bold;
	padding-left:10px;
	text-decoration: none;
	}
#sidenav li a:hover {
	color: #55a51a;
	padding-left:10px;
	}
/*
* ~~~ Bottom Nav ~~~
*/	
#bottomnav {
	background-color: #58595b;
	color: #ffffff;
	float: left;
	font-size: .9em;
	height: 30px;
    line-height: 30px;
	margin-top: 2px;
    text-align: center;
	width: 980px;
	}
/*
* ~~~ Links Page ~~~
*/
.links {
	color: #55a51a;
	}
#links-left {
	float: left;
	vertical-align: text-top;
	width: 175px;
	}
#links-right {
  	float: right;
  	width: 175px;
	}
#links-center {
	margin-left: 175px;
	margin-right: 175px;
	width: 175px;
	}
/*
* ~~~ Previous + Next ~~~
*/	
ul#prevnext { 
	list-style-type: none;	
	margin: 0;
	padding: 0;
	}	
ul#prevnext .left {
	float: left;
	font-size: .75em;
	margin-top: 10px;
	width: 5em;
	}
ul#prevnext .right {
	float: right;
	font-size: .75em;
	margin-top: 10px;
	width: 5em;
	}	
ul#prevnext li a { 
	display: block;
	width: 5em;
	text-align: center;
	text-decoration: none;
	}	
ul#prevnext li a:hover {
	color: #55a51a;
	}
/*
* ~~~ Custom Tee - WIL ~~~
*/
#floatleft-wil1 {
	float: left;
	padding: 3px;
	vertical-align: text-top;
	width: 150px; 
	}
#floatleft-wil2 {
	float: left;
	font-size: .95em;
	padding: 3px;
	vertical-align: text-top;
	width: 175px; 
	}
#floatright-wil1 {	
	float: right;
	padding: 3px;
	vertical-align: top;
	width: 150px;
	}
#floatright-wil2 {	
	float: right;
	font-size: .95em;
	padding: 3px;
	vertical-align: top;
	width: 175px;
	}	
/*
* ~~~ Character Gallery + Info ~~~
*/	
.thumbnail {
	float: left;
	margin: 0 5px 5px 0;
	padding: 2px;
	width: 125px;
	}
.clearboth { 
	clear: both; 
	}

#character-left {
	float: left;
	width: 185px;	
	}
#character-right {
	float: right;
	width: 440px;
	}
div.row {
  clear: both;
  padding: 3px;
  }

div.row span.label {
  float: left;
  font-weight: bold;
  line-height: 130%;
  padding: 3px;
  text-align: left;
  width: 100px;
  }

div.row span.desc {
  float: right;
  line-height: 130%;
  padding:  3px;
  text-align: left;
  width: 250px;
  } 
/*
* ~~~ Press ~~~
*/
.thumbnail-press {
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px;
	width: 150px;
	}
/*
* ~~~ Forms ~~~
*/	
input, textarea {  
	background: #FFFFFF;
	border: solid 1px #999999; 
	padding: 5px;  
	outline: 0;  
	width: 200px;  
	vertical-align: text-top; 
	}  
textarea {  
	height: 150px;  
	line-height: 150%; 
	max-width: 400px;  
	width: 400px;
	}  
input:hover, textarea:hover,  
	input:focus, textarea:focus {  
	border-color: #55a51a; 
	}  
.form label {  
	color: #000000; 
	font-weight: bold;
	margin-left: 10px; 
	vertical-align: text-top; 
	}  
.submit input {  
	border: 0;  
	padding: 0;    
	width: auto;
	}  
/*
* ~~~ Tables ~~~
*/
table.tees {
	border-collapse: separate;
	*border-collapse: expression('separate', cellSpacing = '3px');
	border-spacing: 3px;
	font-weight: bold;
	padding: 2px;
	text-align: center;
	width: 475px;
	}
table.tees td { 
	padding: 6px;
	}
.a0 { 
	background-color: #666666;
	}
.a1 { 
	background-color: #cccccc;
	}
/*
* ~~~ Copyright ~~~
*/	
#copy {
	clear: both;
	font-size: .9em;
	margin-top: 35px;
	text-align: center;
	}
/*
* ~~~ Lines ~~~
*/		
.horizontal-line {
	border-bottom-style: solid;
	height: .1em;
	width: 670px;	
}
.vertical-line  {
    border-left: thin solid #000000;
	}
/*
* ~~~ Aligning Images ~~~
*/
img.center {
 	margin-left: auto;
    margin-right: auto;	
	}
img.center-wil {
 	display: block;
	margin-left: auto;
    margin-right: auto;	
	}
img.bottom {
	vertical-align: text-bottom;
	}
/*
* ~~~ Links, Bold Colors ~~~
*/

.redbold { font-weight: bold; color: #990000; text-decoration: underline }
.bluebold { font-weight: bold; color: #54bceb; text-decoration: none }
.greenbold { font-weight: bold; color: #55a51a; text-decoration: none }
	
a:link { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }
a:visited { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }
a:hover { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }
a:active { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }

a.bottomnav:link { font-weight: bold; color: #ffffff; text-decoration: none }
a.bottomnav:visited { font-weight: bold; color: #ffffff; text-decoration: none }
a.bottomnav:hover { font-weight: bold; color: #000000; text-decoration: none }
a.bottomnav:active { font-weight: bold; color: #ffffff; text-decoration: none } 

a.green:link { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }
a.green:visited { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none }
a.green:hover { font-size: 1em; font-weight: bold; color: #55a51a; text-decoration: none }
a.green:active { font-size: 1em; font-weight: bold; color: #000000; text-decoration: none } 

h3 { font-size: 13px; font-weight: bold; color: #000000 }
h2 { font-size: 18px; font-weight: bold; color: #990000 }
h1 { font-size: 22px; font-weight: bold; color: #000000 }

LI.list { list-style: circle outside; color:#000000; } 
LI.list2 { list-style: disc outside; color:#ffff00; }