/***************************************************************/ /***** OLD global.css ******/ /***************************************************************/ body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; margin:0px; padding:0px; background:url(/cm/esquire/imagesv01/bg_body.gif) repeat-y center; } @font-face {font-family: 'ProximaNova-ExtrabldIt'; src: url('/cm/esquire/webfonts/237F3D_4_0.eot'); src: url('/cm/esquire/webfonts/237F3D_4_0.eot?#iefix') format('embedded-opentype'),url('/cm/esquire/webfonts/237F3D_4_0.woff') format('woff'),url('/cm/esquire/webfonts/237F3D_4_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaExCn-Bold'; src: url('/cm/esquire/webfonts/237F3D_5_0.eot'); src: url('/cm/esquire/webfonts/237F3D_5_0.eot?#iefix') format('embedded-opentype'),url('/cm/esquire/webfonts/237F3D_5_0.woff') format('woff'),url('/cm/esquire/webfonts/237F3D_5_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaAExCn-Bold'; src: url('/cm/esquire/webfonts/ProximaNovaAltExtraCondensedBold.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-RegularIt';src: url('/cm/esquire/webfonts/24387C_5_0.eot');src: url('/cm/esquire/webfonts/24387C_5_0.eot?#iefix') format('embedded-opentype'),url('/cm/esquire/webfonts/24387C_5_0.woff') format('woff'),url('/cm/esquire/webfonts/24387C_5_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-Regular';src: url('/cm/esquire/webfonts/24387C_1_0.eot');src: url('/cm/esquire/webfonts/24387C_1_0.eot?#iefix') format('embedded-opentype'),url('/cm/esquire/webfonts/24387C_1_0.woff') format('woff'),url('/cm/esquire/webfonts/24387C_1_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaExCn-SBold';src: url('/cm/esquire/webfonts/ProximaNovaExCn-Sbold.eot');src: url('/cm/esquire/webfonts/ProximaNovaExCn-Sbold.eot?#iefix') format('embedded-opentype'),url('/cm/esquire/webfonts/ProximaNovaExCn-Sbold.woff') format('woff'),url('/cm/esquire/webfonts/ProximaNovaExCn-Sbold.ttf') format('truetype');} #ams_esquire_hpto_inner {display: none;} img{vertical-align:bottom;} img.top{vertical-align:top;} a img{border:none;} .clear{font-size:1px;height:1px;clear:both} a{color:#bf0103; text-decoration:none;} a:hover{text-decoration:underline;} #container{ width:1000px; margin:0px auto; position:relative; background:url(/cm/esquire/imagesv01/bg_container.gif) repeat-y; } /******************************************************************************************** Header Section (HP) ********************************************************************************************/ #header{height:144px; background:url(/cm/esquire/imagesv01/bg_header.gif) no-repeat; text-align:left; width:672px; float:left; border-right:1px solid #fff; z-index:10} * html #header{border:none;} #header_content{width:672px; margin-left:163px; position:relative;} #header_content table{position:absolute; top:110px; left:0px;} #subscribe{text-align:center; position:absolute; top:8px; left:20px;} #subscribe img.sub{margin-bottom:4px} #logo_wrapper{position:absolute; left:10px; top:5px; z-index:10;} #esquire_rule{width:450px; background:url(/cm/esquire/imagesv01/bg_rule.gif) no-repeat; width:450px; height:40px; position:absolute; top:0px; right:0px;} #esquire_rule img{float:right; display:inline; margin:10px 5px 0 0;} #esquire_rule_marquee{width:352px; float:right; font-size:11px; color:#fff; font-weight:bold; margin:4px 5px 0 0; display:inline; clear:both; text-align:right;} #search{width:210px; height:32px; background:url(/cm/esquire/imagesv01/bg_search.gif) no-repeat; padding:7px 0 0 12px; position:absolute; right:20px; top:60px;} #search input.txt{font-size:12px; border:1px solid #7f7f7f; width:148px; float:left;} * html #search input.txt{width:146px;} #search input.btn{float:right; display:inline; margin:2px 18px 0 0;} /******************************************************************************************** Header Section (In) ********************************************************************************************/ #header_in_content{background:#fff; width:1000px;} #header_in_parts{width:672px; margin-left:163px; position:relative;} #header_content table{position:absolute; top:110px; left:0px;} #subscribe_in{text-align:center; position:absolute; top:111px; left:20px;} #subscribe_in img.sub{margin-bottom:4px} #ad_top{width:728px; float:left; text-align:left; margin-bottom:1px;} #ad_top img{margin:12px 0 0 92px;} #keyword_container{font-size:11px;} #keyword_container ul{margin:0 0 0 40px; padding:0px; text-align:left; list-style-type:none;} #keyword_container ul li{margin:0 0 7px 0; padding:0px; text-align:left; display:block; width:190px; float:left; background:url(/cm/esquire/imagesv01/blt_keywords.gif) no-repeat; padding-left:10px;} #keywords_women a{color:#666; font-weight:bold; text-decoration:none;} #keywords_women a:hover{color:#cb3835;} #keywords_style a{color:#666; font-weight:bold; text-decoration:none;} #keywords_style a:hover{color:#51337c;} #keywords_features a{color:#666; font-weight:bold; text-decoration:none;} #keywords_features a:hover{color:#a6b039;} #keywords_fiction a{color:#666; font-weight:bold; text-decoration:none;} #keywords_fiction a:hover{color:#000;} #keywords_junk a{color:#666; font-weight:bold; text-decoration:none;} #keywords_junk a:hover{color:#e412ad;} #keywords_dontmiss a{color:#999; font-weight:bold; text-decoration:none;} #keywords_dontmiss a:hover{color:#000;} #keywords_women{width:672px; height:113px; background:#8d0a0a; float:left; text-align:center;} #keywords_style{width:672px; height:113px; background:#ab9256; float:left; text-align:center;} #keywords_features{width:672px; height:113px; background:#f7941c; float:left; text-align:center;} #keywords_fiction{width:672px; height:113px; background:#f1e1ca; float:left; text-align:center;} #keywords_junk{width:672px; height:113px; background:#5b3e07; float:left; text-align:center;} #keywords_dontmiss{width:672px; height:113px; background:#bfbdbd; float:left; text-align:center;} #keywords_women_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_women.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #keywords_style_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_style.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #keywords_features_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_features.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #keywords_fiction_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_fiction.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #keywords_junk_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_junk.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #keywords_dontmiss_content{width:653px; height:96px; background:url(/cm/esquire/imagesv01/bg_keywords_dontmiss.gif) no-repeat; margin:8px auto 0 auto; padding-top:10px;} #header_spacer{width:163px; height:113px; background:#252525; float:left;} /******************************************************************************************** The Side ********************************************************************************************/ #the_side{background:#c6c6c6; width:165px; float:right;} #the_side_in{background:#c6c6c6; width:165px; float:right; height:360px; overflow:hidden;} * html #the_side_in{height:361px;} #the_side_content{width:155px; background:#000 url(/cm/esquire/imagesv01/bg_theside.gif) repeat-x; float:right; text-align:center; padding:8px 0; overflow:visible;} #the_side_content p.up{text-align:left; color:#de0205; margin:10px 0 0 10px; padding:0px; font-size:11px; font-weight:bold;} #the_side_content p.date{text-align:left; color:#fff; margin:2px 0 0 10px; padding:0px; font-size:11px;} #the_side_content table{width:155px; margin-top:10px;} #the_side_content table td.spacer{text-align:right; padding-right:16px;} #the_side_content table td.label{width:20px;} #the_side_content table td.label div{position:relative;} #the_side_content table td.label img{position:absolute; left:-8px; margin-top:-26px;} * html #the_side_content table td.label img{left:-16px;} #the_side_content table td.details{padding-top:18px; color:#fff; width:135px; padding-bottom:15px;} #the_side_content table td.details p{float:right; width:118px; text-align:left; margin:0 10px 0 0; padding:0px; display:inline; font-size:11px;} #the_side_content table td.details p a{color:#fff; font-size:13px; font-weight:bold;} #the_side_content table td.details p a.featured{color:#e2d033;} #the_side_content table td.details p a:hover{color:#e2d033;} /******************************************************************************************** Left Column ********************************************************************************************/ /* #left_column{width:163px; float:left; text-align:center; padding-top:95px;} */ #left_column{width:163px; float:left; text-align:center;} /* pt */ #left_column img.ad_leftcolumn{float:left;} #left_nav{background:none; width:152px; margin:0px auto 25px auto; text-align:center; position:relative;} #left_nav img.signup{margin:0px auto;} #left_nav ul{margin:0px auto; padding:0px; text-align:left; list-style-type:none; width:129px;} #left_nav ul li{border-bottom:1px solid #616161; padding:10px 0;} #left_nav ul li.first{padding-top:0px;} #left_nav input.txt{font-size:11px;} #left_nav input.submit{float:right; display:inline; margin:8px 15px 0 0;} #bottom_left_contianer{width:157px; float:left;} #most_popular{width:157px; background:url(/cm/esquire/imagesv01/bg_popular.gif) repeat-y; text-align:left; margin:0px 0 40px 0;} #most_popular img.hdr{float:left; margin:10px 0 0 16px; display:inline;} #most_popular ul{width:128px; margin:0 0 0 14px; padding:0px; list-style-type:none; text-align:left;} #most_popular ul li{border-bottom:1px dashed #fff; padding:10px 0;} #most_popular ul li a{color:#fff;} #most_popular ul li a:hover{color:#e2d033;} #house_ad{float:left; width:157px; display:inline; margin-left:3px;} #left_column_container{background:#252525;position:absolute; top:342px; left:0px; width:163px;} #most_popular_conainter_in{padding-top:25px;} /******************************************************************************************** Main Section (Home) ********************************************************************************************/ #main_section{width:672px; float:left; position:relative;} #main_section_in{width:837px; float:right; position:relative;} #features{background:url(/cm/esquire/imagesv01/bg_features.jpg) repeat-y; border-bottom:8px solid #000; padding:5px 0;} #features img{border:1px solid #000;} #main_feature{width:324px; float:left; text-align:center;} #main_feature p{margin:0 auto; padding:0px; width:314px; text-align:left; font-size:11px;} #main_feature h1{margin:5px auto 0px auto; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; width:314px; font-size:16px; text-align:left;} #main_feature h1 a{text-decoration:none; color:#000;} #main_feature h1 a:hover{text-decoration:underline;} #main_feature p.by{margin:0 auto 3px auto; font-size:13px; color:#4c4c4c; font-weight:bold;} #main_feature p.dt{margin:3px auto 0 auto; padding:0px; width:314px; text-align:left; font-size:10px; color:#d14d4f;} .sub_features{width:319px; float:right; display:inline; margin:0 16px 10px 0; border-bottom:1px dashed #000; padding-bottom:20px;} * html .sub_features{clear:both;} .sub_features img{float:left; margin-right:12px;} .sub_features h1{margin:2px 0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;} .sub_features h1 a{color:#000; text-decoration:none;} .sub_features h1 a:hover{color:#000; text-decoration:underline;} .sub_features p{margin:0px; padding:0px; font-size:11px; text-align:left;} .sub_features p.by{margin:0 auto 2px auto; font-size:13px; color:#4c4c4c; font-weight:bold; text-align:left;} .sub_features p.dt{margin:4px auto 0 auto; padding:0px; text-align:left; font-size:10px; color:#d14d4f;} #perusal{width:308px; float:left; background:url(/cm/esquire/imagesv01/bg_perusal.gif) repeat-y; text-align:center; margin-top:20px; position:relative;} #perusal ul{margin:0px auto 20px auto; padding:0px; text-align:left; width:270px; list-style-type:none;} #perusal ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal ul li a{color:#fff;} #perusal ul li a:hover{color:#a9b7ec;} #perusal ul li.li1{background:url(/cm/esquire/imagesv01/blt_1.gif) no-repeat;} #perusal ul li.li2{background:url(/cm/esquire/imagesv01/blt_2.gif) no-repeat;} #perusal ul li.li3{background:url(/cm/esquire/imagesv01/blt_3.gif) no-repeat;} #perusal ul li.li4{background:url(/cm/esquire/imagesv01/blt_4.gif) no-repeat;} #perusal ul li.li5{background:url(/cm/esquire/imagesv01/blt_5.gif) no-repeat;} #perusal ul li.li6{background:url(/cm/esquire/imagesv01/blt_6.gif) no-repeat;} #perusal ul li.li7{background:url(/cm/esquire/imagesv01/blt_7.gif) no-repeat;} #perusal ul li.li8{background:url(/cm/esquire/imagesv01/blt_8.gif) no-repeat;} #perusal ul li.li9{background:url(/cm/esquire/imagesv01/blt_9.gif) no-repeat;} #perusal ul li.li10{background:url(/cm/esquire/imagesv01/blt_10.gif) no-repeat;} #perusal_btn{position:absolute; right:20px; bottom:0;} #ad_main{float:right; margin:14px 14px 0 0; display:inline;} #the_guide_tout{background:url(/cm/esquire/imagesv01/bg_theguide.gif) repeat-y; text-align:center; width:303px; float:right; display:inline; position:absolute; bottom:0; right:30px;} #the_guide_tout_content{margin:0px auto; width:276px;} #the_guide_tout_content img{float:left;} #the_guide_tout_content h2{margin:0px; padding:0 0 5px 0; font-size:16px; color:#fff; text-align:left; float:right; width:150px; line-height:100%;} #the_guide_tout_content p{margin:5px 0 0 0; padding:0; font-size:11px; color:#fff; text-align:left; float:right; width:150px;} /******************************************************************************************** Main Section Bottom ********************************************************************************************/ #main_bottom{width:837px; float:right; background:url(/cm/esquire/imagesv01/bg_mainbottom.gif) repeat-y; margin-top:30px; z-index:10;} #main_bottom_in{width:837px; float:right; background:#ebeefa; border-bottom:6px solid #000;} #main_bottom_left{width:312px; float:left; display:inline; margin:10px 0 0 10px; text-align:left;} #main_bottom_right{width:312px; float:left; display:inline; margin:10px 0 0 28px; text-align:left;} .section_teaser{border-bottom:1px dashed #000; padding-bottom:20px; margin-bottom:15px;} .section_teaser a{color:#000; text-decoration:none;} .section_teaser img.main{float:left;} .section_teaser div img{margin:24px 0 0 6px;} .section_teaser h2{font-size:16px; width:194px; float:right; text-align:left; margin:0px; padding:0 0 10px 0; line-height:100%;} .section_teaser p{width:194px; float:right; text-align:left; margin:0px; padding:0px; font-size:11px;} .section_teaser p.by{margin:0 auto 3px auto; font-size:13px; color:#4c4c4c; font-weight:bold;} .section_teaser p.dt{margin:3px auto 0 auto; padding:0px; text-align:left; font-size:10px; color:#d14d4f;} #section_teaser_in_container{background:url(/cm/esquire/imagesv01/bg_section_teaser_container.gif) repeat-y; margin:10px 0 20px 0;} .section_teaser_in{width:167px; float:left;} .section_teaser_in a{color:#000; text-decoration:none;} .section_teaser_in div img{margin:24px 0 0 0px;} .section_teaser_in h2{font-size:16px; width:128px; float:left; text-align:left; margin:0 5px 0 20px; padding:0 0 10px 0; line-height:100%; display:inline;} .section_teaser_in p{width:128px; float:left; text-align:left; margin:0px; padding:0px; font-size:11px; margin-left:20px; display:inline;} .section_teaser_in p.by{margin:0 0 3px 20px; font-size:13px; color:#4c4c4c; font-weight:bold;} .section_teaser_in p.dt{margin:3px 0 0 20px; padding:0px; text-align:left; font-size:10px; color:#d14d4f;} #section_teaser_img_woman{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_women.gif) no-repeat; float:left;} #section_teaser_img_substance{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_substance.gif) no-repeat; float:left;} #section_teaser_img_fiction{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_fiction.gif) no-repeat; float:left;} #section_teaser_img_style{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_style.gif) no-repeat; float:left;} #section_teaser_img_junk{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_junk.gif) no-repeat; float:left;} #section_teaser_img_best{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_best.gif) no-repeat; float:left;} #section_teaser_img_woman_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_women.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #section_teaser_img_substance_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_substance.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #section_teaser_img_fiction_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_fiction.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #section_teaser_img_style_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_style.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #section_teaser_img_junk_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_junk.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #section_teaser_img_best_in{width:102px; height:122px; background:url(/cm/esquire/imagesv01/bg_imgteaser_best.gif) no-repeat; float:left; margin:0 0 15px 32px; display:inline;} #thought_bubble{width:160px; float:right; z-index:100; position:relative} #thought_bubble img.hdr{float:right; position:absolute; top:-150px; right:0px;} #thought_bubble_content{width:160px; top:-29px; right:0px; position:absolute;} #question{background:#000; width:152px; float:right;} #question h2{color:#fff; font-size:16px; text-align:left; margin:10px 4px 10px 10px; padding:0px;} #response{width:160px; background:url(/cm/esquire/imagesv01/bg_response.gif) repeat-y; margin-top:-1px; text-align:left;} * html #response{margin-top:-2px;} .response_quote{width:130px; text-align:left; font-size:11px; margin:0 0 20px 12px;} .response_quote p{margin:0; padding:0px;} .response_quote p.pp{margin-top:4px; font-weight:bold;} #bubble_actions{background:#000; width:152px; float:right; padding-top:15px; text-align:left;} #bubble_actions img{margin:0 0 10px 10px;} #bubble_actions img.border{margin:0px;} #sponsered_links{width:132px; float:right; text-align:left; margin-top:25px;} .sponsored_link{margin-top:25px;} .sponsored_link p{font-size:10px; margin:0 5px 0 0; padding:0px; color:#666;} .sponsored_link p a{color:#666;} .sponsored_link p a:hover{text-decoration:none;} /******************************************************************************************** Footer ********************************************************************************************/ #main_ad_bottom{width:829px; float:right; text-align:left; margin-top:20px;} /* styles merged here from calendar.css */ #footer_container{width:736px;text-align:left;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{width:737px;height:70px;background:url(/cm/esquire/imagesv01/homepage/bg_footer_new.gif) no-repeat;margin:auto;padding-top:8px;font-size:11px; float:right;} #footer_content{width:630px;text-align:center;float:right;display:inline; margin:2px 30px 10px 0px;} #footer_content p{margin:0 0 5px 0; padding:0px;} #footer_content p a{color:#000;} #footer_content p.middle a{color:#bf0103;} #footer_copyright{width:737px;margin:auto; float:right;} /* #articlebottom_container #footer_container{width:100%;text-align:left;float:left;display:inline;margin:25px 0 10px 40px;} #articlebottom_container #footer_container img{float:right;} #articlebottom_container #footer_container p.copy{float:left; margin:8px 0 0 0; padding:0px;} #articlebottom_container #footer{width:737px;height:70px;background:url(/cm/esquire/imagesv01/homepage/bg_footer_new.gif) no-repeat;margin:auto;padding-top:8px;font-size:11px;} #articlebottom_container #footer_content{width:630px;text-align:center;float:right;display:inline; margin:2px 30px 10px 0px;} #articlebottom_container #footer_content p{margin:0 0 5px 0; padding:0px;} #articlebottom_container #footer_content p a{color:#000;} #articlebottom_container #footer_content p.middle a{color:#bf0103;} #articlebottom_container #footer_copyright{width:737px;margin:20px auto;} */ /* from article.css */ /* #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(/cm/esquire/imagesv01/homepage/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;} */ /* was in calendar.css */ /* #footer_container{width:736px; float:left; display:inline; margin: 35px 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(/cm/esquire/imagesv01/homepage/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;} */ /* old styles - not used */ /* #footer ul{margin:0 0 0 150px; padding:0px; list-style-type:none;} #footer ul li{display:inline; color:#999; border-right:1px solid #2f2f2f; padding:0 10px;} #footer ul li.end{border:none;} #footer ul li.copy{border:none;padding-left:20px;} #footer ul li a{color:#2f2f2f;} #footer ul li a:hover{text-decoration:none;} */ /******************************************************************************************** Main Section (Channel) ********************************************************************************************/ #channel_features{background:#000 repeat-y; height:570px;} /*CHANGED!*/ #channel_mainstory{width:490px; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; position:relative;} #channel_mainads{width:338px; float:right; background:#fff;} #channel_mainads_article{width:346px; float:right; text-align:right; background:url(/cm/esquire/imagesv01/bg_mainadsin.gif) repeat-y; border-bottom:9px solid #000;} #channel_mainad{margin-bottom:1px;} #channel_mainad2{margin-bottom:1px;} #feature1{background:#fff; width:190px; height:277px; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; text-align:center;} /*CHANGED!*/ #feature2{background:#fff; width:190px; height:277px; position:absolute; top:283px; right:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; text-align:center;} /*CHANGED!*/ #channel_feature_content1{width:144px; position:absolute; top:20px; right:22px;} #channel_feature_content1 img{border:1px solid #e13964; margin-bottom:10px;} #channel_feature_content1 h2{margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;} #channel_feature_content1 h2 a{color:#000; text-decoration:none;} #channel_feature_content1 h1{margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;} #channel_feature_content1 h1 a{color:#000; text-decoration:none;} #channel_feature_content1 p.by{margin:4px auto 3px auto; font-size:13px; color:#4c4c4c; font-weight:bold; text-align:left;} #channel_feature_content1 p{margin:0px; padding:0px; text-align:left; font-size:11px; color:#454748;} #channel_feature_content1 p.dt{margin-top:10px; color:#cf605f; font-size:10px;} #channel_feature_content2{width:144px; position:absolute; top:305px; right:22px;} /*CHANGED!*/ #channel_feature_content2 img{border:1px solid #e13964; margin-bottom:10px;} #channel_feature_content2 h2{margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;} #channel_feature_content2 h2 a{color:#000; text-decoration:none;} #channel_feature_content2 h1{margin:0; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:left;} #channel_feature_content2 h1 a{color:#000; text-decoration:none;} #channel_feature_content2 p.by{margin:4px auto 3px auto; font-size:13px; color:#4c4c4c; font-weight:bold; text-align:left;} #channel_feature_content2 p{margin:0px; padding:0px; text-align:left; font-size:11px; color:#454748;} #channel_feature_content2 p.dt{margin-top:10px; color:#cf605f; font-size:10px;} #articles{width:400px; float:left; margin:25px 0 0 25px; display:inline; text-align:left; padding-top:5px;} .article{border-bottom:1px dashed #000; padding-bottom:9px; margin-bottom:10px;} .article img{border:1px solid #921d23; float:left;} .article a{color:#000; text-decoration:none;} .article h2{width:250px; float:right; text-align:left; margin:-5px 0 0 0; padding:0px; font-size:16px;} .article h1{width:250px; float:right; text-align:left; margin:-5px 0 0 0; padding:0px; font-size:16px;} .article p{width:250px; float:right; text-align:left; margin:0px; padding:0px; font-size:11px;} .article p.by{margin:4px 0 3px 0; font-size:13px; color:#4c4c4c; font-weight:bold;} .article p.dt{margin:6px 0 0 0; color:#cf605f; font-size:10px;} #perusal_women{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_women.gif) repeat-y; position:relative; text-align:left;} #perusal_women ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_women ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_women ul li a{color:#fff;} #perusal_women ul li a:hover{color:#f08785;} #perusal_women ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_women.gif) no-repeat;} #perusal_women ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_women.gif) no-repeat;} #perusal_women ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_women.gif) no-repeat;} #perusal_women ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_women.gif) no-repeat;} #perusal_women ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_women.gif) no-repeat;} #perusal_women ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_women.gif) no-repeat;} #perusal_women ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_women.gif) no-repeat;} #perusal_women ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_women.gif) no-repeat;} #perusal_women ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_women.gif) no-repeat;} #perusal_women ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_women.gif) no-repeat;} #perusal_style{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_style.gif) repeat-y; position:relative; text-align:left;} #perusal_style ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_style ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_style ul li a{color:#fff;} #perusal_style ul li a:hover{color:#f7d686;} #perusal_style ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_style.gif) no-repeat;} #perusal_style ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_style.gif) no-repeat;} #perusal_style ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_style.gif) no-repeat;} #perusal_style ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_style.gif) no-repeat;} #perusal_style ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_style.gif) no-repeat;} #perusal_style ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_style.gif) no-repeat;} #perusal_style ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_style.gif) no-repeat;} #perusal_style ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_style.gif) no-repeat;} #perusal_style ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_style.gif) no-repeat;} #perusal_style ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_style.gif) no-repeat;} #perusal_features{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_features.gif) repeat-y; position:relative; text-align:left;} #perusal_features ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_features ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_features ul li a{color:#fff;} #perusal_features ul li a:hover{color:#ffff99;} #perusal_features ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_features.gif) no-repeat;} #perusal_features ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_features.gif) no-repeat;} #perusal_features ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_features.gif) no-repeat;} #perusal_features ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_features.gif) no-repeat;} #perusal_features ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_features.gif) no-repeat;} #perusal_features ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_features.gif) no-repeat;} #perusal_features ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_features.gif) no-repeat;} #perusal_features ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_features.gif) no-repeat;} #perusal_features ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_features.gif) no-repeat;} #perusal_features ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_features.gif) no-repeat;} #perusal_fiction{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_fiction.gif) repeat-y; position:relative; text-align:left;} #perusal_fiction ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_fiction ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_fiction ul li a{color:#000;} #perusal_fiction ul li a:hover{color:#755d3c;} #perusal_fiction ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_fiction.gif) no-repeat;} #perusal_fiction ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_fiction.gif) no-repeat;} #perusal_fiction ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_fiction.gif) no-repeat;} #perusal_fiction ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_fiction.gif) no-repeat;} #perusal_fiction ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_fiction.gif) no-repeat;} #perusal_fiction ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_fiction.gif) no-repeat;} #perusal_fiction ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_fiction.gif) no-repeat;} #perusal_fiction ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_fiction.gif) no-repeat;} #perusal_fiction ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_fiction.gif) no-repeat;} #perusal_fiction ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_fiction.gif) no-repeat;} #perusal_junk{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_junk.gif) repeat-y; position:relative; text-align:left;} #perusal_junk ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_junk ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_junk ul li a{color:#fff;} #perusal_junk ul li a:hover{color:#ff66cc;} #perusal_junk ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_junk.gif) no-repeat;} #perusal_junk ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_junk.gif) no-repeat;} #perusal_junk ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_junk.gif) no-repeat;} #perusal_junk ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_junk.gif) no-repeat;} #perusal_junk ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_junk.gif) no-repeat;} #perusal_junk ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_junk.gif) no-repeat;} #perusal_junk ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_junk.gif) no-repeat;} #perusal_junk ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_junk.gif) no-repeat;} #perusal_junk ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_junk.gif) no-repeat;} #perusal_junk ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_junk.gif) no-repeat;} #perusal_dontmiss{width:363px; float:right; margin-top:25px; background:url(/cm/esquire/imagesv01/bg_perusal_dontmiss.gif) repeat-y; position:relative; text-align:left;} #perusal_dontmiss ul{margin:0 0 20px 15px; padding:0px; text-align:left; width:312px; list-style-type:none;} #perusal_dontmiss ul li{padding-bottom:10px; padding-left:20px; margin-top:10px; border-bottom:1px dashed #000;} #perusal_dontmiss ul li a{color:#fff;} #perusal_dontmiss ul li a:hover{color:#000;} #perusal_dontmiss ul li.li1{background:url(/cm/esquire/imagesv01/blt_1_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li2{background:url(/cm/esquire/imagesv01/blt_2_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li3{background:url(/cm/esquire/imagesv01/blt_3_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li4{background:url(/cm/esquire/imagesv01/blt_4_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li5{background:url(/cm/esquire/imagesv01/blt_5_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li6{background:url(/cm/esquire/imagesv01/blt_6_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li7{background:url(/cm/esquire/imagesv01/blt_7_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li8{background:url(/cm/esquire/imagesv01/blt_8_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li9{background:url(/cm/esquire/imagesv01/blt_9_dontmiss.gif) no-repeat;} #perusal_dontmiss ul li.li10{background:url(/cm/esquire/imagesv01/blt_10_dontmiss.gif) no-repeat;} #perusal_btn_women{bottom:0px; left:15px; position:absolute;} #perusal_btn_style{bottom:0px; left:15px; position:absolute;} #perusal_btn_features{bottom:0px; left:15px; position:absolute;} #perusal_btn_fiction{bottom:0px; left:15px; position:absolute;} #perusal_btn_junk{bottom:0px; left:15px; position:absolute;} #perusal_btn_dontmiss{bottom:0px; left:15px; position:absolute;} #subscription_form{float:left; margin:6px 0 0 6px; display:inline;} #subscription_form_article{float:left; display:inline; margin:15px 0 0 15px;} #sponsered_links_in{background:#dbdbdb; width:359px; height:210px; margin:6px 5px 0 0; float:right; display:inline;} #sponsered_links_in img{float:left; margin:18px 0 10px 18px; display:inline;} #sponsered_links_in ul{list-style-type:none; text-align:left; margin:0 12px 0 0; padding:0px; font-size:10px;} #sponsered_links_in ul li{margin-bottom:20px; color:#666;} #sponsered_links_in ul li a{color:#666;} #sponsered_links_in ul li a:hover{color:#666; text-decoration:none;} #sponsered_links_in ul li.btm{margin:0px;} #sponsered_links_in_left{float:left; margin-left:22px; width:148px; display:inline;} #sponsered_links_in_right{float:left; margin-left:22px; width:148px; display:inline;} #sponsered_links_article{background:#dbdbdb; width:460px; height:210px; float:left; margin:15px 0 50px 15px; display:inline; clear:both;} #sponsered_links_article img{float:left; margin:18px 0 10px 18px; display:inline;} #sponsered_links_article ul{list-style-type:none; text-align:left; margin:0 12px 0 0; padding:0px; font-size:10px;} #sponsered_links_article ul li{margin-bottom:20px; color:#666;} #sponsered_links_article ul li a{color:#666;} #sponsered_links_article ul li a:hover{color:#666; text-decoration:none;} #sponsered_links_article ul li.btm{margin:0px;} #sponsered_links_article_left{float:left; margin-left:22px; width:148px; display:inline;} #sponsered_links_article_right{float:left; margin-left:22px; width:148px; display:inline;} #article_content{background:#fff; width:460px; float:left; display:inline; margin:0 0 0 15px; text-align:left;} #article_content img.main{float:left; margin:18px 15px 10px 0;} #article_content h3{margin:0px; padding:0px; font-size:12px; text-transform:uppercase;} #article_content h2{margin:15px 15px 0 0; padding:0px; font-size:16px;} #article_content h1{margin:15px 15px 0 0; padding:0px; font-size:16px;} #article_content p.subhead{margin:15px 15px 0 0; padding:0px; font-size:14px;} #article_content p.by{font-weight:bold; margin:10px 0 0 0; padding:0px; font-size:13px;} #article_content p.dt{width:150px; float:left; font-size:10px; color:#bf0103; margin:20px 0 15px 0; padding:0px;} #article_content p.jump{width:100px; float:right; font-size:11px; text-align:right; margin:20px 0 15px 0; padding:0px;} #article_content p.jump a{text-align:right; color:#bf0103; background:url(/cm/esquire/imagesv01/bg_jump.gif) no-repeat; padding:0 0 0 15px;} #article_content p.jump a:hover{text-decoration:none;} #article_content p{margin-top:15px;} #article_content_container{position:absolute; width:491px; top:-105px; left:0;} #article_content table.viral{height:30px; background:#f2f2f2;} #article_content table.add_action{background:#e0e0e0; height:26px;} #more_viral{position:relative;} #more_viral_b{position:relative;} #more_viral div{position:absolute; top:28px; right:0px; width:131px; background:#f1f1f1; text-align:center; padding-top:2px; display:none;} #more_viral div img{margin-bottom:2px;} #more_viral_b div{position:absolute; top:28px; right:0px; width:131px; background:#f1f1f1; text-align:center; padding-top:2px; display:none;} #more_viral_b div img{margin-bottom:2px;} #right_side_container{width:347px; overflow:hidden; float:right;} #additional_info{margin-top:30px; font-style:italic; padding-top:15px;} #additional_info p{margin:0 0 15px 0; padding:0px;} #pager{background:url(/cm/esquire/imagesv01/bg_pager.gif) no-repeat; height:20px; text-align:right; margin-bottom:15px;} #pager p{margin:0 20px 0 0; padding:2px 0 0 0; font-size:11px; font-style:normal; float:right; display:inline;} #pager p a{font-weight:bold; color:#fff;} #pager p a:hover{text-decoration:none;} #inside{width:346px; float:right; text-align:right; margin:22px 0 25px 0; background:url(/cm/esquire/imagesv01/bg_inside.gif) repeat-y; border-bottom:6px solid #000; padding:0 0 15px 0;} #inside_content{background:url(/cm/esquire/imagesv01/bg_inside_content.gif) repeat-y; height:370px; width:340px; float:right; margin-top:15px;} .section_teaser_in_small{width:170px; float:left;} .section_teaser_in_small a{color:#000; text-decoration:none;} .section_teaser_in_small div img{margin:24px 6px 0 0px;} .section_teaser_in_small h2{font-size:16px; width:128px; float:left; text-align:left; margin:0 5px 0 20px; padding:0 0 10px 0; line-height:100%; display:inline;} .section_teaser_in_small p{width:128px; float:left; text-align:left; margin:0px; padding:0px; font-size:11px; margin-left:20px; display:inline;} .section_teaser_in_small p.by{margin:0 0 3px 20px; font-size:13px; color:#4c4c4c; font-weight:bold;} .section_teaser_in_small p.dt{margin:3px 0 0 20px; padding:0px; text-align:left; font-size:10px; color:#d14d4f;} #read_more{width:189px; height:96px; background:url(/cm/esquire/imagesv01/bg_readmore.gif) no-repeat; position:absolute; top:-105px; right:175px; z-index:100;} #read_more ul{text-align:left; margin:12px 10px 0 20px; padding:0px; padding-left:20px; height:72px; overflow:hidden;} #read_more ul li a{color:#000; text-decoration:none;} #read_more ul li a:hover{color:#bf0103;} #archive_head{width:460px; float:left; display:inline; margin:6px 0 0 15px;} #archive_head img{float:left; border:1px solid #b2b2b2;} #archive_head img.hdr{border:none;} #archive_selector_container{width:124px; float:left; margin:20px; display:inline;} #archive_selector{width:124px; height:102px; background:url(/cm/esquire/imagesv01/bg_archiveselector.gif) no-repeat; margin-top:20px; padding-top:20px;} #archive_selector input.btn{float:right; display:inline; margin-right:10px;} #archive_selector select{width:100px; margin-bottom:3px;} #archive_results{margin:10px 10px; margin-left:25px; width:440px; float:left; display:inline;} #archive_results h3{background:#f1f1f1; text-align:left; font-size:16px; padding:3px 0 3px 10px;} #archive_results table{margin-bottom:50px;} #archive_results table td{padding-bottom:20px;} #archive_results table td a{color:#000; text-decoration:none;} #archive_results table td p{margin:3px 3px 0 0; padding:0px; font-size:11px; font-weight:bold; text-align:right;} .archive_result{float:left; text-align:left; margin-bottom:15px; width:440px;} .archive_result img{margin-right:15px; float:left;} .archive_result a{color:#000; text-decoration:none;} .archive_result h4{margin:0 0 5px 0; padding:0px; font-size:12px;} .archive_result p{margin:0 0 10px 0; padding:0px;} .archive_result p.by{margin:0px; padding:0px; font-weight:bold; font-size:11px;} .archive_result p.dt{margin:0px; padding:0px; color:#bf0103; font-size:11px;} #archive_selector_year{width:139px; height:54px; background:url(/cm/esquire/imagesv01/bg_archiveselectoryear.gif) no-repeat; float:left; margin-left:20px; display:inline; padding-top:18px;} #archive_selector_year table{margin:0px auto;} #archive_selector_year select{width:80px;} #alt_footer_container{text-align:left; padding-left:8px; clear:both;} #theside_header{height:195px; position:relative;} #theside_header img.logo{position:absolute; top:-9px; left:0;} * html #theside_header img.logo{top:-11px;} #theside_header img.sort{position:absolute; top:78px; left:100px;} #theside_header_links{float:left; list-style-type:none; margin:140px 0 0 14px; width:150px; display:inline;} #theside_header ul{margin:0px; padding:0px; float:left; list-style-type:none; text-align:left;} #theside_header ul li{margin-bottom:5px; font-size:11px;} #theside_header ul li span.updated{color:#bf0103;} #theside_header ul li span.dt{color:#6b6b6b} #the_side_info{width:300px; float:right; display:inline; margin-right:16px; text-align:left;} #the_side_info h5{margin:0px; padding:0px; font-size:12px;} #the_side_info h2{margin:10px 0 0 0; padding:0px; font-size:18px;} #the_side_info p{margin:10px 10px 0 0; font-style:italic;} #the_side_info p.dt{padding:0px; color:#bf0103; font-size:11px; font-style:normal;} #the_side_info p.jump{width:100px; float:right; font-size:11px; text-align:right; margin:20px 0 15px 0; padding:0px; font-style:normal;} #the_side_info p.jump a{text-align:right; color:#bf0103; background:url(/cm/esquire/imagesv01/bg_jump.gif) no-repeat; padding:0 0 0 15px;} #the_side_info p.jump a:hover{text-decoration:none;} #the_side_content_article{width:460px; margin:0px auto;} #the_side_content_article p{text-align:left; margin-top:15px;} #the_side_content_article img.btn{float:left; margin-right:15px;} #file_info{margin-bottom:20px;} #file_info p{margin:0px; padding:0px; color:#bf0103; font-size:11px;} #sort_container{position:absolute; top:112px; left:148px;} .archive_result{width:100%; margin-top:5px;} .archive_result p a{font-size:14px; text-decoration:underline; font-weight:bold;} .archive_result p a:hover{text-decoration:none;} .hdr_type{background:#f1f1f1; padding-top:4px; height:20px; margin-bottom:10px;} .hdr_type h5{width:180px; font-size:12px; float:left; margin:0px; padding:0 0 0 5px;} .hdr_type p{text-align:right; float:right; color:#bf0103; margin:0px; padding:0 5px 0 0;} .list_item{margin:15px 0 10px 0;} .list_item img{float:left; margin:0 10px 0 0;} .list_item_info h3{font-size:16px; padding:0px;} .list_item_info p{margin:10px 0 0 0; padding:0px;} #search_results{width:460px; text-align:left; float:left; display:inline; margin-left:15px;} #search_results h2{font-size:18px;} #search_in{width:210px; height:32px; background:url(/cm/esquire/imagesv01/bg_search.gif) no-repeat; padding:7px 0 0 12px;} #search_in input.txt{font-size:12px; border:1px solid #7f7f7f; width:148px; float:left;} * html #search_in input.txt{width:146px;} #search_in input.btn{float:right; display:inline; margin:2px 18px 0 0;} table.search_results_tab{margin-bottom:20px;} table.search_results_tab td select{font-size:11px; border:1px solid #7f7f7f; width:150px; float:left; margin-left:12px; display:inline;} table.search_results_tab td{text-align:left;} .search_result{padding-top:10px; text-align:left;} .search_result img{float:left; margin:0 10px 9px 10px; display:inline; vertical-align:baseline;} .search_result h3{margin:0 10px 4px 10px; padding:0px;} .search_result h3 a{text-align:left; font-size:14px; color:#000; text-decoration:none;} .search_result p{margin:0px 10px; padding:0 0 9px 0;} #perusal_inner{min-height:455px;} * html #perusal_inner{height:455px;} /******************************************************************************************** Lightbox Styles 2-6-07 ********************************************************************************************/ *{padding: 0; margin: 0;} html, body {min-height: 100%; height: auto !important; height: 100%;} #TB_overlay {position:absolute; z-index:100; top:0px; left:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;} #TB_closeAjaxWindow{margin:10px 30px 0 0; float:right; display:inline;} #TB_closeAjaxWindow a{color:#000; background:url(/cm/esquire/imagesv01/blt_close_off.gif) no-repeat left; padding:0 0 1px 20px;} #TB_closeAjaxWindow a:hover{color:#000; background:url(/cm/esquire/imagesv01/blt_close.gif) no-repeat left; padding:0 0 1px 20px;} #TB_window {position:absolute; z-index:102; color:#000000; display:none; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;} #TB_window h3{font-size:18px; text-align:left; color:#993366; margin:2px 0 0 10px; padding:0px; border-bottom:1px solid #993366; border-top:1px solid #993366; width:310px;} #TB_window p{margin:0px; padding:0px; text-align:left;} #TB_window table{color:#fff; font-size:10px; border:4px solid #000; height:400px; width:408px; background:#fff;} #TB_window table td{} #TB_window table td.info{font-size:14px; font-weight:bold; color:#000; padding:0 8px;} #TB_window table td.logo{height:97px; width:325px; background:url(/cm/esquire/imagesv01/logo_popout.gif) no-repeat; text-align:right; vertical-align:top; padding:5px 10px 0 0;} #TB_window table td.logo a{color:#000;} #TB_window table td.logo a:hover{text-decoration:none;} #TB_window table td.feeds{height:260px; background:url(/cm/esquire/imagesv01/bg_rss.gif) no-repeat;} #TB_window table td input.txt{border-top:2px solid #cbcccc; border-left:2px solid #cbcccc; border-bottom:1px solid #eee; border-right:1px solid #eee; width:172px; font-size:12px;} #rssInfo{display:none;} #emailStory{display:none;} .comment_box_lb{border-top:2px solid #cbcccc; border-left:2px solid #cbcccc; border-bottom:1px solid #eee; border-right:1px solid #eee; width:287px; font-size:12px; overflow:hidden; margin-left:10px;} * html .comment_box_lb{border-top:2px solid #cbcccc; border-left:2px solid #cbcccc; border-bottom:1px solid #eee; border-right:1px solid #eee; width:287px; font-size:12px; overflow:hidden; margin-left:0px;} #TB_window table.email{color:#fff; font-size:10px; border:4px solid #000; height:400px; width:408px; background:#091c2a;} #TB_window table.email td.info{color:#fff;} #TB_window table.email td.hdr{font-size:20px; padding-top:10px;} #TB_window table.email td{padding:0 10px; vertical-align:top;} #TB_window table.email td.in{padding-left:0px; width:260px;} #TB_window table.email td.in input{font-size:14px; border:1px solid #000; width:100%;} #wwl_nav_container{background:#000; width:499px; float:left;} #wwl_nav{background:#8d0a0a url(/cm/esquire/imagesv01/bg_wwl_top.gif) repeat-x; width:492px; text-align:left; border-bottom:7px solid #000;} * html #wwl_nav{margin-left:-6px;} #wwl_nav img.hdr{margin:10px 0 0 10px;} #wwl_nav table{margin:0 0 0 24px;} #wwl_nav table td{text-align:center;} #wwl_nav table td a{text-decoration:none; color:#fff; font-weight:bold;} #wwl_nav table td a img.featured{border:1px solid #bebebe;} #wwl_nav table td a img.featured:hover{border:1px solid #000;} #search_wwl{width:473px; height:151px; background:url(/cm/esquire/imagesv01/bg_wwl_search.gif) no-repeat; margin:0 0 15px 9px;} #search_wwl select{margin:13px 0 0 150px; width:290px;} #search_wwl table{margin:45px 0 0 36px;} #search_wwl table td{width:30px; text-align:center;} #alpha_nav{margin-left:10px; margin-bottom:20px;} #alpha_nav div{padding:15px 0; border-bottom:1px dashed #000;} #alpha_nav div img{float:left;} #alpha_nav div ul{margin:0 0 0 110px; padding:0px; list-style-type:none;} #alpha_nav div ul li{margin-bottom:2px;} #alpha_nav div ul li a{text-decoration:none; color:#4c4c4c;} #alpha_nav div ul li a:hover{color:#8d0a0a; text-decoration:underline;} /**********************NEW 5-31-07***************************/ #barmain_top{width:651px; height:535px; background:url(/cm/esquire/imagesv01/bg_toprated.jpg) no-repeat; margin-left:10px;} #barmain_top img.bb_logo{margin:2px 0 0 5px; float:left; display:inline;} #barmain_top img.btn_cityguide{float:left;display:inline; margin:6px 0 0 8px;} #barmain_top img.btn_reccommend{float:left;display:inline; margin:15px 0 0 13px;} #bb_blurb{width:470px; height:95px; background:url(/cm/esquire/imagesv01/bg_bbblurb.gif) no-repeat; float:right; display:inline; margin:9px 9px 0 0;} #bb_blurb p{margin:35px 20px 0 20px; font-size:11px;} #bar_finder_tout{width:469px; height:75px; background:url(/cm/esquire/imagesv01/bg_findyourbar.gif) no-repeat; float:right; margin:6px 10px 0 0; display:inline;} #bar_finder_tout_search{width:248px; float:left; display:inline; margin:26px 0 0 52px;} #bar_finder_tout_search p{margin:0px; padding:0px; color:#fff; font-size:11px;} #bar_finder_tout_search_input{background:url(/cm/esquire/imagesv01/bg_bbinput.gif) no-repeat; margin-top:4px; float:left;} #bar_finder_tout_search_input input.bb_searchtout{width:196px; height:21px; background:none; border:none; padding:2px 0 0 3px;} #bar_finder_tout_search_input input.bb_gobtn{margin:3px 0 0 4px; float:right;} #bar_finder_tout img.browsemap{float:right; margin:0 8px 0 0; padding:0px; display:inline;} #bb_toprated{width:641px; height:212px; background:url(/cm/esquire/imagesv01/bg_bbtoprated2.gif) no-repeat; margin:6px 0 0 5px;} #bb_toprated img.view_list{float:right; display:inline; margin:10px 16px 0 0;} #numberone{width:132px; float:left; display:inline; margin:18px 0 0 29px; position:relative;} #numberone img{border:1px solid #000;} #numberone h3{font-size:12px; margin:4px 0 0 0; padding:0px; text-align:center;} #numberone h3 a{text-decoration:none; color:#000;} #numberone h3 a:hover{text-decoration:underline;} #numberone p{font-size:11px; margin:0px; padding:0px; font-style:italic; text-align:center;} #num_icon{position:absolute; border:none; top:-7px; left:-10px;} #num_icon img{border:none;} #bb_toprated table{ float:right; display:inline; margin:5px 12px 0 0;} #bb_toprated table td {height:52px;} #bb_toprated table td p.bar_name{font-weight:bold; padding:0px 5px;} #bb_toprated table td p.bar_name a{text-decoration:none; color:#000;} #bb_toprated table td p.bar_name a:hover{text-decoration:underline;} #bb_toprated table td p.bar_name span.rating_num{color:#780708;} #bb_toprated table td p.local{font-style:italic; margin:0 0 0 22px;} #bar_oftheday{width:278px; height:117px; background:url(/cm/esquire/imagesv01/bg_barofday.gif) no-repeat; margin:6px 0 0 4px; float:left; display:inline;} #bar_oftheday h3{margin:35px 0 0 16px; padding:0px; width:112px; font-size:12px;} #bar_oftheday h3 a{text-decoration:none; color:#000;} #bar_oftheday h3 a:hover{text-decoration:underline;} #bar_oftheday p.local{margin:0 0 0 16px; padding:0px; width:112px; font-style:italic; font-size:11px;} #bar_oftheday p.short_desc{margin:5px 0 0 16px; padding:0px; width:112px;} #bar_oftheday img{float:right; border:1px solid #000; display:inline; margin:8px 12px 0 0;} #map_container{width:651px; height:434px; background:url(/cm/esquire/imagesv01/bg_map.jpg) no-repeat; margin:10px 0 0 10px;} #map_hdrsearch img.hdr{float:left; margin:0 16px; padding:10px 0;} #map_search{width:392px; height:21px; background:url(/cm/esquire/imagesv01/bg_mapsearch.gif) no-repeat; float:right; margin:7px 16px 0px 0;} #map_search input.txt{width:338px; border:none; background:none; float:left; margin:2px 0 0 3px;} #map_search input.btn{float:right; margin-top:2px;} #bar_relatednav{margin:10px 0 0 10px;} /* START OF Default Promo Player */ .promoPlayer { float:left; width: 601px; height: 326px; position: relative; background: #ccc; overflow: hidden; margin: auto; border: 1px solid #000; } .promoPlayer a { text-decoration: none; } .promoPlayer .slides { width: 10000px; height: 326px; position: absolute; top: 0; left: 0; } .promoPlayer .slide { width: 601px; height: 326px; float: left; -moz-user-select: none; -webkit-user-select: none; cursor: pointer; position: relative; -webkit-user-drag: none; /* this will work for QtWebKit in future */ } .promoPlayer .slide .text-parent {bottom:0; display:table; min-height:25%; padding:0; position:absolute; width:100%;} .promoPlayer .slide .text-parent.left, .promoPlayer .slide .text-parent.right {bottom:auto; float:none; height:100%; margin-top:0; position:static; width:291px;} .promoPlayer .slide .text-parent.right {margin-left:310px;} .promoPlayer .slide .text-parent .text { background: rgba(26,26,26,0.75); color:#FFF; display:table-cell; padding:10px 0 20px; text-align:center; vertical-align:middle; } .promoPlayer .slide .text-parent.left .text, .promoPlayer .slide .text-parent.right .text {background:rgba(26,26,26,1); float:none; padding:0; text-align:left;} .promoPlayer .slide .text-parent.left .text {padding:0 10px 0 32px;} .promoPlayer .slide .text-parent.right .text {padding:0 30px 0 10px;} .promoPlayer .slide .text h1 { font:32px/27px "ProximaNovaExCn-SBold", Verdana, sans-serif; text-transform: uppercase;} .promoPlayer .slide .text h2 {font: 19px/21px "ProximaNova-It",Verdana, sans-serif;margin-top:0px;} .promoPlayer .slide .text-parent.left .text h2, .promoPlayer .slide .text-parent.right .text h2 {margin-top:10px;} .promoPlayer .slide .text h2 span { text-transform: capitalize;} .promoPlayer .slide .text a { color: #1fb3e3;} .promoPlayer .slide .text a:hover { text-decoration: none;} .promoPlayer .slide .text.left, .promoPlayer .slide .text.right {} .promoPlayer .slide .text.left h1, .promoPlayer .slide .text.right h1 {font-size:40px; line-height:33px;} .promoPlayer .slide img { -moz-user-select: none; -webkit-user-select: none; /* this will work for QtWebKit in future */ -webkit-user-drag: none; } .promoPlayer .navLayer .prev, .promoPlayer .navLayer .next { position: absolute; width: 26px; height: 326px; cursor: pointer; } .promoPlayer .navLayer .prev { top: 0; left: 0; } .promoPlayer .navLayer .next { top: 0; right: 0; } .promoPlayer .navLayer .prev { background: url('/cm/esquire/site_images/promoPlayer/arrowLeft.png') no-repeat 4px 154px; } .promoPlayer .navLayer .next { background: url('/cm/esquire/site_images/promoPlayer/arrowRight.png') no-repeat 0px 154px; } .promoPlayer .navLayer .pagination { position: absolute; bottom: 0px; left: 0px; list-style: none; margin: auto; width: 601px; height: 19px; line-height: 18px; text-align: center; } .promoPlayer .navLayer .pagination li { display: inline-block; cursor: pointer; font-size: 28px; margin: 3px 4px 0px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #FFF; background-color:#FFF; height:9px; width:9px; text-indent:-999em; } .no-borderradius .promoPlayer .navLayer .pagination { padding-bottom:4px; } .no-borderradius .promoPlayer .navLayer .pagination li { height:auto; background-color:transparent; text-indent:0px; border:none; } .no-borderradius .promoPlayer .navLayer .pagination li:hover { background-color:transparent; } .no-borderradius .promoPlayer .navLayer .pagination li.current { background-color:transparent; } .promoPlayer .navLayer .pagination li .popup { text-indent:0px; visibility: hidden; position: absolute; top: -24px; left: 0; } .promoPlayer .navLayer .popupTitle { padding: 0 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #333; color: #fff; font: 13px/22px Verdana, sans-serif; float:left; } .promoPlayer .navLayer .pagination li:hover .popup { visibility: visible; } .promoPlayer .navLayer .pagination li:hover { color: #e51e00; background-color:#e51E00; } .promoPlayer .navLayer .pagination li.current { color: #e51e00; background-color:#e51e00; cursor: default; } .promoPlayer .navLayer .pagination li.current:hover .popup { display: none; } .promoPlayer .navLayer .pagination li .popup .arrowDown { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; clear: both; position: absolute; bottom: -5px; } /* END OF Default Promo Player */ /* AMS_ESQ_BLOG_LANDING_BUZZFEED */ #BLOG_Ccontainer.redesign_index #ams_esq_blog_landing {float: left; height: 70px; margin-bottom: 40px;} /***************************************************************/ /***** END OLD global.css ******/ /***************************************************************/ /***************************************************************/ /***** OLD Viral-tools.css ******/ /***************************************************************/ /* Viral Tools Styles */ #xs_soc_fblike{border:none; overflow:hidden; width:90px; height:21px; float: left;} #xs_soc_fblike iframe {z-index: 9999;position: absolute;} #xs_soc_tweetb{width:100px; height:21px; float:left;} .viral_tools {font:11px Georgia, Times New Roman, Times, serif; text-transform:uppercase;} .viral_tools.top {float:left; margin: 20px 0 20px 10px;} .viral_tools.bottom {float:right; margin: 10px 0 20px 0;width:470px;} #archive .viral_tools.top, #linklist .viral_tools.top {float:right;} .controlsTop #viralsToolsTop.virals a,.viral_tools a {background-image:url(/cm/esquire/site_images/virals/blogViralTool.gif);background-repeat:no-repeat;background-color:#fff;display:block;} #viralsToolsTop.virals .email a,.viral_tools .emailButton a {width: 22px;height: 21px;background-position:0px 0px;} #viralsToolsTop.virals .print a,.viral_tools .printButton a {width:24px;height:21px;background-position: -31px 0px;} #viralsToolsTop.virals .email a:hover,.viral_tools .emailButton a:hover{background-position:0px -21px;} #viralsToolsTop.virals .print a:hover,.viral_tools .printButton a:hover{background-position: -31px -21px;} #viralsToolsTop.virals .viral_comment a{background-position:-167px -21px;width:20px;} #viralsToolsTop.virals .viral_comment a:hover{background-position:-188px -21px;} #viralsToolsTop.virals .viral_button .soc_commentcount .fb_comments_count{color:black;} .viral_tools.top .pin {display: none;} .viral_tools .icon {float: left; margin: 0;} .viral_tools .viral_button {margin: 0; cursor: pointer;} .viral_tools .viral_spacer {width: 65px; float: left;} .viral_tools .fblikeButton{border:none; width:85px; height:21px; float:left; padding-left: 0} .viral_tools .fbtweetButton{width:97px; height:21px;} .viral_tools .emailButton, .viral_tools .printButton, .viral_tools .fbshare, .viral_tools .plusone,.pin,.inshare {margin-right: 10px;} .viral_tools .fbshare a{background-position:-167px 0px;width:60px;height:22px;font-size:0;line-height:0;color:transparent;} a.stbutton {display: none;}/* Hides Stupid Green Buttons from Share This */ .viral_button.commentButton .btnComment{background: url(/cm/esquire/site_images/virals/viral_tools_bg.png) no-repeat scroll 0 0 transparent;display: block;float:left;background-position: -171px 0;color: transparent;height: 26px;width: 28px;margin-right:4px;} .viral_tools .soc_commentcount , .viral_tools .soc_commentcountb {float:right;background:url(/cm/shared/social/img/comment_bubble_COS.gif) 0 0;padding:0 0 0 10px; margin:0 0 0 0;} .viral_tools .soc_commentcountbin {color:#30566D; font:bold 12px/20px Arial; height:20px;background:url(/cm/shared/social/img/comment_bubble_COS.gif) right 0;padding:0 5px 0 0;min-width: 14px;text-align: center;} /* Viral Tools Styles */ /* Viral Tools Styles for Article 2 */ #article_2_content .viral_tools.top {margin: 10px 0;} #article_2_content .viral_tools.bottom {margin: 10px 0 20px;} .viral_tools.links_list {margin: 10px 0 20px;} .viral_tools.flipbook_spec2 {margin: 10px 0 15px 22px;} .viral_tools.blog_index, .viral_tools.blog_archive, .viral_tools.blog_entry {margin: 20px 0 10px;} .viral_tools.blog_entry.top{margin-top:0;float:left;margin-bottom:0;} .viral_tools.network_epic_landing {float: right; height: 26px; margin: 20px 0 0; position: relative; top: -38px;} .blog_comment_container{margin-top:30px;} .blog_comment_container h3{ float: left;margin-bottom: 10px;font-size: 18px;} #CNTR_blog_author_promo {padding: 0 0 15px !important;} #BLOG_Ccontainer h1{margin: 5px 0 0;} .viral_button.left.commentButton{width:auto;margin-right:10px;*width:65px;} .blog_entry_date .fb_comments_count{margin-right:3px;} /*Add PintIt button*/ .pinterest{margin-right:5px;} #MAIN_Ccontainer .social_buttons.right {width: 250px;} .social_buttons .pin{float:left;} #xs_soc_pinit .pin-it-button{background:none;} .open .viral_open{text-align: left;} .open .viral_open .viral_tools.top{margin: 0 0 0 20px;} /***************************************************************/ /* END old viral tools.css */ /***************************************************************/ /***************************************************************/ /***** OLD socials.csss ******/ /***************************************************************/ /** Start Right Rail ViralTools Tout */ #channel_ads{width:336px;} #channel_middle #channel_ads #rr_social_tout{border:none;margin-bottom: 10px; width:356px;} #rr_social_tout{background-color:#FFFFFF;display:inline-block;width:340px;border:none;} #rr_soc_top{border-bottom:1px solid black;margin:0 0 10px 0;background-image:url(/cm/esquire/site_images/virals/cwe.png);background-repeat:no-repeat;height:30px;width:356px;background-position:center;} #channel_ads #rr_soc_top{width:336px;} #rr_soc_mid{height:52px;width:320px;padding-left:0px;margin-left:30px;} .redesign_homepage #rr_soc_mid{display:inline-block; margin-left:0; width:auto;} #channel_ads #rr_soc_mid{margin-left:15px;} #category_driven #channel_ads{width:356px;} #category_driven #rr_soc_bot{margin-top:0;} #category_driven #rr_soc_top{width: 356px;} #category_driven #rr_soc_mid{margin-left: 30px;} #rr_soc_mid li{margin-right:15px;width:47px;height:42px;text-align:center;background-image:url(/cm/esquire/site_images/virals/esq-social.png);background-repeat:no-repeat;display:block;float:left;list-style:none;cursor:pointer;} #rr_soc_mid li a{display:block;position:relative;top:5px;left:5px;float:left;width:40px;height:40px;} #rr_soc_bot{margin-top:-15px;margin-bottom:5px;} #rr_soc_fb_cont{background-position:-1px -47px;} #rr_soc_tw_cont{background-position:-47px -47px;} #rr_soc_pinterest_cont{background-position:-94px -47px;} #rr_soc_googlep_cont{background-position:-141px -47px;} #rr_soc_em_cont{background-position:-188px -47px;} #rr_soc_fb_cont:hover{background-position:-1px -5px;} #rr_soc_tw_cont:hover{background-position:-47px -5px;} #rr_soc_pinterest_cont:hover{background-position:-94px -5px;} #rr_soc_googlep_cont:hover{background-position:-141px -5px;} #rr_soc_em_cont:hover{background-position:-188px -5px;} /* End Right Rail ViralTools Tout */ /* viral tooltip */ #rr_social_tooltip {position:absolute; z-index:1000000; display: none; filter:none!important} #rr_social_tooltip.bottom {margin-top: -10px\0/} #rr_social_tooltip.top .tooltip_body{border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} #rr_social_tooltip.bottom .tooltip_body{border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;} .tooltip_body{background-color: #FFFFFF; padding: 9px;border:1px solid #000;} .tooltip_head{background-image:url(/cm/esquire/site_images/virals/esq_social_arrow.png); background-position: 13px 34px;width:13px; height: 10px;margin-bottom:-2px;position:relative;z-index:200;} .tooltip_footer{background-image:url(/cm/esquire/site_images/virals/esq_social_arrow.png); background-position: 13px 24px;width:13px; height: 10px;z-index:200;position:relative;margin-top:-2px;} #rr_social_tooltip_fb{/*height: 277px;*/ width: 330px;} #rr_social_tooltip_fb .tooltip_body .tooltip_body_content {border:none; overflow:hidden; width:310px; height:257px; background-color: #FFFFFF;} #rr_social_tooltip_tw{/*height: 81px;*/ width: 312px;} #rr_social_tooltip_tw .tooltip_body{background-color: #FFFFFF; height: 60px; padding: 9px; position: relative; text-align: left;} #rr_social_tooltip_tw .tooltip_body .tw_1_cont{border-bottom: 1px solid black; height: 50px; overflow: hidden; width: 50px;} #rr_social_tooltip_tw .tooltip_body .tw_1{width: 50px;} #rr_social_tooltip_tw .tooltip_body .tw_2{font-size: 12px; font-weight: bold; position: absolute; left: 72px; top: 7px;} #rr_social_tooltip_tw .tooltip_body .tw_3{color: #4b95c9; font-size: 13px; position: absolute; left: 72px; top: 26px;} #rr_social_tooltip_tw .tooltip_body .tw_4{color: #666666; font-size: 11px; position: absolute; left: 72px; top: 47px;} #rr_social_tooltip_tw .tooltip_body iframe{width:235px;height:20px;} #rr_social_tooltip_nl{/*height: 80px;*/ width: 300px;} #rr_social_tooltip_nl .tooltip_body .nl_1{font-size: 12px; font-weight: bold; text-align: left;} #rr_social_tooltip_nl .tooltip_body form{display: block; height: 29px; margin-top: 4px; margin-bottom: 0} #rr_social_tooltip_nl #vt_nl_emailfield{border: 1px solid #000000; color: #8B8B8B; float: left; font-size: 12px; margin: 2px 4px 0 0; padding: 5px 0 5px 5px; width: 176px;} #rr_social_tooltip_nl .tooltip_body button {border:0; margin: 2px 0 0 2px; background-image: url(/cm/esquire/site_images/virals/signup.png); background-position: 0 0; background-color: transparent; cursor:pointer; width:84px; height:26px;} #rr_social_tooltip_nl .tooltip_body button:hover {background-position:0 -26px;} #rr_social_tooltip_pi .tooltip_body{overflow:auto;width:280px;} #rr_social_tooltip_pi .tooltip_body .pi_img{float:left;display:block;margin-right:10px;} #rr_social_tooltip_pi .tooltip_body .pi_content{float:left;width:200px;height:60px;} #rr_social_tooltip_pi .tooltip_body .pi_esq{font-weight: bold;font-family: Verdana;font-size: 12px;line-height: 19px;margin-top: -4px;float:left;} #rr_social_tooltip_pi .tooltip_body .pi_follow{float:left;clear: both;width: 170px;height: 28px;margin-top:10px;} /*Style for head arrow*/ #rr_social_tooltip_fb .tooltip_head{left:145px;} #rr_social_tooltip_tw .tooltip_head{left:145px;} #rr_social_tooltip_pi .tooltip_head{left:150px;} #rr_social_tooltip_googlep .tooltip_head{left:250px;} #rr_social_tooltip_nl .tooltip_head{left:255px;} /*Style for foot arrow*/ #rr_social_tooltip_fb .tooltip_footer{left:145px;} #rr_social_tooltip_tw .tooltip_footer{left:145px;} #rr_social_tooltip_pi .tooltip_footer{left:150px;} #rr_social_tooltip_googlep .tooltip_footer{left:250px;} #rr_social_tooltip_nl .tooltip_footer{left:235px;} /* social toolbar end */ #rr_social_tout.blog_index, #rr_social_tout.blog_archive, #rr_social_tout.blog_entry {margin-top: 15px; width: 335px;} #BLOG_cube #rr_social_tout.blog_index, #BLOG_cube #rr_social_tout.blog_archive, #BLOG_cube #rr_social_tout.blog_entry {border: none; margin-top: 0; width: 330px;} #rr_social_tout.redesign_article_2 {width: 316px;} #rr_social_tout.links_list {width: 318px;} #rr_social_tout.search_results {width: 310px;} #rr_social_tout.network_epic_landing {width: 316px;} #rr_social_tout.redesign_video_series {width: 324px;} #rr_social_tout.video_gallery_landing {margin-top: 10px; width: 318px;} .redesign_homepage #rr_social_tout {margin-bottom: 0; padding: 0; width: 70.3%;float:right;margin-top:2px;} #rr_social_tout.marketing_landing {margin-right: 8px; margin-top: 10px; width: 318px;} .redesign_homepage #rr_social_tout #rr_soc_mid li{margin-right:0px;} /*Social Tout for footer*/ #rr_social_tout_footer{width:300px;margin:0 auto;clear:both;} #rr_social_tout_footer ul#rr_soc_mid{margin-top:10px;} #rr_social_tout_footer #rr_soc_top{margin-left:-15px;} .redesign_homepage #rr_social_tout_footer #rr_soc_mid,#rr_social_tout_footer #rr_soc_mid{margin-left:0px;} /*Remove border for social*/ #rr_social_tout,#article_rightcolumn #channel_ads #rr_social_tout, #MAIN_RIGHT_Ccontainer #rr_social_tout{border: none;} #MAIN_RIGHT_Ccontainer #rr_social_tout #rr_soc_bot,#flipbookRightRail #main_right_ccontainer_standard #rr_soc_bot{margin-top:0px;} #MAIN_RIGHT_Ccontainer #rr_social_tout {margin-bottom:10px;} /*Update Follow Button*/ #rr_social_tooltip .pi_follow a {float: left;} /***************************************************************/ /***** END OLD SOCIALS .css ******/ /***************************************************************/ /***************************************************************/ /*Old Esquire redesign_2011.css */ /***************************************************************/ #header {background:none; display:inline-block; height:auto; position:relative; width:auto; border:0; float:none;} #blog_header_gen {height:auto;} .esquire_logo{left: -8px; top: 0px; z-index:0; position: absolute; display:block; width: 497px; height: 161px; background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -21px -90px no-repeat;} #global_header {margin: 0 0 20px 0; position: relative; width: 1000px;} #global_header #global_top_header_cntr {position: relative; height: 131px; text-align: left;} #top_links{margin:12px 0 0 0;text-align:left;min-width:472px;padding-bottom: 2px;position: absolute;bottom:10px;right: 0; text-transform:uppercase;} /*#top_links:before{content: ''; display:block; background-color:#ffc876; width: 50px; height:10px; position:relative; top: -5px;}*/ #top_links a:empty{padding-right:0px; margin-left:0px; border-right:none medium;} #top_links a, #search_suggestions_cntr a {color:#737373; font:13px/18px 'ProximaNova-ExtrabldIt',sans-serif; letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} #top_links span.toplink{padding-right:6px; margin-left:6px;border-right:1px solid #737373; } #top_links span.first{padding-left:0px; margin-left:0px;} #top_links span.last{padding-right:0px; margin-right:0px; border-right:none;} #header_search_v2, #search_suggestions_cntr {position:absolute; top:0; right:0; width:472px;} #global_header #header_search_v2 {margin:80px 0 0 0; background:none;} #global_header #search_suggestions_cntr {margin:125px 0 0; text-align:left;} #global_header #search_suggestions_cntr > div {display:inline;} #global_header #search_suggestions_cntr > div a {margin:0 0 0 7px; font:17px/14px 'ProximaNovaExCn-Bold',sans-serif; color:#000;} #search_suggestions_cntr span.separator{font:17px/14px 'ProximaNovaExCn-Bold',sans-serif; color:#14a5ed; margin-left:2px;} #global_header #search_suggestions_cntr > div a:first-child:before{content:""; margin-right:0;} #global_header #search_suggestions_cntr > div a:first-child {border-left:0; padding:0;} #global_header #gen_search {margin:0; padding:0; border:#efefef 1px solid; height:28px; width:465px; padding:0 0 2px 4px; -webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;} #global_header #search_button, #moduleBtnSearch{display:block; position:absolute; background:url('/cm/esquire/site_images/redesign_2011/sprite.png') 0px -253px; width:33px; height:28px;} #global_header #search_button{text-indent:-500px; overflow:hidden; top:2px; right:2px;} #search_suggestions_cntr span {color:#14a5ed; font:17px/14px 'ProximaNovaExCn-Bold', sans-serif; margin-right:-4px; text-transform:uppercase;} #global_header #ams_circ_esq_sub_nav_link .subscribeLink, #global_header #ams_circ_esq_sub_nav_link a{padding:0; float:none; padding-left:0; border-left:none medium;} /* Main Navigation */ #main_nav {height: 32px; background: black; display: block; z-index: 1; position: relative;} #main_nav ul, #main_nav ul li {margin: 0; padding: 0; list-style-type: none; display: block; float: left;font: normal 22px 'ProximaNovaExCn-SBold'; letter-spacing: 0.04em; line-height: 34px;} #main_nav ul li{border-right: 1px dotted #999; position:relative;} #main_nav ul li:last-child{border-right:none;} #main_nav ul li.menu_item a {height: 32px; display: block; overflow: hidden; color:#fff; padding: 0px 12px; } #main_nav ul li.menu_item a:hover:after, #main_nav ul li.active a:after{ content: ''; display:block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding:1px 0px; width:100%; top: -5px; position:relative; } #main_nav ul li.menu_item a:hover, #main_nav ul li.active a{background:#17a8eb; height:42px; border-right: 0px;} #main_nav ul li.menu_item a:hover:before, #main_nav ul li.active a:before{ content: ''; border-top: 10px solid #026898; border-left: 10px solid transparent; display: block; height: 0; width: 0; position: absolute; bottom: 0px; left:-10px; } #main_nav .btn_style {z-index:7;} #main_nav .btn_style a { padding-right: 10px;} #main_nav .btn_politic {z-index:6;} #main_nav .btn_culture {z-index:5;} #main_nav .btn_food {z-index:4;} #main_nav .btn_women {z-index:3;} #main_nav .btn_universe {z-index:2;} #main_nav .btn_video {z-index:1;} #main_nav .social{background: url(/cm/esquire/site_images/redesign_2013/sprite.png) no-repeat;display:block; height:32px; cursor:pointer; text-indent:-9999px;} #main_nav .social a{width:100%; height:100%; display:block;} #main_nav .search{ background-position: -576px 0px; width:49px; overflow:hidden} #main_nav .fb{background-position: -576px -32px; width:47px;} #main_nav .tw{background-position: -576px -64px; width:42px;} #main_nav .pin{background-position: -576px -96px; width:41px; } #main_nav .gplus{background-position: -576px -128px; width:46px;} #main_nav .mail{background-position: -576px -160px; width:44px;} .no-touch #main_nav .search:hover, #main_nav .search.selected{ background-position: -640px 0px;} #main_nav .search.selected {overflow:visible} #main_nav .fb:hover{background-position: -640px -32px;} #main_nav .tw:hover{background-position: -640px -64px;} #main_nav .pin:hover{background-position: -640px -96px;} #main_nav .gplus:hover{background-position: -640px -128px;} #main_nav .mail:hover{background-position: -640px -160px;} #main_nav #header_search_v2{ margin: 0; padding: 0; position: absolute; left: 49px; top: 0px; background: #14a5ed; z-index: 2; width: 0px; height:32px; line-height: 1em; text-indent:0px; outline:none; } #main_nav #header_search_v2 input{ position: relative; top: 0px; left: 0px; height: 24px; color: #999; font: 18px 'ProximaNovaExCn-Bold',sans-serif; padding-left: 5px; outline:none; width:0px; opacity: 0; border:4px solid #14a5ed; -webkit-transition: width 0.2s ease-out 0s, opacity 0s ease-out 0s; -moz-transition: width 0s ease-out 0s; -o-transition: width 0s ease-out 0s; transition: width 0.2s ease-out 0s, opacity 0s ease-out 0s; } #main_nav #header_search_v2.active input{ width: 222px; -webkit-transition: width 0.2s ease-out 0s; -moz-transition: width 0s ease-out 0s; -o-transition: width 0s ease-out 0s; transition: width 0.2s ease-out 0s; opacity:1; border:4px solid #14a5ed; } /* End Main Navigation */ body{position: relative;} #site_container_before{position: absolute; content: ""; display: block; height: 32px; background: black; z-index:1;} /* modules */ .module { width: 340px; clear: left; font: 14px verdana; margin: 0 0 20px 0; } .module .header { height: 28px; border-bottom: black 1px solid; font: bold 20px/25px arial; overflow: hidden; background: url('/cm/esquire/site_images/redesign_2011/sprite.png') no-repeat -984px -738px; text-indent: 24px; text-transform: uppercase; display: block; margin: 0 0 8px 0; overflow: hidden; padding: 2px 0 0 0; } .module .content .excerpt { margin: 0 0 8px 0; } .module .content .excerpt .img_link { float: left; border: black 1px solid; margin: 2px 8px 8px 0; } .module .content .excerpt p { margin: 0; padding: 0; font: 12px verdana; } .module .content .title a { font-weight: bold; color: black; text-decoration: none; } .module .content .title a:hover { text-decoration: underline; } .module .more { clear: left; margin: 0; padding: 0; list-style-type: none;} .module .more li a:hover {text-decoration: underline;} .module .more li a { color: black; text-decoration: none; font: bold 12px/11px verdana; } .module .more li { padding: 0 0 0 20px; margin: 0 0 14px 0; background: url("/cm/esquire/site_images/redesign_2011/sprite.png") no-repeat scroll -503px -692px transparent; } /* left nav */ #left_nav .channels { width: 160px; margin: 0; padding: 0; list-style-type: none; overflow: hidden; margin: 0 0 20px 0; } #left_nav .channels li { border-bottom: #b7b7b7 1px dotted; padding: 0px; } #left_nav .channels li a { height: 45px; line-height: 45px; text-indent: -999px; display: block; background: url('/cm/esquire/site_images/redesign_2011/sprite.png'); } #left_nav .channels li:first-child { border-top: #b7b7b7 1px dotted; } #left_nav .channels .wwl {background-position: 0 -330px;} #left_nav .channels .wwl:hover {background-position: -160px -330px;} #left_nav .channels .style {background-position: 0 -374px;} #left_nav .channels .style:hover {background-position: -160px -374px;} #left_nav .channels .politics {background-position: 0 -418px;} #left_nav .channels .politics:hover {background-position: -160px -418px;} #left_nav .channels .culture {background-position: 0 -728px;} #left_nav .channels .culture:hover {background-position: -160px -728px;} #left_nav .channels .eat {background-position: 0 -462px;} #left_nav .channels .eat:hover {background-position: -160px -462px;} #left_nav .channels .drinks {background-position: 0 -506px;} #left_nav .channels .drinks:hover {background-position: -160px -506px;} #left_nav .channels .bars {background-position: 0 -550px;} #left_nav .channels .bars:hover {background-position: -160px -550px;} #left_nav .channels .cover_gallery {background-position: 0 -594px;} #left_nav .channels .cover_gallery:hover {background-position: -160px -594px;} #left_nav .channels .get_app {background-position: 0 -638px;} #left_nav .channels .get_app:hover {background-position: -160px -638px;} #left_nav .channels .foursquare_esq {background-position: 0 -682px;} #left_nav .channels .foursquare_esq:hover {background-position: -160px -682px;} /* etcetera */ #articledetail_middle { background: transparent; } .article_nav { margin: 0 0 0 10px; text-align: left; } .article_nav, .article_nav a, #article_nav, #article_nav a { color: black; background: none; } #article_header h1 { font: bold 20px/22px verdana; } #article_header p.by { font: bold 11px verdana; color: #444444; text-transform: uppercase; } #pagination * { vertical-align: middle; } #pagination .current, #pagination .pagenumbers { display: inline-block; line-height: 20px; } #pagination span.current { padding: 3px 6px; } #pagination { text-align: right; overflow: hidden; margin: 10px 0 0 0; } #pagination .divider { display: none; } .viral_tools.bottom { margin-bottom: 10px; } #pagination a { font-family: bold 13px verdana; } #pagination .current { color: #000; } #pagination a.pagenumbers, #pagination a.pagenumbers:link, #pagination a.pagenumbers:visited { color: #666 !important; } #pagination a.pagenumbers:hover { text-decoration: underline; } #pagination a.next_img { background: url('/cm/esquire/site_images/redesign_2011/sprite.png') -129px -294px; width: 64px; height: 26px; overflow: hidden; margin: 0 0 0 15px; display: inline-block; } #pagination a.next_img:hover { background-position: -129px -268px; } #pagination .next_img img { display: none; } #pagination a.previous_img { background: url('/cm/esquire/site_images/redesign_2011/sprite.png') -253px -294px; width: 64px; height: 26px; margin: 0 15px 0 0; display: inline-block; } #pagination a.previous_img:hover { background-position: -253px -268px; } #pagination .previous_img img { display: none; } /* fixing layout weirdness */ #article_info { margin-top: 0; } #article_container { height: 20px; } .article_nav { height: 20px; } #article_rightcolumn { margin-top: -30px; } .promotion #article_rightcolumn { margin-top: 0px; } .module { clear: both; } #channel_ads { margin-bottom: 10px; } #ams_esquire_hpto { display:none; } /* misc */ #blog_header_gen { background: none; } #channel_ads table { background: none; } #container { background: none; } #imagePreloader { display: none; } #rr_soc_top { font: bold 16px Verdana; color: #000; } #ad_banner { background-color: #F5F5F5 !important; margin-bottom: 7px; } .adcopy { color: #888 !important; font: 9px "ProximaNova-ExtrabldIt", sans-serif; line-height: 20px; text-align: center; visibility: hidden; } #channel_features_overlay { opacity: 1; } /* design qa fixes */ #left_cloumn { margin-left: 0; } #channel_main_content { margin-top: 10px; /* from 40 */ } .module .more li { margin-bottom: 11px; /* from 14 */ } .module .title { margin-bottom: 5px; /* from 0 */ } table.channel_banner_container { width: 100%; } #global_header #global_top_header_cntr #header_search {width:472px;} /* #blog_header_gen { background: none !important; height: auto !important; } #epicBanner { margin-top: 0; } #header, #fb_ad_top { position: static !important; } #header_in_content { height: auto; } */ #hp_top_left { background: none; } #hp_top_left #right_column { margin-top: 0; } #channel_ads { border: 0 !important; } #bars_tout { margin-top: 0 !important; } #MAIN_RIGHT_Ccontainer { border: 0 !important; } .article_nav, .article_nav a { text-transform: uppercase; font-size: 10px; } #epicBanner { margin-top: -15px; } body { background: none; } #left_column_container { position: static; } #left_column { padding-top: none !important; } .article h2{width:auto; float:none;} .article h1{width:auto; float:none;} .article p{width:auto; float:none;} .article img {border: 0;} body.redesign_article_2 #ad_banner { border: none !important; } #video_header_gen { float: none; height: auto; } #article_rightcolumn { width: 336px; overflow: hidden; float: right; } /* ie bugs */ #global_header #search_button { *top: 4px; } #main_nav ul li a {text-decoration: none;} #left_column_container { background: none; } /* post trig */ #ad_banner_top {width: 100%;margin-left: auto;margin-right: auto;} .ads_outer_center {float: right; right: 50%; position: relative;} .ads_inner_center {float: right; right: -50%; position: relative;} #video_header_gen { background: none; } /* fix FB "like" popup is hidden*/ .viral_tools .fb_edge_widget_with_comment, #viralTools .fb_edge_widget_with_comment{ position: absolute !important; } /*fix search input padding for IE7,8 */ .no-canvas #global_header #gen_search, .no-canvas #aux_search,.no-canvas #aux_search_b, .no-canvas #search_bottom .input{height: 22px; padding-top: 6px;} .no-canvas #search_bottom .input{padding-left: 1px;} #html_bottom #search_bottom .input{width: 383px;} /* category driven pages */ #category_driven #channel_middle, #category_driven #channel_middle #articles .article, #category_driven #channel_middle #hp_banner { display:inline-block; width:100%;} #category_driven #channel_middle #articles { margin:0; padding:0; width:634px; margin-right: 10px;} #category_driven #channel_middle #articles #content_hed h1 { font:bold 20px/24px Verdana, Geneva, sans-serif; margin-bottom:15px; margin-right: 15px;} #category_driven #channel_middle #articles #content_hed h2 {font:normal 14px/18px Verdana, Geneva, sans-serif; margin-right: 15px;} #category_driven #channel_middle #articles #content_hed #viral-outer { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 13px 20px 0; padding:10px 0;} #category_driven #channel_middle #articles #content_hed .viral_tools { float:right; margin:0;} #category_driven #channel_middle #articles .article { border-bottom:0 none; margin:0 34px 30px 0; width:130px;} #category_driven #channel_middle #articles .article > * { display:block; margin-bottom:10px;} #category_driven #channel_middle #articles .article > p > br, #category_driven #channel_middle #articles .article > p > b {display:none;} #category_driven #channel_middle #articles .article.last {margin:0 0 10px;} #category_driven #channel_middle #articles .article.first, #category_driven #channel_middle #articles #ad_circ_620x200 {clear:left;} #category_driven #channel_middle #articles .article > a, #category_driven #channel_middle #articles .article img {height:100px;} #category_driven #channel_middle #articles .article img {width:130px;} #category_driven #channel_middle #articles #ad_circ_620x200 { margin:0 0 20px; text-align:center; width:620px;} #category_driven #channel_middle #articles .article, #category_driven #channel_middle #channel_ads { float:left; text-align:left;} #category_driven #channel_ads .module {margin-top:20px;} #category_driven #channel_middle #hp_banner #main_ad_bottom { float:none; margin:20px auto 0;} .imageLP{text-align:center; margin-top: 20px;} #promoPlayer .image{margin-top:0;} .bodyText{margin:15px 15px 15px 0;} #articles #seo_title {border-bottom: 1px solid #000000; font-size: 17px; font-weight: bold; padding-bottom: 5px; clear: both; margin:15px 0; width:622px;} #articles #seo_links .link {background: url('/cm/esquire/site_images/redesign/icon-arrow.gif') no-repeat scroll 0 3px transparent; float: left; font-weight:bold; line-height: 20px; margin: 0 10px 5px 0; padding-left: 25px; width: 270px;} #articles #seo_links .link a{color:#000;} /* END ESQUIRE redesign_2011.css */ /* ESQ redesign.css */ *{ outline:none; } ul li{ list-style: none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } body.redesign_homepage {background: none; text-align: left; padding: 0px; margin: 0px; font: 12px Verdana, sans-serif;} body.redesign_homepage a {color: #000;} #site_container {margin: 0 auto; overflow: visible; width: 1000px;} #site_container #main_content {margin: 0px; width: 1000px;} .left {float: left;} .right {float: right;} .center {text-align: center; margin: auto;} .clear {clear: both; font-size: auto; height: auto;} .hidden {display: none;} .upper, .caps {text-transform: uppercase;} .cursor {cursor: pointer;} img {border: none;} img.vert {vertical-align: bottom;} a {text-decoration: none;} a:hover {text-decoration: underline;} /* image size classes for lazyImages */ .lazyImage img, .lazy_small_new img, .lazy_small_new_1 img, .lazy_small_new_2 img, .lazy_small_new_3 img, .lazy_small_new_4 img, .lazy_thumb_2 img, .lazy_thumb_1 img, .lazy_thumb_3 img, .lazy_thumb_4 img, .lazy_medium img, .lazy_wide_new img, .lazy_wide_new_1 img.lazy_wide { display:none } .lazy_small_new, .lazy_small_new_1, .lazy_small_new_2, .lazy_small_new_3, .lazy_small_new_4, .lazy_thumb_2, .lazy_thumb_3, .lazy_thumb_1, .lazy_thumb_4, .lazy_medium, .lazy_wide_new, .lazy_wide_new_1 { display:block } .no-boxshadow .lazy_small_new img, .no-boxshadow .lazy_small_new_1 img, .no-boxshadow .lazy_small_new_2 img, .no-boxshadow .lazy_small_new_3 img, .no-boxshadow .lazy_small_new_4 img, .no-boxshadow .lazy_thumb_2 img, .no-boxshadow .lazy_thumb_3 img, .no-boxshadow .lazy_thumb_1 img, .no-boxshadow .lazy_thumb_4 img, .no-boxshadow .lazy_medium img, .no-boxshadow .lazy_wide_new img, .no-boxshadow .lazy_wide_new_1 img{width:100%;height:100%;} .lazy_small_new { width:90px;float: left;min-height: 43px;} .lazy_small_new_1 { width:119px; min-height:41px } .lazy_small_new_2 { width:257px; min-height:42px } .lazy_small_new_3 { width:207px; min-height:43px } .lazy_small_new_4{ width:85px; min-height:43px } .lazy_thumb_1 {width:132px;min-height: 102px;} .lazy_thumb_2 { width:313px; min-height:50px;} .lazy_thumb_3 { width:220px; min-height:300px;} .lazy_thumb_4 { width:187px; min-height:332px;margin-bottom: 7px;} .lazy_medium { width:300px; min-height:128px } .lazy_wide_new{width:999px; min-height:34px} .lazy_wide_new_1{width:807px !important; min-height:54px} .float-parent .lazy_thumb_1{margin-bottom:6px;} .promo .lazy_thumb_1, #article_content .lazy_thumb_1{float:left;} #channel_main_content .lazy_thumb_1 img{margin-left: 15px;} .redesign_homepage #main_content #mid_content #blogs_content .blog_wrapper img{margin:0;padding:0;} .redesign_homepage .lazy_thumb_2{margin-bottom: 3px;padding-bottom: 3px;} /**** Top Banner Ad ****/ #top_banner .clearBottom {clear:both; height:10px;} /**** Header ****/ body.redesign_homepage #header {margin: 0 0 12px;} body.redesign_homepage #top_header_cntr {width: 980px;} body.redesign_homepage #header_nav_cntr {width: 1000px;} body.redesign_homepage #header_search_cntr {font-size: 11px; margin-top: 10px;} #search_field_cntr #gen_search {width: 315px; height: 26px; border: 1px solid #9f9f9f; font: normal 18px Verdana; color: #565656;} #main_content #header_redesign {background: #000; width: 1000px; font-size: 11px;} #main_content #header_redesign #hed_top {height: 25px; padding-top: 5px;} #main_content #header_redesign #hed_top a {float: left; margin-right: 20px; color: #fff;} #main_content #header_redesign #hed_top #hed_subscribe {color: #ffd300; font-weight: bold; padding-left: 10px;} #main_content #header_redesign #hed_top #hed_subscribe img {vertical-align: middle;} #main_content #header_redesign #hed_top #hed_subscribe a {color: #ffd300;} #main_content #header_redesign #hed_mid {clear: both; background: #fff; width: 999px; border-right: 1px solid #000; min-height: 65px;} #main_content #header_redesign #hed_mid #logo {float: left; height: 65px; margin: 0 120px 0 4px;} #main_content #header_redesign #hed_mid #search_area {float: left; margin-top: 10px;} #main_content #header_redesign #hed_mid #search_area .input {width: 315px; height: 24px; border: 1px solid #9f9f9f; font: normal 18px Verdana; color: #565656;} #main_content #header_redesign #hed_mid #search_area .suggestions {color: #000;} #main_content #header_redesign #hed_mid #search_area .suggestions span {font-weight: bold; margin-right: 10px;} #main_content #header_redesign #hed_mid #search_area .suggestions a {color: #2f85c1;} /**** NAV ****/ #main_content #header_redesign #nav_redesign {clear: both; background: #000; width: 1000px; height: 29px; display: block;} #main_content #header_redesign #nav_redesign .nav_item {float: left;} /**** PROMO PLAYER ****/ #promo_area { display:inline-block; width:100%; text-align:left; } #promo_area > div{ float: left; } #promo_area .promoLarge{ margin-right: 20px; } #promo_area img{max-width:100%; width:100%;} .promoLarge{ width: 650px; position: relative; height: 397px; overflow:hidden; } .promoSmall{ height: 180px; position: relative; width: 330px; margin-bottom: 25px; } .promoSmall > a{ display:block; width:330px; height:180px; overflow:hidden; } .topstory, .featuretitle, .mf_article.tips .tipsnumber{ display: block; padding: 7px 20px; color: #fff; text-transform: uppercase; font-size: 13px; line-height: 13px; letter-spacing: .2em; font-family: 'ProximaNova-ExtrabldIt', sans-serif; -webkit-font-smoothing: antialiased; } .topstory{ background-color: #e95432; bottom: 100%; left: 0; position: absolute; } .featurecontainer{ position: absolute; z-index: 2; top: 0; width:100%; text-align:center; } .featuretitle{ background-color: #000000; position:relative; display:inline-block; line-height:1.2em; } #promo_area h2{ font-family: 'ProximaNovaExCn-Bold', sans-serif; font-weight: normal; text-rendering: optimizeLegibility; } .promoLarge h2{ font-size: 35px; line-height: 34px; } .promoSmall h2{ font-size: 27px; line-height: 27px; } #promo_area .description{ background-color: #fff; position: absolute; bottom: 0px; padding: 0px 15px; margin: 0 10px; } #promo_area .promoLarge .description{ width: 600px; padding-top: 10px; padding-bottom: 5px; } #promo_area .promoSmall .description{ width: 280px; padding-top: 8px; bottom: -6px; } #promo_area a:hover{color: #14a5ed; text-decoration: none; border:none; outline:none;} /**** MOST RECENT STORIES ****/ #main_content #promo_area #most_recent {position: relative; float: right; width: 379px;} #main_content #promo_area #most_recent #hed_recent {background: url(/cm/esquire/site_images/redesign/bg-most-recent-v2.gif) no-repeat; width: 334px; height: 32px; font-size: 18px; font-weight: bold; padding-left: 45px; text-transform: uppercase; line-height: 15px;} #main_content #promo_area #most_recent #hed_recent span {background: #fff; height: 29px; padding: 1px 10px 2px; height: 20px; float: left;} #main_content #promo_area #most_recent .articles {background: #d6d6d6; border: 1px solid #000; border-top: 0px; margin: -10px 0 0 15px; min-height: 305px;} #main_content #promo_area #most_recent p {background: #fff url(/cm/esquire/site_images/redesign/icon-arrow.gif) no-repeat 18px 5px; padding: 5px 0 5px 40px; line-height: 15px; font-size: 12px; font-weight: bold;} #main_content #promo_area #most_recent p.recent {background: #d6d6d6 url(/cm/esquire/site_images/redesign/icon-arrow-black.gif) no-repeat 18px 5px; margin-top: 5px; position: relative; bottom: 0px;} #main_content #promo_area #most_recent p a {display: block; width: 230px;} #main_content #promo_area #most_recent p.first a {width: auto;} #main_content #promo_area #most_recent #recent_img {position: absolute; bottom: 0px; right: -5px;} /**** MID CONTENT ****/ #main_content #mid_content { margin: 0px 0 20px 0; display: inline-block; overflow:hidden!important; width:100%; } #main_content #mid_content.redesign{ background: #f0f0f0; text-align:left; } /* added the hidden!important because Gillette gallery ad is improperly positioned and is creating a horizontal scroll bar, a script overrides the hidden with an inline style of visible, so I added the !important to override that ... it's a pissing match */ #main_content #mid_content .mid_content_inner{padding: 10px; float: left; } #main_content #mid_content .row {float: left; margin-right:2.8%; width: 30.5%;} #main_content #mid_content #wide_row.row {width: 33.4%; margin:25px 0 0;} #main_content #mid_content .hed {border-bottom: 1px solid #000; padding-bottom: 5px;} #mid_content .rightRail, #mid_content .contentLeft{ float: left; } /*rightRail*/ #article_rightcolumn, #MAIN_RIGHT_Ccontainer{background:#fff; width:340px; padding-top: 10px;} #flipbookRightRail{background: #fff; padding-top: 10px; text-align: center; } .rightRail{ width: 320px; margin-left: 10px; } .rightRail > iframe, .rightRail > div{ border: 10px solid #fff; margin-bottom: 10px; background:#fff; } .rightRail .rr_ad{text-align:center;} #ams_esquire_gallery_bot {display: block;} #mid_content.redesign #ams_esquire_gallery_bot{padding-top:0px;} .redesign_article_2 #ams_esq_cmd_partner{margin-top: 60px;} #main_content #mid_content .rightRail #ad_circ_300x200.ad{margin: 0px; border:none; padding:0px;} #mid_content .contentLeft > div{ border-width: 15px; border-style: solid; border-color: #fff; margin-bottom:13px; background: #fff; } #mid_content .contentLeft{ width: 640px; margin-right: 10px; } .rightRail .blogModule p{ margin-top: 0px; } /****** SMARTOUT : AMS_ESQ_SMARTBOT ******/ #smarttout_wrapper{} #smarttout_header{ text-align: center; border-top: 1px solid #000; text-transform: uppercase; padding: 15px 0px; font: normal 27px/1em 'ProximaNovaExCn-Bold', sans-serif; -webkit-font-smoothing:antialiased; } #smarttout_header p{margin:0px; padding:0px;} #smarttout_wrapper ul {margin: 0px; padding:0px;} #smarttout_wrapper ul li{list-style: none;clear: both;margin-bottom: 15px;display: inline-block;width: 100%; text-align: left;} #smarttout_wrapper ul li:last-child {margin-bottom: 0px;} #smarttout_wrapper a{text-decoration:none; color: #000;} #smarttout_wrapper a:hover *{color:#14a5ed; border-color: #14a5ed;} #smarttout_wrapper img{float:left; margin-right:15px; max-width:150px; max-height: 150px; border:none; outline:none;} #smarttout_wrapper .description{ max-width:130px; display:table-cell; vertical-align: middle; height: 150px;} #smarttout_wrapper .ordinal{font: normal 27px/18px 'ProximaNovaExCn-Bold', sans-serif;color: #8e8e8e;border-bottom: 3px solid #8e8e8e;display:inline-block; -webkit-font-smoothing:antialiased; padding-bottom: 2px;} {color:#14a5ed;border-bottom: 5px solid #14a5ed;} #smarttout_wrapper .title{ margin-top: 10px;font: 14px/1.4em Arial, Helvetica, sans-serif;} .rightRail .blogModule#blogInfo{border-top: 10px solid #fff;} .rightRail .blogModule#blogInfo h3{ border-top: 1px solid #000; padding:15px 0px; text-align: center; text-transform: uppercase; font: normal 27px/1em 'ProximaNovaExCn-Bold', sans-serif; -webkit-font-smoothing: antialiased; margin-top:0px; margin-bottom: 0px; } #MAIN_RIGHT_Ccontainer {background:#fff !important;} /****** END SMARTTOUT ******/ #article_info {width:485px;} .rightRail .blogModule, .rightRail #blogSearch{width: auto;margin:0px; display: block;} .rightRail #blogSearch { border: 1px solid #d1d1d1; height: 30px; padding: 2px 2px 0 0; position: relative; } .rightRail #blogSearch .searchBox { border: 0; float: left; width: 280px; height: 28px; text-indent: 10px; color: #656565; font-size: 13px; font-family: arial; line-height: 28px; } .rightRail #moduleBtnSearch { display: block; position: absolute; background: url('/cm/esquire/site_images/redesign_2013/sprite.png') 0px -295px; width: 33px; height: 28px; right:2px; } /****** SOCIAL CONNECT RIGHT RAIL ******/ #rr_social_tools_header{ text-align: center; border-top: 1px solid #000; text-transform: uppercase; padding: 15px 0px 3px; font: normal 27px/1em 'ProximaNovaExCn-Bold', sans-serif; -webkit-font-smoothing: antialiased; } #rr_social_tools_header p{ text-align: center; text-transform: uppercase; font: normal 27px/1em 'ProximaNovaExCn-Bold', sans-serif; } #rr_social_tools ul { text-align: left; width: 240px; margin: 0 auto; margin-left: 35px; padding:0px; } #rr_social_tools ul li{ font: 14px Arial, Helvetica, sans-serif; padding: 15px 10px 15px 10px; } #rr_social_tools ul li a{color:#000;} #rr_social_tools ul li a span { background: url(/cm/esquire/site_images/redesign_2013/sprite.png) no-repeat; float: left; height: 30px; margin-right: 20px; position: relative; top: -6px; width: 25px; } #rr_social_tools ul li a:hover{text-decoration:none; color: #14a5ed;} #rr_social_tools ul li a span#social-connect-fb{background-position: -750px 0px;} #rr_social_tools ul li a span#social-connect-tw{background-position: -750px -30px;} #rr_social_tools ul li a span#social-connect-pn{background-position: -750px -60px;} #rr_social_tools ul li a span#social-connect-gp{background-position: -750px -90px; left:5px;} #rr_social_tools ul li a span#social-connect-in{background-position: -750px -120px;} #rr_social_tools ul li a span#social-connect-yt{background-position: -750px -150px;} /****** END SOCIAL CONNECT RIGHT RAIL ******/ /****** THIS JUST IN MODULE (3 ACROSS TOP) ******/ #mid_content .contentLeft #thisjustin{ border-width: 0px 0px 15px 0px; padding-bottom: 5px; } #thisjustin h2{ position: relative; background-color: #000; color: #fff; height: 35px; font:22px/38px 'ProximaNova-ExtrabldIt', Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-transform: uppercase; text-align: center; margin-bottom: 15px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } #thisjustin h2:before{ content: ''; position: absolute; left: -1px; top: 0px; border-bottom: 36px solid #fff; border-right: 30px solid transparent; height: 0; width: 0; z-index: 2; display: block; } #thisjustin h2:after{ content: ''; position: absolute; right: -1px; top: 0px; border-bottom: 36px solid #fff; border-left: 30px solid transparent; height: 0; width: 0; z-index: 2; display: block; } #thisjustin h5, #thisjustin span{ font: 16px 'ProximaNovaExCn-Bold', sans-serif, sans-serif; text-transform: uppercase; -webkit-font-smoothing:antialiased; } #thisjustin h5{color: #8e8e8e;} #thisjustin h5 a{color: #8e8e8e;} #thisjustin h5 a:hover{color: #14a5ed;} #thisjustin span{color: #e95432; } #thisjustin h3{font: normal 21px/21px 'ProximaNovaExCn-Bold', sans-serif; height: 90px; overflow: hidden; display: table; width: 100%;} #thisjustin h3 a{ display:table-cell; vertical-align: middle;} #thisjustin_content{display:table;width: 100%;background-color: #fff;} #thisjustin_content .table-row{display:table-row} #thisjustin_content .cell{ display:table-cell; width: 33.33333%; text-align:center; border-right: 1px solid #ccc; padding: 0px 25px; vertical-align: top; } #thisjustin_content .cell.last{border-right:none;} #thisjustin_content .cell.first{padding-left:30px;} #thisjustin_content .cell.last{padding-right:30px;} #thisjustin a:hover{color: #14a5ed; text-decoration:none;} /****** END THIS JUST IN MODULE (3 ACROSS TOP) ******/ /****** MAIN FEED ARTICLES ******/ .mf_article{position:relative; overflow:hidden;} .mf_article:after{content:''; display: block; clear:both;} .mf_article h5{ font: 16px 'ProximaNovaExCn-Bold', sans-serif, sans-serif; -webkit-font-smoothing:antialiased; color: #8e8e8e; letter-spacing: 0.05em; margin-bottom: 10px; } .mf_article.tall, .mf_article.wide, .mf_article.video{ min-height: 340px;; } .mf_article.tall{max-height:340px;} .mf_article.tall.video{max-height:360px;} .mf_article.tall.tips{ min-height: inherit; } .mf_article > a:hover + .mf_content h2 a{color:#14a5ed;} .mf_article h5 a{color: #8e8e8e;} .mf_article h5 a:hover{color: #14a5ed; text-decoration:none;} .mf_article h5 span.section{text-transform: uppercase; padding-right: 5px; margin-right: 5px; border-right: 1px solid #8e8e8e;} .mf_article.promo h5 span.section{ border-right:none;} .mf_article h2{font:35px/33px 'ProximaNovaExCn-Bold', Arial; margin-bottom: 10px;} .mf_article p{font: 15px/1.4em Arial, Helvetica, sans-serif; display:inline;} .mf_article span.timeago, .mf_article span.separator{ color: #e95432; text-transform: uppercase; font: 12px Verdana, sans-serif; } /* Left Aligned */ .mf_article.tall a.lazyImage{display:block; width: 340px;} .mf_article.video a.lazyImage{display:block; width: 100%;} .mf_article.tall img{ position: relative; max-width: 100%; } .mf_content{ display: block; position: absolute; z-index: 2; width: 270px; height: 290px; top: 10px; Right: 0px; color: #000;background: #fff;border: 15px solid #fff; } .mf_article.tall .mf_content{ display: table;} .mf_article.tall .mf_content > .mf_cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } /* Empty Image */ .mf_article.noimg .mf_content{ border:none; position:relative; width: auto; top :auto; right: auto; height: auto; padding-top: 8px; padding-bottom: 8px; } #mid_content .contentLeft > div.mf_article.noimg.circAd {border: 0px;} /* Wide Image */ .mf_article.wide, .mf_article.video.tall{height:385px;} .mf_article.wide .mf_content, .mf_article.video.noimg .mf_content, .mf_article.video.tall .mf_content{ display: block; position: absolute; z-index: 2; width: 564px; height:auto; top: auto; bottom: 0px; left: 8px; padding:0px; color: #000;background: #fff; border: 15px solid #FFF; border-bottom:none; } .mf_article.wide img{ width: 100%; position: relative; } .mf_article h2 a:hover{color: #14a5ed; text-decoration: none; border:none; outline:none;} /* Tips */ .mf_article.noimg.tips .mf_content{ text-align: center; border-left: 19px solid #fff; border-right: 19px solid #fff; width:602px; } #mid_content .mf_article.tips{ border-width: 0 0px 10px; } .mf_article.tips.noimg > a, .mf_article.tips.noimg > a > img, .mf_article.tips.noimg .separator, .mf_article.tips.noimg .timeago{ display: none;} .mf_article.tips .tipsheader{ background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -396px -258px no-repeat !important; height: 85px; width:100%; } .mf_article.tips .tipsnumber{ padding-top: 47px; width: 182px; text-align: center; margin: 0 auto; letter-spacing:0.08em; } .mf_article.tips h5, .mf_article.tips p, .mf_article.tips p span.timeago{ display: none; } .mf_article.tips h2{ font:26px/1em 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0px; padding: 10px 0px 15px; border-bottom: 1px solid #000; } .mf_article.tips p a:hover{ color:#14a5ed; text-decoration:none; } /* Video */ .mf_article.video .featuretitle{ display: none; } .mf_article.video .featurecontainer{display:none;} #mid_content .mf_article.video{ height: auto; } .mf_article.video .vidoverlay{ position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 1; background-image: url(/cm/esquire/site_images/redesign_2013/play_icon.png); background-repeat: no-repeat; background-position: center 80px; background-size: 120px; } .mf_article.video h5 span.section, .mf_article.video h5 span.author, .mf_article.video .newsImage{display:none !important; /*required to override lazyImages*/} /****** END MAIN FEED ARTICLES ******/ /*blog landing overwrites*/ .blog_landing a.cover{display: block; width: 100%; float: left; text-decoration: none; } .blog_landing .article_body a{ color: #0099ff; font-weight: bold;} .blog_landing .mf_article.tall .lazyImage{width: 272px; float: left; display: block;} .blog_landing a.readmore{display:block; font-size: 20px; margin-bottom: 8px;} .blog_landing .mf_article.tall {min-height: 272px;} .blog_landing .mf_article {padding: 20px 0; border-bottom: 1px solid #eaeaea;} .blog_landing .mf_article.tall .mf_cell{height: 272px; display: inherit;} .blog_landing .mf_article.video .mf_cell{display: block;} .blog_landing .mf_content {border: 0px; width: 323px; top: 0px; height: 272px; position: relative; float: right;} .blog_landing .mf_article.tall .mf_content {display: block; margin-left: 10px;} .blog_landing .mf_article.video .mf_content {margin: 0px; left: 0px;} .blog_landing .mf_article.noimg .mf_content {margin-left: inherit; padding:0; width: 100%;} .blog_landing .mf_article.wide .mf_content, .blog_landing .mf_article.video.noimg .mf_content, .blog_landing .mf_article.video.tall .mf_content{border: none; margin-right: 15px;} .blog_landing .mf_article.video.tall .mf_cell, .blog_landing .mf_article.video.tall, .blog_landing .mf_article.noimg, .blog_landing .mf_article.noimg .mf_cell{height:inherit;} .blog_landing #BLOG_Ccontainer .mf_article h2, .blog_landing #BLOG_Ccontainer.redesign_index .mf_article h2 a:link, .blog_landing #BLOG_Ccontainer.redesign_index .mf_article h2 a:visited {font: 28px/28px "ProximaNovaAExCn-Bold", sans-serif; text-transform: capitalize; color: #333;} .blog_landing #BLOG_Ccontainer.redesign_index .mf_article a:hover h2{color: #14a5ed;} .blog_landing .article_meta{margin: 8px 0 8px 0; display: block;} .blog_landing .article_body{color: #333;} .blog_landing .entry_author, .blog_landing .entry_author a{color: #999; font: 16px/22px "ProximaNovaAExCn-Bold", sans-serif; text-transform: capitalize;} .blog_landing .entry_time, .blog_landing .entry_time a{ color: #999; font: 11px/22px Arial; text-transform: uppercase; font-weight: normal; margin-left: 7px; } .blog_landing .article_body .image{float: left; margin-right:20px;} .blog_landing #image_container{margin-bottom: 15px;} .blog_landing #image_container figcaption{padding: 9px; background-color: #ececec;} .blog_landing #image_container .credit{color: #999; font:12px/16px Arial, sans-serif; padding-bottom: 3px;} .blog_landing #image_container .credit a{font-weight: normal;} .blog_landing #BLOG_Ccontainer #ad_circ_620x200{float: inherit; margin: 15px 0;} .blog_landing .noimg .article_body{margin-bottom: 12px;} .mf_article.video h5 span.section, .mf_article.video h5 span.author, .mf_article.video .newsImage{display:none !important; /*required to override lazyImages*/} .blog_landing .mf_article.noimg .article_teaser{padding-bottom: 36px;} .blog_landing .mf_article.tall .article_teaser{height: 237px; overflow: hidden;} .no-js .article_body .contents{display: inherit !important;} #BLOG_politics.blog_landing .article_body p, #BLOG_politics.blog_landing .article_body ul, #BLOG_politics.blog_landing .article_body blockquote{font-size: 15.5px; line-height: 26px; font-family: Arial, sans-serif; color: #333; display: block;} #BLOG_politics.blog_landing .article_body blockquote{border-left: 4px solid #e3e3e3; margin-left: 8px; padding-left: 16px;} #BLOG_politics.blog_landing .article_body ul li:before{color: #ea552d; content: counter(none, square) " "; font-size:12.5px; margin-right: 5px; position: relative; top:-3px;} /****** END MAIN FEED ARTICLES ******/ /***** BLOG ENTRY LITE / REDESIGN ARTICLE 2 PAGINATION ******/ .CNTR_next_prev {float: left; width: 624px; display: block; padding: 7px 0; border: 1px solid #ccc; background: #fff; -moz-box-shadow: 0px 2px 2px 0px #ccc; -webkit-box-shadow: 0px 2px 2px 0px #ccc; box-shadow:0px 2px 2px 0px #ccc; margin-bottom: 32px;} .CNTR_next_prev span, .CNTR_next_prev span img {vertical-align: middle;} .CNTR_next_prev .prev_article_link, .CNTR_next_prev .next_article_link{float: left; width: 49.9%;} .CNTR_next_prev .prev_article_link{text-align: left;} .CNTR_next_prev .prev_article_link{border-right: 1px dotted #ccc; height: 100%;} .CNTR_next_prev .next_article_link{border-left: 1px dotted #ccc; text-align: right; margin-left: -1px;} .CNTR_next_prev .meta {font-size: 8px; font-weight:normal; text-transform: uppercase; color: #999; letter-spacing: .5px;} .CNTR_next_prev a:hover .meta{text-decoration: none;} .CNTR_next_prev a{color: #000; font-weight:bold; font-size: 14px; line-height: 1.4em; padding: 7px 20px; display: block;} .CNTR_next_prev a:hover{text-decoration: none; color: #14a5ed;} .CNTR_next_prev .wrapper{ } .CNTR_next_prev span{display: block;} /****** SIMPLE SHARE **********/ .blog_landing .mf_article .simple_share, .blog_landing .mf_article .simple_share.compact{ border-top: none; bottom: 0; padding-top: 0px; z-index: 20; } .blog_landing .mf_article.tall .simple_share.compact{ right: 0; width: 323px; margin: 0 0 20px; z-index: 20; position: absolute; } .simple_share { border-top: 1px solid #ccc; margin-top:12px; display: inline-block; width: 100%; padding-top: 12px; position: relative; } .simple_share a:hover{ text-decoration: none;} ul.share_buttons, ul.share_buttons.right{ padding: 0px; display: table; margin: 0px; } ul.share_buttons{float: left;} ul.share_buttons.right{float: right;} ul.share_buttons li, ul.share_buttons .comment_count > span{ float: left; width: 22px; height: 22px; margin-right: 5px; text-align: center; line-height: 28px; position: relative; background: url('/cm/esquire/site_images/redesign_2013/sprite.png') no-repeat; } ul.share_buttons li{ margin-right: 8px;} ul.share_buttons.right li, ul.share_buttons.right li.viral_button a, ul.share_buttons .comment_count > span{ width: 20px; } ul.share_buttons.right li.viral_button, ul.share_buttons .comment_count > span{ padding: 0 10px; margin: 0; } ul.share_buttons li.comments{ width: inherit; height: inherit; background: none; } ul.userTools .beside, ul.share_buttons .beside, .blog_landing ul.share_buttons .comment_count .arrow_box{ position: relative; min-width: 18px; height: 20px; padding: 0px 2px; background: #ffffff; border: 1px solid #d4d4d4; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height: 20px; float: left; text-align: center; margin-right: 6px; margin-top: 0px; color: #333; } ul.share_buttons .gPlusBalloon.beside{ display: none; } ul.userTools .beside:after, ul.share_buttons .beside:after, .blog_landing ul.share_buttons .comment_count .arrow_box:after{ content: ""; position: absolute; top: 6px; left: -3px; border-style: solid; border-width: 4px 4px 4px 0; border-color: transparent #ffffff; display: block; width: 0; z-index: 1; margin-top: inherit; } ul.userTools .beside:before, ul.share_buttons .beside:before, .blog_landing ul.share_buttons .comment_count .arrow_box:before{ content: ""; position: absolute; top: 6px; left: -4px; border-style: solid; border-width: 4px 4px 4px 0; border-color: transparent #d4d4d4; display: block; width: 0; z-index: 0; margin-top: inherit; } ul.share_buttons li.fbButton{background-color: #6177b2; background-position: -331px -17px;} ul.share_buttons li.twitterButton{ background-color: #33b5e9; background-position: -396px -18px; } ul.share_buttons li.gPlusButton{ background-color: #dd5734; background-position: -461px -17px; } ul.share_buttons li.pinButton{ background-color: #c83a4a; background-position: -521px -18px; } .viral_tools.bottom{ border-bottom: none; } #xs_soc_fblike{ width: 90px; height: 28px; line-height: 0px !important; } .share_buttons li .comment_count{ color: #000; } .share_buttons .viral_button a{ height: 28px; display: block; cursor: pointer; } .share_buttons li.viral_button{ background: url('/cm/esquire/site_images/redesign_2013/sprite.png') no-repeat; } .share_buttons .viral_button.emailButton{ background-position: -205px -57px; } .share_buttons .viral_button.printButton{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-position: -284px -60px; } ul.share_buttons li .comment_count > span{background-position: -360px -59px;} .arrow_box { position: relative; background: #ffffff; border: 1px solid #cccccc; height: 20px; padding: 0 5px; line-height: 20px; } .arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 4px; top: 50%; margin-top: -4px; } .arrow_box:before { border-color: rgba(204, 204, 204, 0); border-right-color: #cccccc; border-width: 5px; top: 50%; margin-top: -5px; } /******* END arrow-box SHARE *******/ /***** BEGIN LANDING FEED SHARES ******/ .mf_share_btn{border:3px solid #8e8e8e;color: #8e8e8e; background:#fff;font: 16px/1em 'ProximaNovaExCn-Bold', Arial, Helvetica, sans-serif;margin-bottom: 0px; text-transform:uppercase; display:inline-block; padding: 3px 3px 1px; z-index: 4; position: absolute; right: 0px; top: 0px; cursor: pointer; -webkit-font-smoothing: antialiased;} .mf_share_btn:hover{color:#14a5ed; border-color:#14a5ed;} .mf_article.wide .mf_share_btn{top: -50px; right:-15px;} .mf_article.video .mf_share_btn{top: 10px; right: 10px;} .mf_article.tips .mf_share_btn, .mf_article.tips .mf_share{display:none;} .mf_share{width:100%;height:100%; background: rgb(255,255,255); background:rgba(255,255,255,0.9); position: absolute; right:0px; top: 0px; z-index:0; opacity: 0; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; } .mf_share_close{ display:block; background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -970px 0px no-repeat; position: absolute; right: 0px; top: 0px; width:30px; height:30px; z-index:5; cursor:pointer; } .mf_share.active{ opacity: 1; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; z-index:3; } .mf_share .mf_social_btn{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transform: scale(0); -webkit-transform: scale(0); } .mf_share.active .mf_social_btn{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transform: scale(1); -webkit-transform: scale(1); } .mf_share_multi_btn{ text-align: center; top: 50%; margin-top: -40px; position: absolute; left: 50%; margin-left: -120px; } .mf_article.wide .mf_share_multi_btn{top: 40%;} .mf_social_btn{width:80px; height:80px; display: inline-block; margin-right:20px;font: 17px 'ProximaNovaExCn-Bold', sans-serif; color:#fff; text-align:center;letter-spacing:0.08em;} .mf_social_btn.last{margin-right:0px} .mf_social_btn .icon{ background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -15px -10px no-repeat; width: 30px; height:30px; display:block; margin: 10px auto 0px; } .mf_fbShare {background-color: #6177b2; } .mf_tweet{background-color: #33b5e9;} .mf_pin{background-color: #c83a4a; } .mf_gplus{background-color: #dd5734;} .mf_tweet .icon{ background-position: -95px -10px;} .mf_pin .icon{background-position: -173px -11px;} .mf_gplus .icon{background-position: -252px -10px;} .social_noun{font-size:12px; text-transform: uppercase;} /* Ads */ #main_content #mid_content .ad {border: 1px solid #d1d1d1; padding: 5px 2px 1px;} #main_content #mid_content .ad p {font-size: 9px; text-transform: uppercase; color: #777; text-align: center; margin-bottom: 5px;display:none;} #main_content #mid_content #ad_circ_300x200.ad {margin-top: 20px;} #main_content #mid_content #ad-circ300x250.ad {margin: auto; width: 300px;} #main_content #mid_content #ad_gallery {text-align: center;} #main_content #mid_content #ad_gallery > span {display:inline-block;} .circad_wrapper{margin-top: 15px;} #main_content #mid_content footer .ad {border: none;} #main_content #mid_content footer .ad p {font-size: inherit; text-transform: none; color: inherit; display: block;} /**** Editorial List ****/ #main_content #mid_content .list_title {font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 22px; margin-top: -4px;}/* Title Div sitting 4 px low ? */ #main_content #mid_content #lists .list {margin-top: 15px} #main_content #mid_content #lists .list:first-of-type {margin-top: 8px} #main_content #mid_content #lists .medium {margin-bottom: 5px;} #main_content #mid_content #lists .list_img {border: 1px solid #000;} #main_content #mid_content #lists p {font-weight: bold; line-height: 16px; margin-top:5px;} #main_content #mid_content #lists .credit span {color: #de1f26; padding-left: 5px; font-weight: bold;} #main_content #mid_content #lists .credit {font-style: italic;} /**** Tools ****/ #main_content #mid_content #tools {display:inline-block; width: 100%; margin-top: 50px; } #main_content #mid_content #tools #hed_wrapper {clear: both; height: 45px; overflow: hidden; margin-bottom: 10px; width: 342px;} #main_content #mid_content #tools #hed_wrapper.hed img {float: left;} #main_content #mid_content #tools .right {margin-top: 29px;} #main_content #mid_content #tools .right span {float: left; font: bold 12px Arial, sans-serif; text-transform: uppercase; line-height: 20px;} #main_content #mid_content #tools .right .icon {margin: 0 4px;} #main_content #mid_content #tools #tool_wrapper {position: relative;} #main_content #mid_content #tools #tool_img {position: absolute; top: 0px; left: 0px; *padding-top: 10px;} #main_content #mid_content #tools .tool_name {padding: 0 2px 2px 25px; width: 171px; font-weight: bold; background: url(/cm/esquire/site_images/redesign/icon-arrow.gif) no-repeat 3px 4px; float: left; float: right; line-height: 23px;} #main_content #mid_content #tools .tool_name:hover, #main_content #mid_content #tools .tool_name.active {text-decoration: none; cursor: pointer; background: #d6d6d6 url(/cm/esquire/site_images/redesign/icon-arrow-black-l.gif) no-repeat 3px 4px;} /**** Blogs ****/ .blogs-row {display:inline-block; margin-bottom:20px;} #main_content #mid_content #blogs_content {border-top: 1px dotted #000; clear: both; display:inline-block; margin: 25px 0 20px; width: 100%; padding-top: 30px;} #main_content #mid_content #blogs_content .blog_wrapper {float: left; width: 313px; margin-right: 25px; font-weight: bold;} #main_content #mid_content #blogs_content .blog_wrapper img {margin-bottom: 3px;padding-bottom: 3px;} #main_content #mid_content #blogs_content .blog_wrapper.last {margin-right: 0px;} #main_content #mid_content #blogs_content .blog {border-bottom: 1px solid #ccc; margin: 7px 0; padding-bottom: 10px;} #main_content #mid_content #blogs_content .blog.last {border-bottom: none;} #main_content #mid_content #blogs_content .see_all {float: right; background: url(/cm/esquire/site_images/redesign/icon-arrow.gif) no-repeat; padding-left: 25px;} /**** Best of ESQ ****/ #main_content #mid_content #best_of_esq {clear: both; margin: 0 0 20px;} #main_content #mid_content #best_of_esq #best_content {display: inline-block; background: #ededed; border: 1px solid #a9a9a9; border-top: 0px; box-sizing:border-box; margin: 0 0 0 1.5%; width: 98.5%; padding: 0 0 15px 1.5%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #main_content #mid_content #best_of_esq #best_content .item {float: left; padding: 0 5px 0 0; margin-left: 0px; font-weight: bold; color: #de0205;} #main_content #mid_content #best_of_esq #best_content .item em {padding-left: 5px;} #main_content #mid_content #best_of_esq #best_content .row_two {clear:left; display:inline-block; margin-top: 5px;} /**** Bottom Promos ****/ #main_content #mid_content #bottom_promos {clear: both;} #main_content #mid_content #bottom_promos .bottom_row {float: left; width: 30%; margin: 15px 25px 10px 0px;} #main_content #mid_content #bottom_promos .bottom_row.last {margin-right: 0px; padding: 0px;} #main_content #mid_content #bottom_promos #middle_promos {border-right: 1px solid #000; border-left: 1px solid #000; padding: 0 20px; mrgin-right: 15px;} #main_content #mid_content #bottom_promos .promo {border-bottom: 1px solid #000; padding-bottom: 20px;} #main_content #mid_content #bottom_promos .promo.last {border-bottom: none; margin-top: 20px;} #main_content #mid_content #bottom_promos .promo .first_img {float: left; border: 1px solid #000;} #main_content #mid_content #bottom_promos .promo .lazy_thumb_1 {margin: 4px 10px 10px 0;} #main_content #mid_content #bottom_promos .first_story {margin-top: 10px; line-height: 15px;} #main_content #mid_content #bottom_promos .first_story .title {font-weight: bold; margin-bottom: 3px;} #main_content #mid_content #bottom_promos .promo_title {font-weight: bold; background: url(/cm/esquire/site_images/redesign/icon-arrow.gif) no-repeat 0 2px; padding-left: 25px; margin: 5px 0; line-height: 17px;} #main_content #mid_content #bottom_promos .stacked_content {position: relative;} #main_content #mid_content #bottom_promos .promo_left {width: 130px; z-index:999;min-height:300px;} #main_content #mid_content #bottom_promos .promo_left .promo_hed{float:left;with:130px;} #main_content #mid_content #bottom_promos .promo_left .stories{float:left;with:130px;} #main_content #mid_content #bottom_promos .promo_left p {margin: 10px 0; font-weight: bold; line-height: 15px;} #main_content #mid_content #bottom_promos .img_right {float: right; width: 220px; height: 300px;margin-top:-300px;} #main_content #mid_content #bottom_promos .promo_left a { text-shadow: 0 0 5px white; } #main_content #mid_content #bottom_promos .img_right a img {position: relative; z-index: -10} #main_content #mid_content #bottom_promos .top_story {clear: both; background: #000; padding: 15px; color: #fff; *padding-top: 10px; min-height: 250px;} #main_content #mid_content #bottom_promos .top_title {font: bold 25px Arial, Helvetica, sans-serif;} #main_content #mid_content #bottom_promos .top_story p {font-weight: bold; background: url(/cm/esquire/site_images/redesign/icon-arrow.gif) no-repeat 0 1px; padding: 0 0 10px 25px; line-height: 15px; margin-top: 5px;} #main_content #mid_content #bottom_promos .top_story a {color: #fff;} /* Newsletter Ad */ #ad_newsletter {margin-top: -10px; float: right;} #ad_newsletter #checkbox {float: left; margin: 5px 10px 0 0;} #ad_newsletter #rt_content {float: left; width: 268px;} #ad_newsletter #rt_content p {margin: 5px 0 10px; line-height: 16px;} .redesign_homepage #ad_newsletter #rt_content p {margin: 0 0 10px;} #ad_newsletter #rt_content b {text-transform: uppercase;} #ad_newsletter #rt_content #submit_wrapper {border: 1px solid #000; padding: 2px; height: 26px;} #ad_newsletter #rt_content .input {float: left; width: 173px; height: 20px; border: 0px; margin: 1px 10px 0 0; padding: 3px 0 0 5px; font: bold 12px Verdana, sans-serif; color: #8b8b8b;} /*footer*/ #ad_banner {clear:both;} #ad_banner div{margin: 0 auto;} .ad {text-align: center;} /* for footer ads, but also other ads; noticed the banner is not centered, and should be */ footer {clear:both; margin: 0 auto; max-width: 1024px; text-align:left;} /*text-align:left; is to combat the center property in channel.css and global.css that was applied to the body, for some reason */ footer section, footer #copyright {position:relative; width:100%;} footer section:after, footer h3:after {display: none;} footer dl {float: left; margin: 0 2% 30px 0; width: 15%;} footer dl:last-of-type {margin-right: 0;} footer dl dt {font: 20px/21px 'ProximaNovaExCn-Bold', sans-serif; margin-bottom: 10px; text-transform: uppercase;} footer dl dd {font: 16px/17px 'ProximaNovaExCn-Bold', sans-serif; margin: 0; padding-bottom: 7px;} footer dl dd.more {margin-top: 15px;} footer dl dd.more a.more {display: block;} footer a {color:#000;} footer a.more {color: #14a5ed; font: 14px/17px 'ProximaNova-ExtrabldIt', sans-serif; letter-spacing: 1px; text-decoration:none; text-transform: uppercase;} footer #more-from h3 {background: transparent; border-bottom: 1px solid black; font: 31px/36px 'ProximaNova-ExtrabldIt', sans-serif; margin: 0 0 30px; padding: 0; text-transform: capitalize;} footer #more-from h3 .a-whole-lot, footer #more-from h3 .site-logo {display: inline-block;} footer #more-from h3 .from-esquire {display: none;} footer #more-from h3 .site-logo {margin-bottom: -35px; width: 28%; height:93px; background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -12px -52px no-repeat; background-size: 580px;} .ie8 footer #more-from h3 .site-logo{ background: url(/cm/esquire/site_images/redesign_2013/logo.png) no-repeat;} footer #more-from h3 .site-logo > img {max-width:100%; vertical-align:middle;} footer #more-from dl dt {color: #f04f10;} footer #more-from > div {display: inline-block; width: 100%;} footer #even-more{margin-top:120px;} /* FOOTER SEARCH */ #footer_search{margin:40px 0px} #footer_search #search_bottom {background:none; width: 470px; height:50px; margin: 0 auto; position:relative;} #footer_search #try_links{text-align:center;} #footer_search #try_links > div {display:inline;} #footer_search #try_links > div a {margin:0 0 0 7px; font:17px/14px 'ProximaNovaExCn-Bold',sans-serif; color:#000;} #try_links span.separator{font:17px/14px 'ProximaNovaExCn-Bold',sans-serif; color:#14a5ed; margin-left:2px;} #footer_search #try_links > div a:first-child:before{content:""; margin-right:0;} #footer_search #try_links > div a:first-child {border-left:0; padding:0;} #footer_search #gen_search {margin:0; padding:0; border:#efefef 1px solid; height:28px; width:465px; padding:0 0 2px 4px; -webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;font: 18px 'ProximaNovaExCn-Bold', Arial, Helvetica,sans-serif;color: ##999999;} #footer_search #search_button, #moduleBtnSearch{display:block; position:absolute; background:url('/cm/esquire/site_images/redesign_2013/sprite.png') 0px -253px; width:33px; height:28px;} #footer_search #search_button{text-indent:-500px; overflow:hidden; top:2px; right:2px;} #try_links span {color:#14a5ed; font:17px/14px 'ProximaNovaExCn-Bold', sans-serif; margin-right:-4px; text-transform:uppercase;} #footer_search #top_links a:first-child {font-weight:bold;} /*footer ads*/ footer #more-from #ads-bottom {display: block; min-height: 280px; position: relative;} footer #more-from #ads-bottom .ad:first-of-type, footer #more-from #ads-bottom .ad:last-of-type {left: 0; position: absolute; top: 0; width: 300px; } footer #more-from #ads-bottom .ad:last-of-type {left: auto; right: 0; height: 250px; overflow: hidden;} footer #more-from #ads-bottom #ad-newsletter.ad #hed_newsletter {background: url('/cm/esquire/responsive/site_images/newsletter-hed.png') center no-repeat; height: 62px; margin-bottom: 45px; position: relative; width: 100%;} footer #more-from #ads-bottom #ad-newsletter.ad #hed_newsletter img {display: none;} footer #more-from #ads-bottom #ad-newsletter.ad #hed_newsletter:after {content: 'FREE NEWSLETTER'; font: 40px 'ProximaNovaExCn-Bold', sans-serif; display: block; left: 0; position: absolute; top: 60px; text-align: center; width: 100%;} footer #more-from #ads-bottom #ad-newsletter.ad #rt_content {font: 15px/21px Arial, Helvetica, sans-serif; margin: 0 auto; text-align: left; width: 80%;} footer #more-from #ads-bottom #ad-newsletter.ad form input[type="checkbox"] {left: 2.5%; position: absolute; top: 108px;} footer #more-from #ads-bottom #ad-newsletter.ad form #submit_wrapper {border:0; bottom: -10px; left: 2.5%; margin-bottom: 1.5em; padding: 0; position: absolute; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); text-align: left; width: 95%;} footer #more-from #ads-bottom #ad-newsletter.ad form #submit_wrapper input:first-of-type {border: 0 none; color: #999; font: 18px/24px 'ProximaNovaExCn-Bold', sans-serif; letter-spacing: 1px; margin: 0; padding: 5px 4px 4px 10px; width: 200px; text-transform: capitalize;} footer #more-from #ads-bottom #ad-newsletter.ad form #submit_wrapper input:last-of-type {background: transparent; border: 0 none; color: #14a5ed; font: 14px/17px 'ProximaNova-ExtrabldIt', sans-serif; padding:4px; position: absolute; right: 10px; text-transform:uppercase; top: 5px;} footer #even-more h3 {border-bottom: 1px solid #999; font: 18px/18px 'ProximaNovaExCn-Bold', sans-serif; margin: 0 0 15px; padding: 5px 2.5%; position: relative; text-align: center; text-transform: uppercase; z-index:1;} footer #even-more h3 .show {border: 1px solid #999; border-bottom: 1px solid #FFF; bottom: -6px; display: block; margin: 0 auto; padding-top: 5px; position: relative; text-transform: uppercase; width: 25%; z-index:2;cursor:pointer;} footer #even-more h3 .show:hover{color:#14a5ed;} footer #even-more h3 .even-more {display: none;} footer #even-more h3 .show:before, footer h3 .show:after {background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -756px -429px no-repeat; content: ''; display: block; height: 16px; position: absolute; top: 6px; width: 16px;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} footer #even-more h3 .show:before {left: 10px;} footer #even-more h3 .show:after {right: 10px;} footer #even-more h3 .show span:after {content: ' More';} footer #even-more h3.expanded .show span:after {content: ' Less';} footer #even-more h3.expanded .show:before, footer #even-more h3.expanded .show:after {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;} footer #even-more > div {display:none;} footer #even-more h3.expanded + div {display: inline-block!important; width: 100%;} footer #even-more > div dl {position: relative;} footer #even-more > div dl:before {border-left: 1px dashed #CCC; content: ''; display: block; min-height: 206px; left: -10px; position: absolute; width: 1px;} footer #even-more > div dl:first-of-type:before {display: none;} footer #copyright {margin-bottom:20px; text-align:center;} footer #copyright #network_img{display:block; width: 230px; height: 36px; background: url(/cm/esquire/site_images/redesign_2013/sprite.png) -320px -420px no-repeat; margin:45px auto 10px;} footer #copyright #mobile-footer {list-style: none; display: inline-block; margin-bottom: 10px;} footer #copyright #mobile-footer li {border: 0 none; float: left; padding: 5px 10px; position: relative;} footer #copyright #mobile-footer li a {color: #666; text-transform: capitalize;} footer #copyright #mobile-footer li, footer #copyright #mobile-footer li a {font: normal 11px Arial, Helvetica, sans-serif;} footer #copyright #mobile-footer li:after {content: '/'; display: block; position: absolute; right: -2px; top: 22%;} footer #copyright #mobile-footer li:last-of-type:after {display: none;} /* Windowshade */ span#ams_esq_windowshade {font-size:0px; line-height:1px;} span.sponsored {color:#006594; text-transform:uppercase; font:bold 12px/18px Verdana, Times, serif;display: block;} /***** DEVELOPING STORY COMPONENTS ********/ /* Indicator */ #ds_indicator{display:block; width: 100%; background:#f8f8f8; margin:20px 0px; clear:both;} .video_ivp #ds_indicator{width:620px;} #ds_indicator:after{ content: "."; clear:both; display:block; font-size:0px; line-height:0px; } .indicator{ float:left; display:block; padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; text-align:center; font-size: 13px; text-decoration: none; font-family: "ProximaNovaExCn-Bold", Arial, sans-serif; text-transform: none; color: #333; cursor:pointer; } #ds_indicator a{text-decoration:none; color: #6c6c6c;} #ds_indicator a:hover{text-decoration:none; color: #6c6c6c6;} .indicator_title{padding:5px; font: bold 14px/17px Arial, Helvetica, sans-serif;} .ds_box{ color:#fff; font: 22px/17px 'ProximaNovaExCn-Bold',sans-serif; text-align:center; padding: 6px 4px 2px; margin: 0 auto 5px; display: inline-block;text-transform: uppercase; letter-spacing: 1px; } /* Listbox */ #listbox{ clear: both;margin: 0 auto;padding-left: 3px; border-left: 5px solid #cacaca;margin: 40px auto; width:75%; display:none; } #listbox a{text-decoration:none; color:#000;} #listbox a:hover{color:#000;} #listbox_label{ background: #5eb4e6;color: #fff; font: 19px "ProximaNovaExCn-Bold", Arial, sans-serif; position:relative; padding: 8px 13px 5px; display:inline-block;text-transform: uppercase; letter-spacing:1px; } .ds_header{ display: block; clear: both;float: left;width: 100%;background: #f8f8f8; color: #000;margin: 0px 0px 5px;font: 19px/1em "ProximaNovaExCn-Bold", Arial, sans-serif; text-transform: uppercase;cursor: pointer; position:relative; } .ds_header .ds_header_title{padding: 10px 5px 0px; display:block;} .item1 .ds_box{background: #5eb4e6; } .item2 .ds_box{background: #ffa21d; } .item3 .ds_box{background: #5fdd74;} .ds_header .ds_box{float:left; margin: 5px 10px 5px 5px;} .ds_listbox_item{float: left;width: 100%;display:none;} #box1.ds_listbox_item{display:block;} .ds_header:after{ content: ''; display:block; position: absolute; right: 10px; top: 17px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: none; border-top: 5px solid #999; } .ds_header.open:after{ content: ''; display:block; position: absolute; right: 10px; top: 17px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: none; border-bottom: 5px solid #999; } a.ds_item{display:block;clear:both;float:left;border-bottom: 1px solid #ccc;width:100%; padding: 10px 0px 0px; text-align:left;} a.ds_item:after{ content: '.'; font-size: 0px; line-height: 0px; display:block; clear:both; } #box1 a.ds_item.active, #box1 a.ds_item.active .ds_label, #box1 a.ds_item.active .ds_index {color: #5eb4e6;} #box2 a.ds_item.active, #box2 a.ds_item.active .ds_label, #box2 a.ds_item.active .ds_index {color: #ffa21d;} #box3 a.ds_item.active, #box3 a.ds_item.active .ds_label, #box3 a.ds_item.active .ds_index {color: #5fdd74;} .ds_update{ width: 50px;height:50px;display:block;float:left;text-align:center;margin-right: 10px;} .ds_label{ font: 12px "ProximaNovaExCn-Bold", Arial, sans-serif;text-transform: uppercase; } .ds_index{ font: 32px "ProximaNovaExCn-Bold", Arial, sans-serif; color: #000;} .ds_title{ float:left; display:block; text-decoration:none;font: normal 16px/24px Arial, Helvetica, sans-serif; width:85%;} /* RIGHT RAIL */ #ds_RR_module{border-bottom:1px solid #000; padding-bottom:10px; float: left; margin-bottom:20px; width:100%;} #ds_RR_module a.ds_item{color:#333;} #ds_RR_module a.ds_item:hover .ds_title{text-decoration: underline;} #ds_RR_label{text-align: center;display: block;clear: both;} #ds_RR_label span{background: #000;color: #fff;padding: 6px 10px 3px;font: 16px "ProximaNovaExCn-Bold", Arial, sans-serif;text-transform: uppercase; display:inline-block;letter-spacing: 1px;} #ds_RR_updates{border-top: 1px solid #000; padding-top:5px;} #ds_RR_sponsor{text-align:center; margin-top:20px; clear:both: display:block;} #ds_RR_sponsor .ds_sponsor_label{font: 12px "ProximaNovaExCn-Bold", Arial, sans-serif; display:block; text-transform: uppercase;} #ds_RR_updates a.ds_item{display:block; padding:0px;} #ds_RR_updates a.ds_item.odd{background:#f4f4f4;} #ds_RR_updates{float:left; width:100%; margin-bottom:20px;} #ds_RR_updates div.ds_title{padding: 10px 20px} #ds_RR_updates .ds_title{ float:left; display:block; text-decoration:none;font:bold 15px/17px Arial, Helvetica, sans-serif; width:85%;} #ds_RR_ad{text-align:center; margin-top: 20px;} [role="ds_RR_loadmore"]{display:none; width: 140px;margin: 0 auto;background: #ea552d;clear: both;padding: 8px 10px 6px;color: #fff; text-align: center; cursor:pointer;font: 20px/22px "ProximaNovaExCn-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase;letter-spacing: 1px; border:none;} .sponsored.rightRail{border:none;} .mass_relevance .sourceLogo{text-align:center;} .mass_relevance .sourceLogo span.sourceLabel{color: #333 !important; padding: 0px; font: 12px "ProximaNovaExCn-Bold", Arial, sans-serif; text-transform: uppercase;} .mass_relevance #more-from{display:none;} /* Women We Love Carousel */ #WWLCarousel ul{ display:inline-block; margin: 0 22px 0 32px; position:relative; width:100%; } #WWLCarousel ul li{ float: left; margin-right: 10px; max-width: 185px; } #mid_content .contentLeft #WWLCarousel{ border-width: 0 0 10px; margin-bottom: 10px; } #WWLCarousel h2{ position: relative; background-color: #000; color: #fff; height: 35px; font:22px/38px 'ProximaNova-ExtrabldIt', Arial, Helvetica, sans-serif; letter-spacing:0.1em; text-transform: uppercase; text-align: center; margin-bottom: 15px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } #WWLCarousel h2:before{ content: ''; position: absolute; left: -1px; top: 0px; border-bottom: 36px solid #fff; border-right: 30px solid transparent; height: 0; width: 0; z-index: 2; display: block; } #WWLCarousel h2:after{ content: ''; position: absolute; right: -1px; top: 0px; border-bottom: 36px solid #fff; border-left: 30px solid transparent; height: 0; width: 0; z-index: 2; display: block; } .no-js #WWLCarousel .button_prev, .no-js #WWLCarousel .button_next{ display:none; } #WWLCarousel .button_prev, #WWLCarousel .button_next{ position: absolute; top: 50%; margin-top: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; cursor:pointer; } #WWLCarousel .button_prev{ width: 0; height: 0; border-right:16px solid #e95432; left: -26px; } #WWLCarousel .button_next{ width: 0; height: 0; border-left:16px solid #e95432; right: -16px; } #WWLCarousel h3{ font: 21px/21px 'ProximaNovaExCn-Bold',sans-serif; text-align:center; margin-top: 13px; } #WWLCarousel img{width:185px; height:185px;} #WWLCarousel a:hover{color:#14a5ed; text-decoration:none;} .jcarousel-container { } .jcarousel-direction-rtl { direction: rtl; } .jcarousel-container-horizontal { margin: 0 auto; width: 575px; } .jcarousel-clip { overflow: hidden; } .jcarousel-clip-horizontal { width: 575px; height: auto; } .jcarousel-item { width: 185px; } .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-prev-horizontal, .jcarousel-next-horizontal{ position: absolute; top: 105px; margin-top: -15px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; cursor:pointer; } .jcarousel-prev-horizontal{ width: 0; height: 0; border-right:16px solid #e95432; left: -26px; } .jcarousel-next-horizontal{ width: 0; height: 0; border-left:16px solid #e95432; right: -25px; } /* LAZY LOADING */ .lazyImage.no-placeholder, .lazyImage.loaded { background:#fff } .lazyImage img { opacity:0; display:block; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .no-js .lazyImage img{opacity: 1;} .lazyImage.loaded img { opacity:1; } /* CHANNEL REDESIGN */ ._channel a{color: #000;} .-channel a:hover{color: #14a5ed; text-decoration: none;} /* FB COMMENTS */ .fb_iframe_widget.fb_iframe_widget_fluid{ display:block !important; width: 624px !important; } @media only screen and (min-device-width: 600px){ #site_container, #MASTER_Scontainer{ padding: 0px 15px; } #BLOG_Ccontainer{ width:615px; padding-left:10px; } } /* authorship */ ._authorship .contentLeft * {text-align:left} #authorship-lede .authorship-bio ul, .float-list {display:inline-block; list-style:none; margin:0; width:100%} .float-list > li {float:left} .float-list > li > a {display:block} .float-list > li img {max-width:100%; width:100%} #mid_content #authorship-lede {border:0 none; border-bottom:1px solid #ccc; display:inline-block; margin-bottom: 15px; padding-bottom:20px; width:100%} #authorship-lede > a {display:block; float:left; width:40%} #authorship-lede > a img {width:100%} #authorship-lede .authorship-bio {float:right; font:15.5px/26px Arial, Helvetica, sans-serif; margin-left:4%; width:56%} #authorship-lede .authorship-bio h1 {padding-top:8px} #authorship-lede .authorship-bio h1, ._authorship #mid_content h3, .archiveButton {font: 32px/30px ProximaNovaExCn-SBold,Arial,sans-serif} #authorship-lede .author-contact a {font-weight:bold} #authorship-lede .authorship-bio .follow, .authorship-bio .author-contact {margin:20px 0;} .authorship-bio .follow li {line-height:30px; margin-bottom:10px; padding-left:40px; position:relative;} .authorship-bio .follow li:last-of-type {margin-bottom:0;} .authorship-bio .follow li a {font-weight:bold;} .authorship-bio .follow li a:before {background: url('/cm/esquire/site_images/redesign_2013/sprite.png') no-repeat 0 0; content:''; display:block; height:30px; left:0; position:absolute; top:0; width:30px} .authorship-bio .follow li.facebook-btn a:before {background-color: #6177b2; background-position:-327px -13px} .authorship-bio .follow li.pinterest-btn a:before {background-color: #c83a4a; background-position:-518px -15px} .authorship-bio .follow li.twitter-btn a:before {background-color: #33b5e9; background-position: -392px -15px;} .authorship-bio .follow li.googleplus-btn a:before {background-color: #dd5734; background-position: -457px -13px;} .authorship-bio .follow li.instagram-btn a:before {background-color: #000; background-position: -797px -14px;} ._authorship #mid_content h3 {font-size: 25px; margin-bottom:15px; text-transform:uppercase} #article-promos, #authors {padding-bottom:15px} .article-promo {font-family:Arial, Helvetica, sans-serif; margin:0 5% 30px 0; width:30%} .article-promo > a {display:block} .article-promo h4 {font-size:14px; font-weight:normal; line-height:19px} .article-promo h4 a {color:#000} .article-promo > div {margin-top:10px;} .article-promo > div p {display:none} .article-promo:nth-of-type(3n) {margin-right:0} .article-promo:nth-of-type(3n+1) {clear:left} .article-promo date {font-size:10px;} .article-promo date a {color:#bf0103} ._authorship #mid_content .archiveButton {clear:left; color:#000; display:block; font-size:22px; line-height:35px; margin:20px 0; padding-right:40px; position:relative; text-align:right; text-transform:uppercase} .archiveButton:before, .archiveButton:after {display:block; position:absolute} .archiveButton:before {border: 2px solid; border-color:transparent #31b0ef #31b0ef transparent; content:''; display:block; height:5px; right:14px; top:12px; width:5px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);} .archiveButton:after {border:3px solid #a7d7ef; border-radius:50%; content:''; display:block; height:27px; right:0; top:0; width:27px} #more-authors {border-top:5px solid #ededed; margin-top:60px; padding-top:20px} #authors {border-bottom:5px solid #ededed;} .article-promo.more-authors {margin:0 2% 30px 0; width:23.5%} .article-promo.more-authors:nth-of-type(3n+1) {clear:none} .article-promo.more-authors:nth-of-type(4n) {margin-right:0}