/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#535353;
   background:#000000 url(../cssimages/bg.gif) repeat-x top left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 62.5%;
   margin:0;}


/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#ED0E26;
 text-decoration: none;}

a:hover, a:active {
 color:#000;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:left;}
 
fieldset{
 border:none;}

a{
 outline:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.nomargin{
 margin:0 !important; }

span.sports{
 color:#FC0023;}


/* 3. PAGE LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#container{
 width: 922px;
 margin: 20px auto 0 auto;
 background:#000;}

#header{
 background:url(../cssimages/banner.jpg) no-repeat top left;
 height:230px;}

#content{
 margin: 0 10px 0 14px;
 border:6px solid #FFF;
 padding: 13px 0 15px 0;
 background:#C3C3C3;
 clear:both;}

#footer {
 clear:both;
 margin: 0 10px 0 14px;
 padding-bottom: 50px;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#header-left{ 
 width: 672px;
 float:left;}

#header-left h1{
 margin:0;
 padding:0;}
 
.logo{
 background:url(../cssimages/logo.jpg) no-repeat top left;
 width: 428px;
 height:178px;
 text-indent:-99999px;
 overflow:hidden;
 display:block;}

ul#main-nav{
 margin:0;
 padding:2px 0 0 15px;}

ul#main-nav strong {
 color:#C3C3C3 !important;
 float:left;
 padding: 13px 5px 0 5px;
 display:block;}

ul#main-nav li{
 list-style-type:none;
 float:left;
 font-size:1.8em;}

ul#main-nav li a{
 color:#C3C3C3 !important;
 float:left;
 padding: 13px 5px 0 5px;
 display:block;}
 
ul#main-nav li a.subscribe{
 background:url(../cssimages/nav_subscribe.gif) no-repeat top left;
 text-align:center;
 width: 133px;
 padding: 13px 0 0 0;
 height:37px;}

ul#main-nav li a:hover{
 color:#FFF !important;
 text-decoration:underline;}

a.subscribenow{
 background:url(../cssimages/header_subscribe.jpg) no-repeat top left;
 width: 250px;
 height:175px;
 text-indent:-9999px;
 overflow:hidden;
 float:right;
 display:block;
 margin: 37px 0 0 0;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#content h2{
 background:url(../cssimages/bg_headerright.gif) no-repeat top left;
 height:18px;
 font-size:1.4em;
 text-transform:uppercase;
 border-right:1px solid #FFF;
 color:#000000;
 display:inline;
 margin:0 0 10px 0;
 padding: 0 10px 0 80px;} 

#content h2 span{
 color:#FC0023;}

#sidebar {
 width: 322px;
 float:left;}

#sidebar .thumb{
 border:1px solid #FFF;
 margin: 10px 0 10px 20px;}

#main-content{
 width: 546px;
 float:right;}

#main-content h2{
 background:url(../cssimages/bg_headerleft.gif) no-repeat top right;
 padding: 0 150px 0 10px;
 border:none;
 float:right;
 border-left:1px solid #FFF;}

#main-content .intro{
 border:1px solid #9F9C9C;
 width: 521px;
 background:#FFF;
 padding:1px;
 clear:both;
 margin: 0 0 10px 0;
 height:223px;}

#main-content .intro p{
 padding: 10px 0 0 0;
 margin:0;}

#main-content .intro .text{
 background:url(../cssimages/bg_homegradientintro.gif) repeat-x top left;
 height:164px;
 color:#535353;
 font-size:1.4em;
 padding: 0 18px;}

#main-content .intro .thankyou{
 font-size:1.3em;
 color:#000;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;}

#main-content .intro .buy{
 background:url(../cssimages/bg_buy.gif) no-repeat top left;
 width: 491px;
 height:38px;
 padding: 20px 0 0 30px;
 margin:1px 0 0 0;}

#main-content .intro .buy a{
 color:#FFF !important;
 margin: 0 180px 0 0;
 font-size:1.6em;
 text-transform:uppercase;
 text-decoration:underline !important;}

/* Articles */
#main-content .article{
 background:url(../cssimages/bg_featuredarticle.gif) no-repeat top left;
 width: 500px;
 height:107px;
 clear:both;
 padding: 10px 20px 0 20px;
 margin: 0 0 20px 0;}

#main-content .article h3{
 margin:0;
 padding:0 0 5px 0;
 font-size:2.3em;
 font-family:Arial, Helvetica, sans-serif;}

#main-content .article h3 a{
 color:#000 !important;
 text-decoration:underline !important;}

#main-content .article p{
 font-size:1.4em;
 padding:0 0 10px 0;
 margin: 0;}

#main-content .article a.by{
 display:block;
 background:url(../cssimages/bg_by.gif) no-repeat top left;
 padding: 3px 0 0 25px;
 height:18px;
 font-size:1.4em;
 font-weight:bold;
 font-style:italic;}

#main-content .article a.by span{
 color:#535353 !important;}

/* Subpage */
#subpage-subscription-content{
  min-height:500px;
  height:auto !important;
  height:500px;
}
#subpage-content{
 width: 842px;
 padding:1px;
 background:#FFF;
 border:1px solid #9F9C9C;
 margin: 20px 0 0 20px;}

#subpage-content-top{
 background:url(../cssimages/bg_subpage_top.gif) repeat-x top left;}

#subpage-content-bottom{
 background:url(../cssimages/bg_subpage_bottom.gif) repeat-x bottom left;
 padding:20px 20px 15px 20px;}

#subpage-content p{
 font-size:1.4em;
 line-height:1.4em;
 padding: 0 0 15px 0;
 margin:0;}

/* Subscribe */
fieldset{
 padding:0 0 20px 0;
 margin:0;}
 
fieldset .col{
 padding: 0 0 0 84px;
 float:left;}
 
fieldset .col1{
 padding: 0 0 0 104px;
 float:left;}

fieldset .col2{
 padding: 0 0 0 42px;
 float:left;}

fieldset .widecol{
 padding: 0 0 0 104px;
 float:left;}

fieldset .col-smallindent{
 padding: 0 0 0 42px;
 float:left;}

fieldset label{
 color:#535353;
 font-size:14px;
 display:block;
 font-weight:bold;
 margin: 0 0 8px 0;}

fieldset label.formheader{
 color:#d00c0c;
 font-size:15px;
 display:block;
 font-weight:bold;
 margin: 0 0 2px 0;}

fieldset label.noblock{
 color:#535353;
 font-size:14px;
 display:inline;
 font-weight:bold;
 margin: 0 0 8px 0;}

.entry_form input.text{
 width: 252px;
 border:1px solid #D8CB8C;
 background:#FBF6DD;
 height:15px;
 color:#E60202;
 padding: 5px;
 margin: 0 0 1px 0;
 font-size:14px;}
 
.entry_form select{
 width:210px;
 border:1px solid #D8CB8C;
 background:#FBF6DD;
 height:20px;
 color:#E60202;
  margin: 0 0 10px 0;
/* padding: 5px;

*/
 font-size:14px;}

fieldset .col1 input.text{
 width: 200px;
 border:1px solid #D8CB8C;
 background:#FBF6DD;
 height:20px;
 color:#E60202;
 padding: 5px;
 margin: 0 0 10px 0;
 font-size:14px;}

fieldset .col2 input.text{
 width: 200px;
 border:1px solid #D8CB8C;
 background:#FBF6DD;
 height:20px;
 color:#E60202;
 padding: 5px;
 margin: 0 0 10px 0;
 font-size:14px;}

fieldset .widecol input.text{
 width: 455px;
 border:1px solid #D8CB8C;
 background:#FBF6DD;
 height:20px;
 color:#E60202;
 padding: 5px;
 margin: 0 0 10px 0;
 font-size:14px;}

fieldset.logos{
 padding: 0 0 30px 34px;}

fieldset.logos .logo-col{
 width:137px;
 height:175px;
 color:#000;
 font-size:1.1em;
 padding: 0 10px 0 0;
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
 float:left;} 

p.pick{
 text-align:center;
 font-size:2em !important;
 font-weight:bold;
 padding:0;
 margin:0;
 color:#000;}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer-left{
 width: 632px;
 float:left;
 padding: 15px 0 0 0;}

#footer-left ul{
 margin:0;
 padding:0;} 

#footer-left li{
 float:left;
 list-style-type:none;
 margin:0;}

#footer-left  li a{
 color:#6F6F6F !important;}

#footer-left li a:hover{
 color:#D7232F !important;
 text-decoration:underline !important;}

ul#footer-nav li{
 font-size:1.8em;
 font-family:Arial, Helvetica, sans-serif;
 padding: 0 0 10px 0;}
 
ul#footer-sub-nav{
 font-size:1.2em;}

ul#footer-sub-nav li{
 padding: 0 8px;
 margin: 0 0 10px 0;
 border-right:1px solid #6F6F6F;} 

ul#footer-sub-nav li.last{
 border:none;}

#footer p{
 font-size:1.2em;
 margin:0;
 color:#6F6F6F;
 padding: 0 0 0 8px;}

#footer .designby{
 float:right;
 background:url(../cssimages/bg_footerdesignby.gif) no-repeat top left;
 width: 228px;
 height:13px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:1.2em;
 padding: 20px 0 0 31px;}

#footer .designby a{
 color:#D61B27 !important;}

#footer .designby a span{
 color:#FFF !important;} 

#footer .designby a:hover{
 text-decoration:underline;}



