@charset "UTF-8";

/*
colours:
red - cd0001

*/
/* //////////////   general   ///////////////////////////////////////////*/
body {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFFFFF;background-color: #000;margin: 0px;padding: 0px;}

.clearAll {clear:both;line-height:0px;font-size:0px;height:0px;}
.holder {margin:0px auto 0px auto;width:950px;position:relative;}
.theHead {position:absolute;right:0px;top:40px;z-index:10;}
.theSub {position:absolute;right:5px;top:80px;z-index:10;}
.tear {background:url(images/tile-back-tear.gif) repeat-x;width:auto;position:relative;}
.tearHolder {margin:0px auto 0px auto;width:930px;position:relative;padding:30px 0px 0px 30px;}
.tearHolder table {float:left;margin-right:10px;}
.tearHolder table tr td {padding:2px 0px 2px 0px;border-bottom:1px solid #2c2c2c;font-size:11px;height:38px;}
h1, h2, h3, h4 {padding:0px;margin:0px;}



/* //////////////   nav   ///////////////////////////////////////////*/
.nav{width:auto;background:url(images/top_repeat.gif) repeat-x;background-color:#900;height:40px;}
.navHolder {width:950px;margin:0px auto 0px auto;position:relative;z-index:150;}
.navShare {position:absolute;right:0px;top:10px;width:183px;font-size:11px;line-height:20px;color:#ff9980;}
.navShare img {float:right;margin-left:4px;}
.navLogo {position:absolute;left:-45px;top:16px;z-index:150;}
.navItems {margin-left:290px;width:470px;}
.navItems a {font-size:9px;text-align:center;line-height:12px;color:#9a0000;}
.navItems a:hover {color:#c20b10;}
#nav1 {background:url(images/nav-whats-hot.gif) no-repeat;width:98px;height:39px;display:block;float:left;}
#nav2 {background:url(images/nav-the-comic.gif) no-repeat;width:93px;height:39px;display:block;float:left;}
#nav3 {background:url(images/nav-the-animation.gif) no-repeat;width:145px;height:39px;display:block;float:left;}
#nav4 {background:url(images/nav-team-profiles.gif) no-repeat;width:124px;height:39px;display:block;float:left;}
#nav5 {background:url(images/nav-digital-comic-1.gif) no-repeat;width:103px;height:39px;display:block;float:left;}

#nav1:hover {background:url(images/nav-whats-hot-ovr.gif) no-repeat;}
#nav2:hover {background:url(images/nav-the-comic-ovr.gif) no-repeat;}
#nav3:hover {background:url(images/nav-the-animation-ovr.gif) no-repeat;}
#nav4:hover {background:url(images/nav-team-profiles-ovr.gif) no-repeat;}
#nav5:hover {background:url(images/nav-digital-comic-1-ovr.gif) no-repeat;}



/* //////////////   the comic   ///////////////////////////////////////////*/
.comicHolder {background:url(images/comic-stripes.gif) no-repeat bottom left;height:330px;position:relative;}
.comicFan {position:absolute;bottom:0px;left:18px;}
.comicFanDigi {
	position:absolute;
	bottom:-33px;
	left:138px;
	z-index:100;
}
.comicList {padding:20px 0px 30px 0px;}
.comicList .comicRead {margin:0px 0px 28px 28px;width:128px;float:left;position:relative;overflow:hidden;cursor:pointer;}
.comicRead p {padding:5px;margin:0px;height:30px;width:128px;background-color:#1e1d1d;display:none;left:0px;position:absolute;bottom:0px;z-index:9;}
.comicRead span {padding:5px;margin:0px;height:30px;width:128px;text-color:#FFF;text-align:center;line-height:14px;position:absolute;left:0px;bottom:0px;display:block;display:none;z-index:10;}
.comicRead b {font-weight:normal;color:#cd0001;display:block;font-size:11px;}
.comicList #list1, .comicList #list7, .comicList #list13, .comicList #list19 {margin:0px;}
.comicFeature {width:400px;position:absolute;left:550px;top:30px;font-size:12px;}
.comicFeatureText  {position:relative;}
.comicFeatureText h1 {font-size:19px;margin-bottom:5px;}
.comicFeatureText h2 {font-size:17px;font-weight:normal;margin-bottom:5px;}
.comicFeatureText h1 a {color:#cd0001;text-decoration:none;}
.comicFeatureText h1 a:hover {text-decoration:underline;}
/*.comicFeature p {display:block;padding:0px;margin:0px;float:left;width:200px;}*/
.comicFeature p img {margin-bottom:8px;}

#comicBook {padding:20px 0px 50px 0px;display:none;background:#1f1f1f;position:relative;}
.comicBookHolder {position:relative;}
.comicBookHolder h1 {font-size:19px;margin-bottom:10px;}
.comicBookHolder h2 {font-size:17px;font-weight:normal;color:#cd0001;}
.comicBookHolder h3 {font-size:17px;font-weight:normal;}


.comicSupplier p img {float:left;margin-right:10px;margin-bottom:20px;}
.comicSupplier p {line-height:14px;padding:0px;margin:0px;}

/* //////////////   the vid   ///////////////////////////////////////////*/

.vidHolder {background:url(images/comic-stripes.gif) no-repeat bottom left;position:relative;padding-left:30px;}
.vidList {padding:20px 0px 30px 0px;}
.vidList .vidRead {margin-left:28px;width:145px;float:left;position:relative;cursor:pointer;}
.vidRead p {padding:5px;margin:0px;height:30px;width:135px;background-color:#1e1d1d;display:none;left:0px;position:absolute;bottom:0px;z-index:9;}
.vidRead span {padding:5px;margin:0px;height:30px;width:135px;text-color:#FFF;text-align:center;line-height:14px;position:absolute;left:0px;bottom:0px;display:block;display:none;z-index:10;font-size:11px;}
.vidRead b {font-weight:normal;color:#cd0001;display:block;}
.vidList #list1 {margin:0px;}
.vidFeature {width:390px;float:right;font-size:12px;position:relative;}
.vidHolder p {display:block;line-height:20px;margin:0px 0px 20px 0px}
.vidHolder p img {margin:0px 20px 0px 20px;position:relative;top:5px;}
.epsicon {position:absolute;left:100px;top:-15px;}
.epsicon2 {position:absolute;left:210px;top:5px;}
.vidSponsor {margin:20px 0px 20px 0px;line-height:15px;}
.vidSponsor img {float:left;margin-right:10px;}


/* //////////////   the profiles   ///////////////////////////////////////////*/
.profileList {height:115px;position:relative;margin-bottom:1px;}
.profileHolder {}
.profileLeft {float:left;width:300px;}
.profileRight {float:right;width:590px;}
.profileTops {float:left;width:410px;}
.profileTops p {float:left;width:150px;padding:0px;margin:0px;font-style:italic;color:#9a0000;font-weight:bold;}
.profileTops span {float:left;width:250px;display:block;}
.profileTops div {background:url(images/player-profiles/profile-div.gif) no-repeat bottom left;padding-top:10px;margin-bottom:10px;height:1px;line-height:0px;clear:both;}
.profileRight h2 {color:#9a0000;font-weight:bold;font-size:13px;font-style:italic;margin-top:10px;margin-bottom:5px;}

.profileBadge {float:right;width:120px;}

#menu {width:850px;position:absolute;bottom:0px;left:-30px;z-index:5;}
#menu div.jqDock {cursor:pointer;margin-right:5px;}
#menu a {text-decoration:none;padding-right:1px;}
.jqDockLabel {font-weight:bold;white-space:nowrap; color:#ffffff; cursor:pointer;text-decoration:none;text-align:center;display:block;width:147px;padding-top:3px;background-color:#000;}

/* //////////////   what's hot   ///////////////////////////////////////////*/
.hottear {background:url(images/tile-back-tear.gif) repeat-x;width:auto;position:relative;}
.hottearHolder {margin:0px auto 0px auto;width:930px;position:relative;padding:1px 0px 0px 50px;}
.hotNum {position:absolute;left:50px;top:-20px;z-index:100;background:url(images/what-back.gif) no-repeat;width:44px;height:45px;line-height:45px;text-align:center;font-size:30px;font-style:italic;}
.hotLeft {float:left;width:360px;margin:40px 0px 20px 0px;}
.hotRight {float:right;width:520px;}
.hotLeft h1 {font-size:21px;margin-bottom:5px;}
.hotRight p {padding:0px;margin:30px 0px 0px 0px;display:block;width:190px;float:right;}
.hotRight b {color:#cd0001;font-weight:normal;display:block;margin-bottom:5px;}

/* //////////////   what's hot   ///////////////////////////////////////////*/
.logTable table tr td {padding-top:10px;}
.logTable a {color:#cd0001;text-decoration:none;}
.logTable a:hover {text-decoration:underline;}

.logTable .textfield {height:20px;line-height:20px;color:#FFF;background-color:#000000;border:none;border-bottom:1px solid #353535;border-right:1px solid #353535;width:200px;border-top:1px solid #1f1f1f;border-left:1px solid #1f1f1f;width:200px;}
.logTable .dropdown {height:20px;line-height:20px;color:#FFF;background-color:#FFF;width:200px;}

/* //////////////   footer   ///////////////////////////////////////////*/
.footerBack {background:url(images/bot-back.gif) repeat-x;height:87px;width:auto;}
.footerHolder {width:950px;margin:0px auto 0px auto;position:relative;}
.footerLeft {position:absolute;width:185px;left:150px;top:8px;}
.footerReft {	background:url(images/bot-arrow.png) no-repeat;	padding:8px 0px 0px 30px;position:absolute;	width:127px;right:1px;top:0px;height: 80px;}