/***** generic styles *****/

body{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; margin:0px; padding:0px;}

.clear{ font-size:1px; clear:both;}
a img{border:none;}
img{vertical-align:bottom;}
img.top{vertical-align:top;}
a{color:#bf0103; text-decoration:none;}
a:hover{text-decoration:underline;}

#container{width:1000px; margin:0px auto; background:url("images/bg_container.gif") repeat-y;}

/**************************/

/***** header styles *****/

#hp_top_left{width:835px; float:left;}

#header{height:144px; position:relative; background:#fff;}
#header table{background:#000; height:34px; position:absolute; bottom:0px; left:0px;}

#header img.sixth_channel_btn{position:absolute;right:0px; bottom:0px;}

img.logo{position:absolute; left:173px; bottom:34px; z-index:1000;}

#esquire_rule{position:absolute; top:0px; right:0px; z-index:1;}

#search{background:url("images/bg_search_header.gif") no-repeat; width:215px; height:38px; position:absolute; top:55px; right:45px; z-index:2000;}
#search input.search_box{width:148px; float:left; display:inline; margin:9px 0 0 16px;}
#search input.search_btn{float:right; display:inline; margin:13px 5px 0 0;}

#mag_cover{width:113px; position:absolute; left:18px; z-index:4000;}

/*************************/

/***** leftnav styles *****/

#left_nav{width:163px; float:left; text-align:left; color:#fff;}
#left_nav ul{margin:50px 0 10px 10px; padding:0px; list-style-type:none;}
#left_nav ul li{margin-bottom:2px;}
#left_nav ul li a{color:#fff; text-decoration:none;}
#left_nav ul li a:hover{text-decoration:underline;}

/**************************/

/***** page styles *****/

#hp_top_left_content{height:270px; width:672px; float:right; background:#000; height:560px;}

#hp_top_left_content_top{background:#000;}

#pp_conatiner{float:left; width:465px; height:267px; text-align:left; display:inline; overflow:hidden; margin:3px 0 0 5px; text-align:center;}

#perusal_main{float:right; width:187px; height:258px; background:url("images/bg_recentstories_main.gif") no-repeat; display:inline; margin: 5px 10px 0 0; text-align:left; overflow:hidden;}
#perusal_main img{margin-left:28px;}

#perusal_main_content{margin:40px 0 6px 7px; border-top:1px dotted #fff; width:172px; overflow:hidden; height:182px;}

.perusal_article{width:164px; border-bottom:1px dotted #fff; padding:6px 4px;}
.perusal_article a{color:white; text-decoration:none;}
.perusal_article a:hover{text-decoration:underline;}

#wwl_tout{width:168px; height:290px;  float:left; display:inline; position:relative; overflow:hidden;}

#wwl_tout_content{position:absolute; bottom:10px; left:6px; width:155px; text-align:right;}
#wwl_tout_content select{width:100%; margin-bottom:3px;}

#from_the_archive{width:168px; height:290px; background:url("images/bg_archivetout_l.jpg") no-repeat; float:left; display:inline; text-align:left; overflow:hidden;}
#from_the_archive h2{margin:55px 10px 0 10px; padding:0px; font-size:14px;}
#from_the_archive h2 a{color:#000;}
#from_the_archive h2 a:hover{text-decoration:underline;}
#from_the_archive p.byline{margin:8px 10px 0 10px; padding:0px; font-size:11px; font-weight:bold; color:#4c4c4c;}
#from_the_archive p{margin:8px 10px 0 10px; padding:0px; font-size:11px;}
#from_the_archive img{float:right; display:inline; margin:10px 10px 0 0;}

table.main_ad{width:336px; height:290px; background:#b3b3b3; float:right;}

#the_side{float:right; width:165px; height:704px; text-align:right; background:#b3b3b3;}

#left_ads{width:163px; float:left;}

#hp_main_content{width:808px; float:right; display:inline; margin:-20px 10px 0 0;} /* Need to change margin value for number of left-nav buttons - This setting is for 6 left-nav buttons  */
/* #hp_main_content{width:808px; float:right; display:inline; margin:-74px 10px 0 0;}  7 left-nav buttons */
#hp_main_content table{margin-bottom:25px;}
#hp_main_content table td{width:20%; padding-bottom:0px; vertical-align:top;}
#hp_main_content table td img{border:1px solid #000; margin-top:0px;}
#hp_main_content table td img.hdr_div{border:none; margin:0px;}
#hp_main_content table td h2{margin:0px; padding:0px; font-size:12px; text-align:left; width:130px; margin:8px 0 0 16px;}
#hp_main_content table td h2 a{color:#000; text-decoration:none;}
#hp_main_content table td h2 a:hover{text-decoration:underline;}
#hp_main_content table td p.byline{margin:8px 0 0 16px; width:130px; text-align:left; padding:0px; font-size:11px; font-weight:bold; color:#4c4c4c;}
#hp_main_content table td p{margin:8px 0 0 16px; width:130px; text-align:left;}
#hp_main_content table td p.dt{color:#d14c4d; margin-bottom:25px;}

/***********************/

/***** footer styles *****/

#hp_banner{text-align:center;}

#footer_container{width:736px; float:left; display:inline; margin:25px 0 10px 40px;}
#footer_container img{float:right;}
#footer_container p.copy{float:left; margin:8px 0 0 0; padding:0px;}
#footer{height:70px; background:url("images/bg_footer_new.gif") no-repeat; padding-top:8px;}
#footer_content{width:554px; text-align:center; float:right; display:inline; margin:2px 30px 0 0;}
#footer_content p{margin:0 0 5px 0; padding:0px;}
#footer_content p a{color:#000;}
#footer_content p.middle a{color:#bf0103;}

/*************************/