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

/* FIX PNG SUPPORT IN IE6 ******************************************/

img, div, td, a {
	behavior:url(/iepngfix.htc)
}


/* BASIC RULES ******************************************/

@media screen {
	body>div.shadow, body>a#eamark {
		position:fixed;
	}
}
* html body {
	overflow:hidden;
}
* html div#scroll {
	height:100%;
	overflow:auto;
}
html, body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	margin:0; padding:0;
}
body {
	background-image:url(/images/layout/bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-color:#000000;
	background-repeat:no-repeat;
	font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#000;
}
img {
	border:none;
}
td {
	vertical-align:top;
}
a.link {
	color:#000;
	border-bottom:#666 dotted 1px;
}
a.link:hover {
	color:#73573c;
	border-bottom:#746A5A dotted 1px;
}
a 
{
	text-decoration:none;
}
a.opacity:hover img {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}
#scroll {
	text-align:center;
}
p {
	margin:0 0 8px 0;
}
div.shadow {
	position:absolute;
	height:12px;
	width:100%;
	background:url(/images/layout/shadow.png) repeat-x top;
	overflow:hidden;
	z-index:1000;
}
table.outGrid td.outGridC div.shadow {
	width:950px;
}
div.spacer {
	height:10px;
	overflow:hidden;
}
div.spacer2 {
	height:20px;
	overflow:hidden;
}
.clear {
	clear:both;
}
.ul.ul {
	margin:5px 0 0 15px;padding:0;
}
.ul li {
	margin:0; 
	padding:0;
	list-style:none;
	list-style-image:url(/images/layout/arrow.gif);
}

/* outGrid (OUTER CONTAINER) ****************************************/

table.outGrid {
	width:980px;
	margin:0 auto;
}
td.outGridL {
	width:15px;
	background:url(/images/layout/shadowL.png) repeat-y;
}
td.outGridC {
	width:950px;
	text-align:left;
}
td.outGridR {
	width:15px;
	background:url(/images/layout/shadowR.png) repeat-y;
}


/* HEAD *******************************************/

div.head {
	width:950px;
	height:100px;
	background:url(/images/layout/headBg.jpg) no-repeat;
}
a.logo {
	position:absolute;
	display:block;
	width:325px;
	height:60px;
	background:url(/images/layout/logo.png) no-repeat;
	margin:20px 0 0 15px;
}
a.logo:hover {
	background-position:0 -60px;
}
/* NAV BUTTONS ******************************************/

div.nav {
	height:25px;
	background:url(/images/layout/navBg.jpg) repeat-x;
	overflow:hidden;
}
.nav ul {
	float:left;
	padding:0;
	margin:0;
	list-style: none;
}
.nav li {
	display:inline;
	width:auto;
/*	_width:10px; */
	float:left;
	white-space:nowrap;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	padding:0; margin:0;
}
.nav li a {
	display:block;
	height:15px;
	width:auto;
	padding:5px 8px;
	color:#CCC;
	background-image:url(/images/layout/navBtn.jpg);
}
.nav li a:hover {
	background-position:0 -25px;
	width: auto;
	color: #fff;
}
a.navFacebook, a.navTwitter {
	display:inline-block;
	float:left;
	width:92px;
	height:25px;
}
a.navFacebook {
	background:url(/images/layout/navFacebook.jpg) no-repeat;
}
a.navTwitter {
	background:url(/images/layout/navTwitter.jpg) no-repeat;
}
a.navFacebook:hover, a.navTwitter:hover {
	background-position:0 -25px;
}
.date {
	float:right;
	width:300px;
	text-align:right;
	margin:5px 17px 0 0;
}
.date span {
	font-size:11px;
	letter-spacing:1.5px;
	color:#999691;
}


/* Comic Book Ad TN's ******************************************/

a.comicads {
	display:inline-block;
	width:85px;
	height:137px;
	border:none;
}
a.comicads:hover {
	background-position:-85px;
	border:none;
}
div.comicads {
	position:relative;
	display:inline-block;
	height:137px;
	width:1px;
	padding-right:4px;
	margin-right:5px;
	border-right:1px dotted #666;
}


/* innGrid (INNER CONTAINER) ******************************************/

table.innGrid {
	width:100%;
	background:url(/images/layout/sbarBg.jpg) repeat-y left;
}
td.innGridL {
	width:185px;
	background:url(/images/layout/sbarTop.jpg) no-repeat top;
}
td.innGridC {
	width:20px;
	background:url(/images/layout/buffBg.jpg) repeat-y;
}
td.innGridR {
	width:745px;
	background-color:#e6e6e6;
	padding:17px 0 5px 0;
}
.featArt {
	margin:30px 0 7px 12px;
}
a.item {
	display:block;
	padding:2px 12px;
	border-top:#555 solid 1px;
	border-bottom:#000 solid 1px;
	text-transform:capitalize;
	font-size:9px;
	color:#999;
}
a.item:hover {
	padding:2px 11px;
	background-color:#333;
	color:#fff;
	border-left:#000 solid 1px;
	border-right:#000 solid 1px;
}
a.item h1 {
	color:#CCC;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0; margin:0;
}
a.item:hover h1 {
	color:#fff;
}


/* COVER ************************************************/

.coverL {
	width:271px;
}
.coverR {
	float:right;
	width:271px;
}



/* ARTICLE ************************************************/

.article {
	float:left;
	width:555px;
}
.article .text {
	font-size:12px;
	line-height:16px;
	float:left;
	width:425px;
}
.article .tools {
	float:right;
	width:120px;
}
.xtra {
	float:right;
	width:160px;
	margin-right:15px;
}

/* SUBMIT-TO BUTTONS ******************************************/

a.submitTo {
	display:inline-block;
	width:120px;
	height:32px;
	margin:0 0 4px 0;
}
a#fark {
	background:url(/images/layout/submit/subFark.png);
}
a#twit {
	background:url(/images/layout/submit/subTwit.png);
}
a#digg {
	background:url(/images/layout/submit/subDigg.png);
}
a#fb {
	background:url(/images/layout/submit/subFB.png);
}
a#fark:hover, a#twit:hover, a#digg:hover, a#fb:hover {
	background-position:-120px;
}
div.submitToH {
	margin-top:8px;
	padding-top:5px;
	border-top:#666 dotted 1px;
	text-align:right;
}
div.submitToH a.submitTo {
	margin:0 0 0 4px;
}


/* QUOTE STUFF ************************************/

.quote {
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
	letter-spacing:-1px;
	text-align:left;
}
.quoteCred {
	margin-top:4px;
	font-size:10px;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	line-height:12px;
}


/* CAPTION ***************************************/

table.cap {
	width:100%;
}
table.cap td {
	font-size:1px;
}
table.cap td.capTL {
	width:10px;
	height:10px;
	background:url(/images/layout/cap/capTL.png) no-repeat top;
}
table.cap td.capTR {
	width:10px;
	height:10px;
	background:url(/images/layout/cap/capTR.png) no-repeat top;
}
table.cap td.capBL {
	width:10px;
	height:10px;
	background:url(/images/layout/cap/capBL.png) no-repeat top;
}
table.cap td.capBR {
	width:10px;
	height:10px;
	background:url(/images/layout/cap/capBR.png) no-repeat top;
}
table.cap td.capT {
	background-color:#d9d9d9;
	border-top:#000 solid 1px;
}
table.cap td.capR {	
	background-color:#d9d9d9;
	border-right:#000 solid 1px;
}
table.cap td.capB {
	background-color:#d9d9d9;
	border-bottom:#000 solid 1px;
}
table.cap td.capL {
	background-color:#d9d9d9;
	border-left:#000 solid 1px;
}
table.cap td.capC {
	font-size:11px;
	background-color:#d9d9d9;
}


/* ARTICLE LIST ***********************************/

.articleListL {
	float:left;
	width:360px;
	padding:0; margin:0; border:none;
}
.articleListR {
	float:right;
	width:360px;
	padding:0; margin:0 15px 0 0; border:none;
}

table.articleItem {
	width:100%;
	padding:0; margin:0; border:none;
}
table.articleItem td.listL {
	padding-right:7px;
}
table.articleItem td.listR {
	width:100%;
}


/* MODAL ***********************************************/

#modal_container { /* Control Modal */
	padding:0px;
	overflow:auto;
}
#modal_overlay {
	background-color:#070603;
	cursor:pointer;
}
#modal_image { 
	border:1px solid #000;
}


/* RANDOM CONTENT ***************************************/

.jsclass body .random{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}


/* FORM *************************************************/

#formName, #formEmail {
	width:150px;
	border:#999 solid 1px;
	margin-right:10px;
}
#formMessage {
	width:95%;
	height:250px;
	border:#999 solid 1px;
}
input, textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding:2px 4px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}
div#formSubmit {
	width:445px;
	text-align:left;
	margin:10px 0 0 0;
}


/* READ BUTTONS ******************************************/

div.read {
	background-color:#CCC;
	height:16px;
	margin-top:10px;
}
td.listR div.read {
	margin-top:6px;
}
table.cap td.capC div.read {
	background-color:#bfbfbf;
}
div.read a {
	position:absolute; 
	margin-top:-4px;
	display:block;
	width:80px;
	height:22px;
	background:url(/images/layout/readBtn.png) no-repeat;
}
div.read a:hover {
	background-position:-80px;
}

/* Small *****/

div.readSmall {
	background-color:#CCC;
	height:13px;
	margin-top:10px;
}
td.listR div.readSmall {
	margin-top:4px;
}
table.cap td.capC div.readSmall {
	background-color:#bfbfbf;
}
div.readSmall a {
	position:absolute; 
	margin-top:-3px;
	display:block;
	width:70px;
	height:17px;
	background:url(/images/layout/readBtnSmall.png) no-repeat;
}
div.readSmall a:hover {
	background-position:-70px;
}


/* MISC ************************************************/

a.coverLink {
	color:#000;
}
a.coverLink:hover {
	color:#4A4035;
}
a.coverLink img:hover {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

.title {
	letter-spacing:-1px;
	font-family:Impact, "Arial Black", Gadget, sans-serif;
	font-size:42px;
	text-transform:uppercase;
	padding:0; 
	margin:0 0 5px 0;
	overflow:hidden;
	display:block;
	line-height:38px;
}
.title a {
	color:#000;
}
.title a:hover {
	color:#4A4035;
}
.subtitle {
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0; margin:0 0 5px 0;
	line-height:18px;
}
.title02 {
	letter-spacing:-1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	padding:0; 
	margin:0 0 1px 0;
	overflow:hidden;
	display:block;
	line-height:17px;
}
.title02 a {
	color:#000;
}
.title02 a:hover {
	color:#4A4035;
}
.subtitle02 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0; margin:0;
	line-height:12px;
}
div.tit {
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	margin:2px 0 5px 0;
	background-color:#d0d0d0;
}
.mid {
	font-size:12px;
	line-height:14px;
}
.altText {
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	letter-spacing:-1px;
	text-transform:uppercase;
}
.mid .altText {
	font-size:11px;
}
div.top {
	border-top:#000 solid 4px;
	border-bottom:#000 solid 1px;
	margin:0 0 8px 0;
	background:url(/images/layout/topBg.png) 0 0 repeat-x;
}
div.top img {
	margin-left:15px;
}
div.top div {
	margin:6px 7px 0 0;
	float:right;
	color:#fff;
}
div.byline {
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	border-top:#000 solid 4px;
	border-bottom:#000 solid 1px;
	padding:2px 0;
	margin:0 0 8px 0;
}
div.coverRow {
	padding:10px 0 0 0;
	margin-bottom:-7px;
	clear:both;
}
div.coverRow a {
	margin-right:5px;
}
div.copyright {
	clear:both;
	width:730px;
	border-top:#666 solid 1px;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
img.hof {
	float:right;
	margin-top:-1px;
}
div.div01 {
	margin-top:5px;
	border-top:#000 dotted 1px;
	height:5px;
	overflow:hidden;
}
div.div02 {
	margin-top:5px;
	border-top:#000 double;
	height:1px;
	overflow:hidden;
}

/*
div.div01 {
	border-top:#000 solid 1px;
}
div.div02 {
	border-top:#000 solid 2px;
} */


/* FOOT ******************************************/

.foot {
	height:90px;
	background:url(/images/layout/footBg.jpg) no-repeat;
}
.footBtm {
	display:inline-block;
	width:980px;
	height:25px;
	background:url(/images/layout/footBtm.png) no-repeat top;
	margin:0 auto 20px auto;
}

/* EAMARK ****************************************/
a#eamark {
	position:absolute;
	bottom:0;
	right:0;
	z-index:1000;
}