@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #fff;
	background:#000;
}
h1, h2, h3, p, ul, li {padding:0; margin:0; line-height:140%; font-size:12px; font-weight:normal;}

.link-to-top {text-align:right; font-size:14px; margin-top:10px;}

a:link, a:visited {text-decoration:none; color:#fdc904;}
a:hover {text-decoration:none;color:#0099FF; }

.magazine #header { 
	border:1px solid red; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.magazine #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.magazine #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 357px;
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:10px 10px 10px 0px;
	
}

.exclusive {padding:3px 20px 1px 10px; background:#FFCC00; color:#000000; text-transform:capitalize; font-weight:bold; font-size:16px; font-family:Arial, sans-serif; width:330px;}

/* headers */

.magazine #here-h1 {background:url(graphics/heroes.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #indi-h1 {background:url(graphics/indianajones-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #supernatural-h1 {background:url(graphics/supernatural-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #lost-h1 {background:url(graphics/lost-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #stargate-h1 {background:url(graphics/stargate-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #starwars-h1 {background:url(graphics/stawars-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #startrek-h1 {background:url(graphics/startrek-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #smallville-h1 {background:url(graphics/smallville-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}
.magazine #torchwood-h1 {background:url(graphics/torchwood-logo.gif) top left no-repeat; height:125px; width:334px; text-indent:-9999px; margin-bottom:30px;}

.magazine #sidebar1 .para {margin:10px 0; font-size:12px;}


.magazine #mainContent {
	float:left;
	margin-left:15px;
	width:500px;
	padding: 0 10px;
} 

.magazine #mainContent h2 {font-size:24px; font-weight:lighter; color: #33B7FF;}

#subscribe a {background:url(graphics/subscribe-heroes.gif) left top no-repeat; width:480px; width:480px; height:48px; text-indent:-9999px; margin:40px 0 0 0; display:block;}
#subscribe a:link, #subscribe a:visited {width:480px; height:48px; text-indent:-1999px;}
#subscribe a:hover {width:480px; height:48px; background-position:-0 -48px;}


#latest a {background:url(graphics/check-out-latest-issue.gif) left top no-repeat; width:480px; height:48px; text-indent:-9999px; margin:0; display:block;}
#latest a:link, #subscribe a:visited {width:480px; height:48px; text-indent:-1999px;}
#latest a:hover {width:480px; height:48px; background-position:-0 -48px;}


.magazine #footer { 
	padding: 0 10px 0 20px; 
	 
} 
.magazine #footer p {
	font-size:10px;
	margin: 0; 
	padding: 10px 0; 
}

#sweep-ban {background:url(graphics/sweep-pages.jpg) top left no-repeat; width:350px; height:200px; margin:20px 0; text-indent:-9999px;}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*///////////////////////// INTERVIEW  ////////////////////*/

#interview {
	list-style-type:none;
	width:480px;
	padding: 0;
}

#interview p {
	margin-top:15px;
	margin-bottom:15px;
	color:#ccc;
}

#question-div {
	width: 387px;
	margin: 20px auto 0;
	background: #dedede url(graphics/interview-top.gif) top left no-repeat;	
}

#interview #question-p {
	margin: 0;
	padding: 20px 20px 40px;
	background: url(graphics/interview-bottom.gif) bottom left no-repeat;		
	font-size:12px;
	color:#000;
}

.interview-head {color:#FFCC00; font-size:16px; width:400px; margin-bottom:20px; font-family:Helvetica, Arial, sans-serif; font-weight:normal;}



/* Menu text */
ul#SpriteMenu1, ul#TitanMags-mags{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#SpriteMenu1 li, ul#TitanMags-mags li {
	float: left;
	margin: 0;
	padding: 0;
}

ul#TitanMags-mags li a, ul#SpriteMenu1 li a {
	display: block;
	outline: 0;
	text-indent: -999em;
}

ul#TitanMags-mags li a {
	background:url(graphics/top-menu.jpg) no-repeat;
	height: 150px;
}

ul#SpriteMenu1 li a {
	background: url(graphics/top-menu-text.jpg) no-repeat;
	height: 51px;
}

#footer-mennu {list-style-type:none;  height:49px; clear:both; }

#footer-mennu li{height:49px; float:left;margin-right:8px; display:block;}
#footer-mennu #li1 a, #footer-mennu #li2 a, #footer-mennu #li3 a{display:block;height:49px;}

#footer-mennu #li1 a:link, #footer-mennu #li1 a:visited{
	width:194px;
	background:url(graphics/footer-mags-button.gif) 0 0 no-repeat;
	text-indent:-999em;

}
#footer-mennu #li3 a:link, #footer-mennu #li3 a:visited{
	width:540px;
	background:url(graphics/dwscifi.jpg) 0 0 no-repeat;
	text-indent:-999em;

}
#footer-mennu #li2 a:link, #footer-mennu #li2 a:visited{
	width:194px;
	background:url(graphics/footer-books-button.gif) 0 0 no-repeat;
	text-indent:-999em;
	background-position: -0px -0px;
}

#footer-mennu #li1 a:focus, #footer-mennu #li1 a:hover, #footer-mennu #li1 a:active{
	width:194px;
	background:url(graphics/footer-mags-button.gif) top left no-repeat;
	text-indent:-999em;
background-position: -0px -49px;
}
#footer-mennu #li3 a:focus, #footer-mennu #li3 a:hover, #footer-mennu #li3 a:active{
	width:540px;
	background:url(graphics/dwscifi.jpg) top left no-repeat;
	text-indent:-999em;
	background-position: -0px -49px;
}
#footer-mennu #li2 a:focus, #footer-mennu #li2 a:hover, #footer-mennu #li2 a:active{
	width:194px;
	background:url(graphics/footer-books-button.gif) top left no-repeat;
	text-indent:-999em;
background-position: -0px -49px;
}

#footer-mennu #li4{
	text-align:center;
	margin-top:15px;
	color:#CCCCCC;
	font-size:10px;
	margin-left:20px;
	width:900px
}

ul#SpriteMenu1 li#Menu1-MenuItem1 a:link, ul#SpriteMenu1 li#Menu1-MenuItem1 a:visited {
background-position: -0px -0px;
width: 240px;
}

ul#SpriteMenu1 li#Menu1-MenuItem1 a:focus, ul#SpriteMenu1 li#Menu1-MenuItem1 a:hover, ul#SpriteMenu1 li#Menu1-MenuItem1 a:active {
background-position: -0px -51px;
width: 240px;
}

ul#SpriteMenu1 li#Menu1-MenuItem2 a:link, ul#SpriteMenu1 li#Menu1-MenuItem2 a:visited {
background-position: -240px -0px;
width: 122px;
}

ul#SpriteMenu1 li#Menu1-MenuItem2 a:focus, ul#SpriteMenu1 li#Menu1-MenuItem2 a:hover, ul#SpriteMenu1 li#Menu1-MenuItem2 a:active {
background-position: -240px -51px;
width: 122px;
}

ul#SpriteMenu1 li#Menu1-MenuItem3 a:link, ul#SpriteMenu1 li#Menu1-MenuItem3 a:visited {
background-position: -362px -0px;
width: 143px;
}

ul#SpriteMenu1 li#Menu1-MenuItem3 a:focus, ul#SpriteMenu1 li#Menu1-MenuItem3 a:hover, ul#SpriteMenu1 li#Menu1-MenuItem3 a:active {
background-position: -362px -51px;
width: 143px;
}

ul#SpriteMenu1 li#Menu1-MenuItem4 a:link, ul#SpriteMenu1 li#Menu1-MenuItem4 a:visited {
background-position: -505px -0px;
width: 136px;
}

ul#SpriteMenu1 li#Menu1-MenuItem4 a:focus, ul#SpriteMenu1 li#Menu1-MenuItem4 a:hover, ul#SpriteMenu1 li#Menu1-MenuItem4 a:active {
background-position: -505px -51px;
width: 136px;
}

ul#SpriteMenu1 li#Menu1-MenuItem5 a:link, ul#SpriteMenu1 li#Menu1-MenuItem5 a:visited {
background-position: -641px -0px;
width: 319px;
}

ul#SpriteMenu1 li#Menu1-MenuItem5 a:focus, ul#SpriteMenu1 li#Menu1-MenuItem5 a:hover, ul#SpriteMenu1 li#Menu1-MenuItem5 a:active {
background-position: -641px -51px;
width: 319px;
}
/* menu image */


ul#TitanMags-mags li#Mag1MenuItem1 a:link, ul#TitanMags-mags li#Mag1MenuItem1 a:visited {
	background-position: -0px -2px;
	width: 98px;
}

ul#TitanMags-mags li#Mag1MenuItem1 a:focus, ul#TitanMags-mags li#Mag1MenuItem1 a:hover, ul#TitanMags-mags li#Mag1MenuItem1 a:active {
	background-position: -0px -152px;
	width: 98px;
}

ul#TitanMags-mags li#Mag1MenuItem2 a:link, ul#TitanMags-mags li#Mag1MenuItem2 a:visited {
	background-position: -98px -0px;
	width: 94px;
}

ul#TitanMags-mags li#Mag1MenuItem2 a:focus, ul#TitanMags-mags li#Mag1MenuItem2 a:hover, ul#TitanMags-mags li#Mag1MenuItem2 a:active {
	background-position: -98px -150px;
	width: 94px;
}

ul#TitanMags-mags li#Mag1MenuItem3 a:link, ul#TitanMags-mags li#Mag1MenuItem3 a:visited {
	background-position: -192px -0px;
	width: 97px;
}

ul#TitanMags-mags li#Mag1MenuItem3 a:focus, ul#TitanMags-mags li#Mag1MenuItem3 a:hover, ul#TitanMags-mags li#Mag1MenuItem3 a:active {
	background-position: -192px -150px;
	width: 97px;
}

ul#TitanMags-mags li#Mag1MenuItem4 a:link, ul#TitanMags-mags li#Mag1MenuItem4 a:visited {
	background-position: -289px -0px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem4 a:focus, ul#TitanMags-mags li#Mag1MenuItem4 a:hover, ul#TitanMags-mags li#Mag1MenuItem4 a:active {
	background-position: -289px -150px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem5 a:link, ul#TitanMags-mags li#Mag1MenuItem5 a:visited {
	background-position: -384px -0px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem5 a:focus, ul#TitanMags-mags li#Mag1MenuItem5 a:hover, ul#TitanMags-mags li#Mag1MenuItem5 a:active {
	background-position: -384px -150px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem6 a:link, ul#TitanMags-mags li#Mag1MenuItem6 a:visited {
	background-position: -479px -0px;
	width: 97px;
}

ul#TitanMags-mags li#Mag1MenuItem6 a:focus, ul#TitanMags-mags li#Mag1MenuItem6 a:hover, ul#TitanMags-mags li#Mag1MenuItem6 a:active {
	background-position: -479px -150px;
	width: 97px;
}

ul#TitanMags-mags li#Mag1MenuItem7 a:link, ul#TitanMags-mags li#Mag1MenuItem7 a:visited {
	background-position: -576px -0px;
	width: 96px;
}

ul#TitanMags-mags li#Mag1MenuItem7 a:focus, ul#TitanMags-mags li#Mag1MenuItem7 a:hover, ul#TitanMags-mags li#Mag1MenuItem7 a:active {
	background-position: -576px -150px;
	width: 96px;
}

ul#TitanMags-mags li#Mag1MenuItem8 a:link, ul#TitanMags-mags li#Mag1MenuItem8 a:visited {
	background-position: -672px -0px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem8 a:focus, ul#TitanMags-mags li#Mag1MenuItem8 a:hover, ul#TitanMags-mags li#Mag1MenuItem8 a:active {
	background-position: -672px -150px;
	width: 95px;
}

ul#TitanMags-mags li#Mag1MenuItem9 a:link, ul#TitanMags-mags li#Mag1MenuItem9 a:visited {
	background-position: -767px -0px;
	width: 96px;
}

ul#TitanMags-mags li#Mag1MenuItem9 a:focus, ul#TitanMags-mags li#Mag1MenuItem9 a:hover, ul#TitanMags-mags li#Mag1MenuItem9 a:active {
	background-position: -767px -150px;
	width: 96px;
}

ul#TitanMags-mags li#Mag1MenuItem10 a:link, ul#TitanMags-mags li#Mag1MenuItem10 a:visited {
	background-position: -863px -0px;
	width: 97px;
}

ul#TitanMags-mags li#Mag1MenuItem10 a:focus, ul#TitanMags-mags li#Mag1MenuItem10 a:hover, ul#TitanMags-mags li#Mag1MenuItem10 a:active {
	background-position: -863px -150px;
	width: 97px;
}


#contest {
	margin: 10px;
	width: 367px;
	color: #ccc;
}

#contest h1 {
	text-transform: uppercase;
	color: #fff;
	margin-top: 10px;
}

#terms {
	margin: 21px 11px 10px;
	font-size: 10px;
}

#terms h2 {
	font-size: 12px;
	margin: 0 0 10px;
}

form { 
	float: left;
	width: 355px;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	padding: 11px 0 ;
	margin-bottom:10px;
}

form p {
	float: left;
	width: 355px;
	margin: 10px 0 10px;
}
	
.field {
	float: left;
	clear: left;
	width: 375px;
	margin-bottom: 11px;
}

.field label {
	float: left;
	display: block;
	width: 120px;
	margin-right: 11px;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

.field  input {
	float: left;
	width: 200px;
}

.field select {
	float: left;
	width: 200px;
}

.field-errors {
	margin-left: 11px;
	float: left;
	color: #fff;
}

.field-errors img{
	display: block;
	vertical-align: top;
}

.field-checkbox {
	float: left;
	clear: left;
	width: 355px;
	margin-bottom: 11px;
}

.field-checkbox label {
	float: left;
	display: block;
	width: 90px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	margin-right: 11px;	
}

.field-checkbox input {
	float: left;
}

.field-checkbox .field-errors {
	margin-left: 11px;
	float: left;
}

.field-submit  {
	clear: left;
	width:355px;
	padding-top: 11px;
}

.field-submit input {
	margin-left: 111px;
}

#contest-image {
	margin-left: 11px;
	margin-top: 40px;
}
label {font-size:12px;}

.style5 {color: #F3CB01; text-transform:uppercase;}



#container { 
	width: 960px; 
	margin: 0 auto; 
	text-align: left;
	position:relative;
	background:transparent;
}



/*  home page */



.w2 {float:left; margin:20px 0 0 15px; width:700px;}



.w2 img {float:left;}
.w2 h1, .w2 p {margin:8px 0 0 220px; width:400px;}

.w2 h1 {font-size:18px; font-weight:normal;}

.w2 p {font-size:14px;}

#w1 a:link, #w1 a:visited {color:#000; font-weight:bold;}
#w1 a:hover {color:#0099ff;  font-weight:bold;}


#w1 {
	width:350px;
	float:left;
	margin:20px 20px 0 0;
	height:210px;
	background:#fec413 url(graphics/introbox-bottom.jpg) bottom left no-repeat;
	color:#000000;
	
}

#w1 p {font-size:12px; margin:8px 8px 8px 0; padding-right:2px;}
#w1 h2 {margin:0; font-size:10px;  color:#fdc904; background:url(graphics/introbox-top.jpg) top left no-repeat; height:20px; text-indent:-1999px;}

#w1 h3 {font-size:16px; margin:4px 8px 1px 0;text-transform:uppercase; font-weight:bold; color:#000;}

#w1 img {float:left; margin:5px 0 0 10px;}

.w3 {
	width:180px;
	float:right;
	margin:20px 0 0 0;
	padding-right: 20px;
}


#footer {
	width:960px;
	position:relative;
	margin:40px 0;
}


/*home page end */
#sweep-terms p {font-size:10px;}


/* subs */
#subs-content {width:820px; margin:0 auto; clear:both;}
#subs-content h2 {width:800px; height:60px; background:url(graphics/subs-subhead.gif) top left no-repeat; text-indent:-9999px;}
#subs-head {margin:auto 0; height:80px; background:url(graphics/subs-head.gif) center left no-repeat; text-indent:-9999px;}



#subs-intro ul {float:left; width:490px; list-style-type:none;}
#subs-intro li { width:530px; height:40px; background:url(graphics/sub-arrow.gif) left center no-repeat; margin:20px;}
#subs-intro h3 {font-size:25px; color:#CC0033; font-weight:bold;}
#subs-intro h3, #subs-intro p { margin-left:70px;}

#subs-se1 {width:614px; float:left;}

#subs-se1 img, #subs-sec2 img  {float:left;}
#subs-sec2 {width:205px; float:left;}
/*subs end */

#sidebar1 {
	float:left; /* since this element is floated, a width must be given */
	background: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:10px 10px 10px 0px;
	margin-left:15px;
	width: 367px;
	
}

#sidebar1 p {margin:5px 0;}

#imageContent {
	float:left;
	margin: 0 10px 0 100px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

img {
	border:none;
}

#covers {
	margin-bottom:20px;
}

#contest h2 {
	margin-top: 10px;	
}