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

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

.clear{font-height:1px; font-size:1px; clear:both;}
a img{border:none;}
img{vertical-align:bottom;}
img.top{vertical-align:top;}


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

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

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

#hp_top_left{width:1000px; float:left; text-align:left; position:relative;}

#header{height:144px; position:relative; background:#fff; width:835px;}
#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 *****/

table.channel_banner_container{background:#fff; width:835px; height:103px; overflow:hidden;}

#clickable_container{width:672px; height:113px; float:left; text-align:left;}
#clickable_container ul{width:620px; list-style-type:none; margin:14px 0 0 50px; padding:0px;}
#clickable_container ul li{width:143px; float:left; padding-left:12px; margin-bottom:2px; background:url("images/blt_clickable_blue.gif") no-repeat; text-transform:lowercase;}
#clickable_container ul.women li{background:url("images/blt_clickable_red.gif") no-repeat;}
#clickable_container ul.features li{background:url("images/blt_clickable_blue.gif") no-repeat;}
#clickable_container ul.style li{background:url("images/blt_clickable_purple.gif") no-repeat;}
#clickable_container ul.fiction li{background:url("images/blt_clickable_black.gif") no-repeat;}
#clickable_container ul li a{color:#fff; font-weight:bold;}
#hp_main_content{width:808px; float:right; display:inline; margin:-400px 10px 0 0;} /* Need to change margin value for number of left-nav buttons - This setting is for 6 left-nav buttons  */

#the_side_in{width:165px; height:360px; background:#b3b3b3; text-align:right; position:absolute; top:0px; right:0px;}

#channel_middle{width:837px; float:right;}
#channel_middls{width:837px; float:right;}
#channel_features{width:501px; height:560px; overflow:hidden; position:relative; float:left;}

#channel_features_overlay{width:315px; height:560px; position:absolute; top:0px; right:0px;} 


#channel_featured_articles{position:absolute; width:297px; height:560px; top:18px; right:0px;  z-index:-1000;}

.feature{width:130px; height:270px; float:left; margin-right:16px; display:inline;}

.p_byline{margin:5px 0 0 0; padding:0px; font-size:11px; font-weight:bold; color:#4c4c4c;}
.feature_h2{margin:5px 0 0 0; padding:0px; font-size:12px; font-weight: bold}



#channel_ads{width:336px; float:right;}
/* #channel_ads table{width:336px; height:280px; background:#b3b3b3 url("images/hdr_ad.gif") no-repeat;}

/* #left_cloumn{width:163px; float:left; margin-top:-25px;} Need to change margin value for number of left-nav buttons - This setting is for 6 left-nav buttons */
#left_cloumn{width:163px; float:left; margin-top:30px;} /* 7 left-nav buttons */

#channel_main_content{width:808px; float:right; display:inline; margin:40px 10px 0 0;}
#channel_main_content table{margin-bottom:25px;}
#channel_main_content table td{width:20%; padding-bottom:0px; vertical-align:top;}
#channel_main_content table td img{border:1px solid #000; margin-top:0px;}
#channel_main_content table td img.hdr_div{border:none; margin:0px;}
#channel_main_content table td h2{margin:0px; padding:0px; font-size:12px; text-align:left; width:130px; margin:8px 0 0 16px;}
#channel_main_content table td h2 a{color:#000; text-decoration:none;}
#channel_main_content table td h2 a:hover{text-decoration:underline;}
#channel_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;}
#channel_main_content table td p{margin:8px 0 0 16px; width:130px; text-align:left;}
#channel_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;}

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