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

body { font-family: "trebuchet ms", arial, verdana, sans-serif; margin: 0px; padding: 0px; }
input { font-family: Tahoma, Geneva, sans-serif; }
table { border-collapse: collapse; }
#bodyDiv {width:850px; margin-left:auto; margin-right:auto;}
#bodyWrap {width:1220px; margin-left:auto; margin-right:auto;min-height:600px; z-index: 10; position: relative;}

.heading {text-decoration:underline;font-size:x-large;color:#ffffff;} 
h1,h2 {
	text-decoration:underline;
	font-size:x-large;
	color:#ffffff;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
} 

.noUL {font-size: x-large; color:#ffffff;} 

.normal {text-decoration:none;font-size:medium;color:#ffffff;margin-right:10px;}

.footer {
	text-decoration:none;
	font-size:medium;
	color:#ffffff;
	background-image:url('/graphics/backgroundbottom.png');
	background-repeat:repeat-x;
	/*background-attachment:fixed;*/
	background-position:bottom;
	font-weight:bold;
	text-align:center;
	margin:auto;
	width:100%;
	padding-top: 200px;
	margin-top: -200px;
	margin-bottom:-10%;
	position: relative;
	z-index: 3;
}

.footerText {
	color:#FFFFFF;	
}

.mainBody {background-color: #000000; background:url(background.png); margin-left:auto; margin-right:auto; width:100%; padding-right: 0px; }

.centerThis {display:block; margin-left:auto; margin-right:auto; max-width: 100%;}

.text_button {
   border: none;
   background-color: transparent;
   padding: 0;
   text-decoration: none;
   cursor: pointer;
   font-size: medium;
   color: #ffffff;
   overflow:visible;
   font-family: "trebuchet ms", arial, verdana, sans-serif;
}

.text_button:hover {
   border: none;
   background-color: transparent;
   padding: 0;
   text-decoration: underline;
   font-size: medium;
   color: #dddddd;
   overflow:visible;
}

.newspost {
	background-color:#2f2f2f;
	border-radius:15px;
	margin-left:15px;
	margin-right:15px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding:10px;
	line-height:1.4;
	position: relative;
}

.newspostHighlighted {
	background-color:#5f5f5f;
	border-radius:15px;
	margin-left:15px;
	margin-right:15px;
	padding:10px;
	line-height:1.4;
	position: relative;
}

.feature, .feature-dark {
	color: #ffffff;
	background-color:#2f2f2f;
	border-radius:15px;
	margin-left:15px;
	margin-right:15px;
	padding:10px;
	margin-bottom:10px;
	background-image:url("newsBG.png");
}
.feature-dark, .feature-dark a {
	color: #000000;
	text-shadow: 0px 0px 14px #ffffff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav {margin-left:5px; width:174px; position:absolute; text-decoration:none; z-index: 25;}

img {border-style:none; margin: 0px; padding: 0px; vertical-align: bottom;}

.cranPanel {
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#artLinks {
	margin-left: auto;
	margin-right: auto;
}
#artLinks a {
	margin-left: 1px;
	margin-right: 1px;
}

a:link {color: #ffffff;}
a:visited {color: #aaaaaa;}
a:active {color: #ffffff; text-decoration:none;}
a:hover {color: #dddddd;}

.feature-dark a:link {color: #000000;}
.feature-dark a:visited {color: #444444;}
.feature-dark a:active {color: #000000; text-decoration:none;}
.feature-dark a:hover {color: #dddddd;}

#homeBtn { background: transparent url("homebtn.png") no-repeat; }
#comicsBtn { background: transparent url("comicbtn.png") no-repeat; }
#artBtn { background: transparent url("artbtn.png") no-repeat; }
#charBtn { background: transparent url("charbtn.png") no-repeat; }
#cranBtn { background: transparent url("cranbtn.png") no-repeat; }
#forumBtn { background: transparent url("forumbtn.png") no-repeat; }
#arcadeBtn { background: transparent url("arcadebtn.png") no-repeat; }
#tumblrBtn { background: transparent url("tumblrbtn.png") no-repeat; }
#rssBtn { background: transparent url("rssbtn.png") no-repeat; }
#homeBtn:hover,#comicsBtn:hover,#artBtn:hover,#charBtn:hover,#cranBtn:hover,#forumBtn:hover,#arcadeBtn:hover,#tumblrBtn:hover,#rssBtn:hover { background-position:right; }
.sideBtn{
	display: block;
	width: 174px;
	height: 45px;
	margin-bottom: 5px;
}

/*  #firstBtn is an <a>, the rest are <img>. Don't question it!  */
#firstBtn {
	margin-left: 120px;
}
#prevBtn {
	position: absolute;
	left: 405px;
}
#nextBtn {
	position: absolute;
	left: 755px;
}
#lastBtn {
	position: absolute;
	left: 855px;
}

#arcadeTable td {
	vertical-align:top;
	padding-bottom: 20px;
}

.similarThumbs {
	position: absolute;
	right: -115px;
	width: 100px;
}
.similarThumbs ul {
	list-style:none;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}
.similarThumbs img {
	margin-bottom: 5px;	
}

.dailyDraw {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 189px;
}
.dailyDraw td {
	text-align: center;
	width: 25px;
}