/*@charset "utf-8";*/
/* CSS Document */

BODY, P, TABLE, TD, TH, BR, DIV, SPAN
{
	font-family : Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #787878;
	margin: 0px 0px 0px 0px;
}
h1 {
	margin: 0px 0px 0px 0px;
	color: #383838; 
	font-family : Verdana, Arial, Helvetica;
	font-size: 16pt; 			
}
h2 {
	margin: 0px 0px 0px 0px;
	color: #383838; 
	font-family : Verdana, Arial, Helvetica;
	font-size: 13pt; 			
}
a {
	color:#0099CC;
	text-decoration: none;
}

#body {
	text-align:left;
	margin-left:40px;
	margin-right:40px;
}
#foot {
	color: #ababab;
}

.newsDate {
	margin:1.5em 0 .75em;
	font:90%/1.4em Trebuchet MS,Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#c60;
}

/*.container {
	margin:0px auto 0px auto;
	width:764px;
	background-image:url(images/whiteBGstripLight.jpg);
	background-position:center;
	background-repeat:repeat-y;
}*/

.orange {
	background-image:url(/images/orangeLine.gif);
	background-repeat:no-repeat;
	height:1px;
	width:750px;
	margin:0px 0px 0px 0px;
}
.container {
	width:1134px;
	margin:0px auto 0px auto;
}
#extraHeaderContent {
	height:20px;
	margin-top:20px;
}
#topContainer {
	width:100%;
	height:318px;
	margin:0px 0px 0px 0px;
	padding:0;
	border:0;
	background-color:#40565c;
}
#topCenter {
	float:left;
	width:764px;
	margin:0px auto 0px 185px;	
	background-image:url(/images/whiteBGstrip.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#topRight {
	float:right;
	width:185px;
	position:relative;
}
#bottomCenter {
	float:left;
	width:764px;
	margin:0px auto 0px 185px;
	background-image:url(/images/whiteBGstripLight.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#bottomRight {
	float:right;
	width:180px;
	margin:13px 0px 0px 5px;
	position:relative;
}


/* Main NAV rollovers */
#navHome
{
  display: block;
  width: 91px;
  height: 21px;
  background: url("/images/home.gif") no-repeat 0 0;

}
#navHome:hover
{ 
  background-position: 0 -21px;
}
#navHome span
{
  display: none;
}
#navNews
{
  display: block;
  width: 107px;
  height: 21px;
  background: url("/images/news.gif") no-repeat 0 0;

}
#navNews:hover
{ 
  background-position: 0 -21px;
}
#navNews span
{
  display: none;
}


#navBlog
{
  display: block;
  width: 107px;
  height: 21px;
  background: url("/images/blog.gif") no-repeat 0 0;

}
#navBlog:hover
{ 
  background-position: 0 -21px;
}
#navBlog span
{
  display: none;
}


#navArchive
{
  display: block;
  width: 124px;
  height: 21px;
  background: url("/images/archive.gif") no-repeat 0 0;

}
#navArchive:hover
{ 
  background-position: 0 -21px;
}
#navArchive span
{
  display: none;
}
#navAbout
{
  display: block;
  width: 112px;
  height: 21px;
  background: url("/images/about.gif") no-repeat 0 0;

}
#navAbout:hover
{ 
  background-position: 0 -21px;
}
#navAbout span
{
  display: none;
}
#navForum
{
  display: block;
  width: 108px;
  height: 21px;
  background: url("/images/forum.gif") no-repeat 0 0;

}
#navForum:hover
{ 
  background-position: 0 -21px;
}
#navForum span
{
  display: none;
}
#navStore
{
  display: block;
  width: 108px;
  height: 21px;
  background: url("/images/store.gif") no-repeat 0 0;

}
#navStore:hover
{ 
  background-position: 0 -21px;
}
#navStore span
{
  display: none;
}
#navCandy
{
  display: block;
  width: 95px;
  height: 21px;
  background: url("/images/candy.gif") no-repeat 0 0;

}
#navCandy:hover
{ 
  background-position: 0 -21px;
}
#navCandy span
{
  display: none;
}


/* Comic NAV rollovers */
.firstComic
{
  display: block;
  width: 85px;
  height: 16px;
  background: url("/images/first.gif") no-repeat 0 0;

}
.firstComic:hover
{ 
  background-position: 0 -16px;
}
.firstComic span
{
  display: none;
}
.prevComic
{
  display: block;
  width: 95px;
  height: 16px;
  background: url("/images/prev.gif") no-repeat 0 0;

}
.prevComic:hover
{ 
  background-position: 0 -16px;
}
.prevComic span
{
  display: none;
}
.randomComic
{
  display: block;
  width: 115px;
  height: 16px;
  background: url("/images/random.gif") no-repeat 0 0;

}
.randomComic:hover
{ 
  background-position: 0 -16px;
}
.randomComic span
{
  display: none;
}
.nextComic
{
  display: block;
  width: 95px;
  height: 16px;
  background: url("/images/next.gif") no-repeat 0 0;

}
.nextComic:hover
{ 
  background-position: 0 -16px;
}
.nextComic span
{
  display: none;
}
.recentComic
{
  display: block;
  width: 100px;
  height: 16px;
  background: url("/images/recent.gif") no-repeat 0 0;

}
.recentComic:hover
{ 
  background-position: 0 -16px;
}
.recentComic span
{
  display: none;
}