/*--------------- article.css -------------*/ /***** generic styles *****/ body{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; margin:0px; padding:0px;} .clear{font-height:1px; font-size:1px; clear:both;} a img{border:none;} img{vertical-align:bottom;} img.top{vertical-align:top;} a{color:#bf0103; text-decoration:none;} a:hover{text-decoration:underline;} #container{width:1000px; margin:0px auto; background:url(/cm/esquire/imagesv01/homepage/bg_container.gif) repeat-y;} /**************************/ /***** header styles *****/ #hp_top_left{width:1000px; float:left; text-align:left; position:relative;} #header{height:144px; position:relative; background:#fff; width:835px;} #header table{background:#000; height:34px; position:absolute; bottom:0px; left:0px;} #header img.sixth_channel_btn{position:absolute;right:0px; bottom:0px;} img.logo{position:absolute; left:173px; bottom:34px; z-index:1000;} #esquire_rule{position:absolute; top:0px; right:0px; z-index:1;} #search{background:url(/cm/esquire/imagesv01/homepage/bg_search_header.gif) no-repeat; width:215px; height:38px; position:absolute; top:55px; right:45px; z-index:2000;} #search input.search_box{width:148px; float:left; display:inline; margin:9px 0 0 16px;} #search input.search_btn{float:right; display:inline; margin:13px 5px 0 0;} #mag_cover{width:113px; position:absolute; left:18px; z-index:4000;} /*************************/ /***** leftnav styles *****/ #left_nav{width:163px; float:left; text-align:left; color:#fff;} #left_nav ul{margin:50px 0 10px 10px; padding:0px; list-style-type:none;} #left_nav ul li{margin-bottom:2px;} #left_nav ul li a{color:#fff; text-decoration:none;} #left_nav ul li a:hover{text-decoration:underline;} /**************************/ /***** page styles *****/ #archive_results {clear:both;} table.channel_banner_container{background:#fff; width:835px; height:103px; overflow:hidden;} #article_container{width:672px; height:113px; float:left; text-align:left; overflow:hidden;} .article_nav{height:21px; background:#252525; overflow:hidden; color:#fff; font-size:10px; text-transform:uppercase;} .article_nav a{color:#fff;} #clickables{width:181px; height:93px; float:right; background:#666; position:relative; font-size:12px; text-transform:lowercase; overflow:hidden;} #clickables img{position:absolute; top:-7px; left:0px;} #clickables ul{margin:9px 0 0 30px; padding:0px; list-style-type:none;} #clickables ul li{background:url(/cm/esquire/imagesv01/channels/blt_clickable_blue.gif) no-repeat; padding-left:12px;} #clickables ul li a{color:#fff;} #the_side_in{width:165px; height:360px; background:#b3b3b3; text-align:right; position:absolute; top:0px; right:0px;} #articledetail_middle{width:837px; float:right; background:url(/cm/esquire/imagesv01/drinks/bg_drinks.gif) repeat-y;} #new_articledetail_middle{width:1000px; float:right;} /*#drink_info{width:501px; position:relative; float:left; margin-top:-92px; background:url(/cm/esquire/imagesv01/drinkdb/bg_drinkinfobottom.gif) repeat-y;}*/ #article_info{width:501px; *width:491px; position:relative; float:left; margin-top:-92px;} #new_article_info{width:650px; *width:491px; position:relative; float:left;} #new_article_info_container .viral_tools.bottom.new_open_article {float:left; margin: 10px 25px 20px 0;} #article_header{margin:10px 20px 0 10px;} #article_header p{margin:0px; padding:0px;} #article_header p.date{font-size:10px; color:#545454;} #article_header p.teaser{font-size:13px; margin-bottom:10px;} #article_header p.by{font-size:14px; font-weight:bold;} #article_header p.more_author{font-size:9px; color:#bf0103; margin-top:2px;} #article_header h1{margin:10px 0 10px 0; padding:0px; font-size:18px;} #article_content{margin:0px 20px 0 10px;} #article_content p{margin:0 0 15px 0; padding:0px; font-size:12px; line-height:135%;} #article_content h1{margin:15px 0; padding:0px; font-size:20px;} #image_container{float:left; margin:0 10px 10px 0;} #image_container h2{font-size:14px; font-weight:bold; margin:0 0 5px 0;} #img_credit{float:right; font-size:9px; color:#545454;} #img_credit p{margin:0px; padding:0px; font-size:9px; text-align:right;} #img_caption {float:left; width:100%;} #img_caption p{text-align:left; margin:5px 0 0 0; padding:0px; font-size:9px; color:#545454; font-weight:bold;} #article_nav{height:17px; background:#000; font-size:10px;} #article_nav a{color:#fff;} #article_info_container{min-height:559px;} #new_article_info_container{width:650px; min-height:559px;} * html #article_info_container{height:569px;} #article_rightcolumn{width:336px; float:right; overflow:hidden;} #channel_ads{width:336px; float:right;} #channel_ads table{width:336px; background:#b3b3b3 url(/cm/esquire/imagesv01/homepage/hdr_ad.gif) no-repeat; padding-bottom:10px;} #channel_ads table#ad_match {background-image: none;} #directory{margin:10px 0 0 1px;} #directory table td{width:50%; padding-bottom:0px; vertical-align:top; text-align:center; position:relative;} #directory table td img{border:1px solid #000; margin-top:25px;} #directory table td h2{margin:0px; padding:0px; font-size:12px; text-align:left; width:130px; margin:8px 0 0 16px;} #directory table td h2 a{color:#000; text-decoration:none;} #directory table td h2 a:hover{text-decoration:underline;} #directory table td p.byline{margin:8px 0 0 16px; width:130px; text-align:left; padding:0px; font-size:11px; font-weight:bold; color:#4c4c4c;} #directory table td p{margin:8px 0 0 16px; width:130px; text-align:left;} #directory table td p.dt{color:#d14c4d;} #articlebottom_container{width:836px; float:right; text-align:center;} #subscription_form{padding-top:25px; display:inline; float: left;} .open #subscription_form{padding-top:25px; margin-left: 180px; display:inline; float: left;} #dhtmltooltip{position:absolute; width:150px; color:#fff; border:2px solid #2F85C1; padding:2px; background-color:#6EAAD4; visibility:hidden; z-index:100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} table.pager{float:right;} table.pager td.btn{width:70px; text-align:center;} table.pager td{font-size:12px; color:#999; vertical-align:top;} table.pager td span{color:#000; font-weight:bold;} table.pager td a{color:#2f85c1; text-decoration:underline; font-weight:bold;} table.pager td a:hover{text-decoration:none;} div.pager{height:20px; background:url(/cm/esquire/imagesv01/drinks/bg_pager.gif) no-repeat; margin-top:10px; text-align:right; padding:3px 20px 0 0;} div.pager a{color:#fff;} #pagination { width: 465px; color: #2585c1; font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-top: 16px; clear: both; text-align: right;} #pagination a.pagenumbers, #pagination a.pagenumbers:link, #pagination a.pagenumbers:visited { color: #2585c1; padding: 3px 6px; text-decoration:none; font-weight:bold;} #pagination a.pagenumbers:hover { color: #2585c1; padding: 3px 6px; text-decoration:none;} #pagination a.next_img { color: #2585c1; margin-left: 8px; text-decoration:none; font-weight:bold;} #pagination a.previous_img { color: #2585c1; margin-right: 8px; text-decoration:none; font-weight:bold;} #pagination a.next:hover, #pagination a.previous:hover { color:#2585c1; text-decoration:underline; } #pagination span.current { color: #000; padding: 0 6px; font-weight: bold; } #pagination span.divider { color: #999; font-weight: normal; } /***** sponsored links article pages *****/ #sponsoredlinks_cntr { background: #ccc; margin: 20px 0 20px 1px; padding: 4px;} #sponsoredlinks_cntr .inner { background: #e6e6e6; padding:10px;} #sponsoredlinks_cntr .title {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #444; padding-bottom: 4px;} /* #sponsoredlinks_cntr ul {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #444; margin: 0; padding: 10px 0 20px 23px;} #sponsoredlinks_cntr li { margin: 0; padding: 4px 0 4px 0px;} #sponsoredlinks_cntr .sl {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #444;} */ /***********************/ /***** viral styles *****/ .viral_container{text-align:center; padding:20px 0; width:491px; position:relative;} .viral_container table{margin:0px auto;} .viral_dd{top:44px; right:10px; position:absolute; display:none; width:128px;} /************************/ /***** comment fb *****/ .blog_comment_container h3{display:none;} .blog_comment_container a{display:block; margin-bottom:8px;} .blog_comment_container a:hover{cursor:default; text-decoration:none;} .blog_comment_container a[name=comments]:after{content: "Join The Conversation"; width: 300px; font: 24px/22px "ProximaNovaExCn-Bold", sans-serif; color:#262626; padding-bottom: 4px; text-transform: uppercase;} /************************/ /***** footer styles *****/ #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; line-height:15px;} #footer_content{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;} /*************************/ /*--------- blogRedesign.css ----------*/ /* style for blog redesign */ body > #MASTER_Scontainer{width:1005px;} #MASTER_Scontainer #MAIN_Ccontainer{width:649px;} #MAIN_Ccontainer .article_nav{margin:9px 21px 1px 0;} #MAIN_Ccontainer .article_nav a, #MAIN_Ccontainer .article_nav span, #MAIN_Ccontainer .article_nav{font:12.5px/14px Arial, sans-serif; color:#666; text-transform: capitalize; font-weight: bold;} #MAIN_Ccontainer .article_nav span{color:#9d9d9d; margin-left: 3px;} #MAIN_Ccontainer .article_nav span:after{content:""; margin-left: -3px; margin-right: 3px;} .viral_button.left.commentButton{margin-right:10px;*width:65px;} .viral_button.commentButton .btnComment{float:left;background-position: -171px 0;color: transparent;margin-right:4px;} #xs_soc_fblike{border:none; overflow:hidden; width:90px; height:21px; float: left;} #xs_soc_tweetb{width:100px; height:21px; float:left;} /* right rail */ .blogModule#blogInfo{ border-top: 1px solid #999;} .blogModule#blogInfo .innerWrapper{ padding-top:0px;} .blogModule, #blogSearch {display:inline-block; margin-bottom:25px; width:100%;} .blogModule h3{font:24px/22px "ProximaNovaExCn-Bold", sans-serif; color:#262626; padding: 15px 0; text-transform: uppercase; text-align: center;} .blogModule .innerWrapper{padding-top: 12px; font:14px/19px Arial, Helvetica, sans-serif; color:#262626; display: inline-block;} .blogModule .innerWrapper ul li{list-style-type:none; display: block; float: left; width: 100%; margin-top: 22px;} .blogModule .innerWrapper ul li:first-child{margin-top: 0;} .blogModule .innerWrapper li > a, .blogModule .innerWrapper li h4{font:15px/17px Arial, Helvetica, sans-serif; color:#333;font-weight: 800;} .blogModule .innerWrapper li p{font:14px/18px Arial, Helvetica, sans-serif; color:#222;} .blogModule .innerWrapper li p a{color:#14a5ed;} .blogModule .innerWrapper li img{float:left; border:1px solid #ccc; margin-right:10px; margin-top: 2px;} #blogPopularPost li p{margin-top:5px;} #blogAuthor li p{font-style:italic; margin-top:2px;} #blogAuthor .info{float:right; width:235px} #blogAuthor .viewAuthorPosts{display:block; font:13px/16px "ProximaNovaExCn-Bold", sans-serif; color:#999; text-transform: uppercase; margin-top:10px;} #blogRoll{margin-top:10px;} #blogRoll .innerWrapper ul{float:left; width:168px} #blogRoll .innerWrapper li a{font-size: 14px;} #blogRoll .innerWrapper li{width:90%; float: left; margin: 0px 15px 8px 0px;} #blogSearch{border:1px solid #d1d1d1; height:30px; padding:2px 2px 0 0; margin-top:25px; position:relative;} #moduleBtnSearch{right: 2px; top:2px;} #blogSearch .searchBox{border:0; float:left;width:301px; height:28px; text-indent:10px; color:#656565; font-size: 13px; font-family: arial; line-height:28px;} #blogArchive .innerWrapper{position:relative} #blogArchive .innerWrapper{position:relative} #blogArchive select{position:relative; z-index:10; height:30px; width:100%; opacity:0; -khtml-appearance:none; filter: alpha(opacity=0);} #blogArchive .selectedValue{position:absolute; top:12px; left:0; width:94%; height:28px; padding:2px 2% 0 4%; cursor:pointer; z-index:1; line-height: 27px; box-shadow: 0px 0px 10px #CCC; color:#333;} .no-borderradius #blogArchive .selectedValue{border:1px solid #d1d1d1;} #MAIN_RIGHT_Ccontainer #sponsoredlinks,#MAIN_RIGHT_Ccontainer #blog_standard{background:none;} .redesign_index .blog_pagination span, #blogArchive .dropBtn, #BLOG_Ccontainer .CNTR_next_prev, .redesign_entry .prev_button, .redesign_entry .next_button, #blog_archive_header{/*background: url(/cm/esquire/site_images/redesign_2011/blogRedesignSprites.png) no-repeat;*/} #blogArchive .dropBtn{width:17px; height:26px; position:absolute; right:3px; top:14px; background-position: 0px -57px;} .subscribeLink, .twitterLink{font:13px/21px "ProximaNovaExCn-Bold", sans-serif; color:#999; float:left; padding:10px 14px 0 0; text-transform: uppercase;} .subscribeLink span, .twitterLink span{background:url(/cm/esquire/site_images/redesign_2013/sprite.png) no-repeat; margin:0 5px -5px 0; height:19px; width: 17px; display:inline-block} .subscribeLink span{background-position: -450px -60px;} .twitterLink span{background-position: -520px -60px;} .date_block{font:12px/18px "ProximaNova-ExtrabldIt", sans-serif; color:#F8EFEC; background-color: #ea552d; padding:0 7px 0 16px; display:inline-block; text-transform: uppercase; margin-left: -15px; position:relative;} .date_block:before{content: ""; width: 0; height: 0; border-bottom: 7px solid transparent; border-right: 7px solid #B63310; position: absolute; left: 0; top: 17px;} .entry_month, .entry_date, .entry_year{display:inline;letter-spacing: 1px;} .entry_time{text-transform: lowercase; font-weight:bold;} #BLOG_Ccontainer.redesign_index, #BLOG_Ccontainer.redesign_entry{overflow:visible;} #BLOG_Ccontainer.redesign_index .blog_entry a{color:#14a5ed; font-weight:bold;} #BLOG_Ccontainer.redesign_index .blog_entry { font: 15px/22px Arial, Helvetica, sans-serif; color: #262626; } .blog_entry_meta{margin-bottom: 8px; clear: both; color:#999; font:14px/20px Arial, Helvetica, sans-serif;} .blog_entry_meta a{color:#40b6f0;} .blog_entry_meta h2{margin-top: 11px; margin-bottom:2px;} #BLOG_Ccontainer.redesign_index h2 a:link, #BLOG_Ccontainer.redesign_index h2 a:visited h2 a{font: 34px/32px "ProximaNovaAExCn-Bold", sans-serif; color:#262626; text-transform:uppercase;} .redesign_index .blog_entry{padding: 5px 0;} .redesign_index .blog_entry img{margin: 4px 15px 4px 0;} .blog_entry_meta .entry_author{font-weight:bold;} .redesign_index .CNTR_main_content{border-bottom: none; margin-bottom: 35px;} .no-flexbox .redesign_index .CNTR_main_content{padding-bottom: 5px;} .no-hashchange .redesign_index .CNTR_main_content.mc_first{padding-top: 5px;} .excerpt_read_more {margin: 0px 0px 10px 0px; font-weight: normal !important;} .excerpt_read_more a{height: 28px; width: 116px; display: block; margin-top: 2px;} .excerpt_read_more a:after{content:"read more"; text-transform: capitalize; font-size: 18px; font-family: Arial, Helvetica, sans-serif;} .redesign_index .tags, .redesign_entry .tags{font: 12px "ProximaNovaExCn-Bold", sans-serif; color:#999; border-bottom: 1px solid #999;margin-bottom: 12px;width: 100%; text-transform: uppercase; padding-bottom:5px; margin-top:10px;} .redesign_index .tags span, .redesign_entry .tags span{visibility:hidden;} .redesign_index .tags span:after, .redesign_entry .tags span:after{content: ","; visibility: visible; margin-left: -3px;} .no-flexbox .redesign_index .tags a:before, .no-flexbox .redesign_entry .tags a:before{content: ","; margin-left: -6px;} .redesign_index .tags a, .redesign_entry .tags a{font: 11px Arial, Helvetica, sans-serif; text-transform: capitalize; color:#999;} .redesign_index .tags a:hover, .redesign_entry .tags a:hover{text-decoration: none; border-bottom: 1px solid #e5e5e5;} .index.viral_button.commentButton{margin: 0;} .index.viral_button.commentButton .btnComment{background: url("/cm/esquire/site_images/redesign_2011/blogSprite.gif") no-repeat scroll 0 -257px transparent;height: 22px;width: 83px;} .index.viral_button.left.commentButton{width: auto;} .social_buttons.right{width: 190px;} .main_excerpt{padding-bottom: 10px;} /* blog pagination */ /*override for NikkiFinke Blog */ #BLOG_nikkifinke .blog_pagination{ display: none;} #BLOG_nikkifinke .blog_pagination:nth-child(13){display: block;}; .blog_pagination img, .blog_pagination span img{display:none;} .redesign_index .blog_pagination span{vertical-align: top; display: block;} .redesign_index .blog_pagination span:focus{outline:none;} .redesign_index .blog_pagination {padding: 20px 0 0 0; margin-bottom: 200px; border-top:4px solid #eaeaea;} .redesign_index .blog_pagination a{font:22px/35px 'ProximaNovaExCn-SBold',Arial,Helvetica,sans-serif; color: #333; margin: 0 10px;} .redesign_index .blog_pagination a:hover{text-decoration: none;} .redesign_index .blog_pagination .circle{ content:' '; border-radius: 50%; border: 3px solid #a7d7ef; width: 27px; height: 27px; display: block;} .redesign_index .blog_pagination .circle .arrow{ position: relative; background: #ffffff; top:56%;} .redesign_index .blog_pagination .circle .arrow:after, .redesign_index .blog_pagination .circle .arrow:before {top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .redesign_index .blog_pagination_right .circle .arrow:after, .redesign_index .blog_pagination_right .circle .arrow:before {left:42%} .redesign_index .blog_pagination_right .circle .arrow:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 4px; margin-top: -5px; } .redesign_index .blog_pagination_right .circle .arrow:before { border-color: rgba(49, 176, 239, 0); border-left-color: #31b0ef; border-width: 7px; margin-top: -8px; } .redesign_index .blog_pagination_right .circle:before, .redesign_index .blog_pagination_right .circle{float:right;} .redesign_index .blog_pagination_left .circle .arrow:after, .redesign_index .blog_pagination_left .circle .arrow:before {right:42%} .redesign_index .blog_pagination_left .circle .arrow:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 4px; margin-top: -5px; } .redesign_index .blog_pagination_left .circle .arrow:before { border-color: rgba(49, 176, 239, 0); border-right-color: #31b0ef; border-width: 7px; margin-top: -8px; } .redesign_index .blog_pagination_left .circle:before, .redesign_index .blog_pagination_left .circle{float:left;} .redesign_index .blog_pagination_left span:hover, .redesign_index .blog_pagination_right span:hover{text-decoration: underline;} .redesign_index .blog_pagination_left, .redesign_index .blog_pagination_right{border:0; padding:0; text-align: left; height: inherit;} .redesign_index .blog_pagination.bp_top{display: none;} .redesign_index .blog_pagination_middle{display: none;} .redesign_index .blog_pagination_right{float: right; width: auto;} #trending_links span{font: 16px/17px 'ProximaNovaExCn-Bold',sans-serif;float: left; color: #14a5ed; text-transform: uppercase;} #trending_links {margin:31px 0 15px; width:100%;} #trending_links {list-style: none;} #trending_links li{font: 16px/17px 'ProximaNovaExCn-Bold',sans-serif; display:inline; padding-left: 4px;} #trending_links li:before{content:"///"; font: 16px/12px 'ProximaNovaExCn-Bold',sans-serif; color: #14A5ED; margin-right: 8px;} #trending_links li.first:before{display:none;} #trending_links li a{color: #262626; text-transform: uppercase;} #trending_links li.first{background: none; padding-left:6px;} #BLOG_Ccontainer .CNTR_next_prev{border: none; margin:12px 0 15px 0; background-position: 0 -141px; background-repeat: repeat-x;} #trending_links+.CNTR_next_prev {background-size: 50%; background-position: 0 -341px;} .redesign_entry .prev_button, .redesign_entry .next_button {width: 14px; height:14px; background-size: 800%; margin-left:6px;} .redesign_entry .prev_button {background-position: 0 3px;float: left;} .redesign_entry .next_button {background-position: 0 -15px;float: right;} .redesign_entry .next_article_link a, .redesign_entry .prev_article_link a{font:13px/15px Arial, Helvetica, sans-serif; color:#222;} .redesign_entry .next_article_link a:focus, .redesign_entry .prev_article_link a:focus{outline:none;} .no-hashchange .redesign_entry .next_article_link a, .no-hashchange .redesign_entry .prev_article_link a{line-height: 13px;} .redesign_entry .prev_article_link, .redesign_entry .next_article_link {display:inline-block; padding:10px 0; vertical-align:middle; width:50%;} .redesign_entry .prev_article_link {text-align: left;} .redesign_entry .next_article_link {text-align:right;} .no-borderradius .redesign_entry .next_button {background-position:0 -25px;} .no-borderradius #trending_links+.CNTR_next_prev{background-position: 0 -168px; margin-top: 42px; height: 20px; margin-bottom:35px;} .no-borderradius #trending_links+.CNTR_next_prev .prev_article_link, .no-borderradius #trending_links+.CNTR_next_prev .next_article_link{margin-top: -30px; } .redesign_entry #CNTR_blog_author_promo{display:none;} .blog_comment_container{float: left;margin-top: 40px;margin-bottom: 20px;} #BLOG_Ccontainer p, .blog_landing .article_body{font: 15px/22px Arial, Helvetica, sans-serif; color:#262626; padding:0;} #BLOG_Ccontainer p li {font-style:normal;} #BLOG_Ccontainer blockquote{font:15px/22px Arial, Helvetica, sans-serif; color:#252525; font-style:italic; margin: 10px 40px 28px; border-left:4px double #999; padding:0 10px;} #BLOG_Ccontainer p > font {line-height: 31px;} #BLOG_Ccontainer #ad_circ_620x200{float: left; margin-bottom:38px;} #BLOG_Ccontainer.redesign_index #ad_circ_620x200{padding-bottom: 7px;} .redesign_entry #ams_circ_esq_620x200{float: left;margin:20px 0 28px;} #blogInfo .innerWrapper p a img{display: none;} #blogInfo .innerWrapper p br{display: none;} #rr_social_tout{border: 1px solid #EBEBEB;} .redesign_entry .blog_entry img{margin:9px 15px 0 0} #blogPopularPost span .sponsored {padding-left:14px;} .sponsored .date_block, .sponsored .blog_comment_container, .sponsored .commentButton.blogNewVirals {display:none} .sponsored #sponsored_blog_cntr {padding:2px 3px 3px; background-color:#EA552D;} .sponsored #sponsored_blog_cntr p.spon_label {color:#666; text-transform:uppercase; text-align:center; margin:0px; padding:0; font-size:11px; letter-spacing:0;} .sponsored #sponsored_blog_cntr #sponsored_blog {background-color:#FFF; padding:15px 13px 35px; height:auto;} .CNTR_main_content .sponsored #sponsored_blog_cntr #sponsored_blog {padding-bottom:15px;} .sponsored #sponsored_blog_cntr #sponsored_blog .blogsv2_title, .sponsored #sponsored_blog .blogsv2_title a {color:#281259;} .sponsored #sponsored_blog_cntr #sponsored_blog p.spon_logo {text-align:center; margin:0px; padding:0px;} .sponsored .blog_entry .image_614 img {width:592px;} .sponsored .blog_entry .image_614 .img_credit, .sponsored .blog_entry .image_614 .img_caption {width:592px;} .CNTR_next_prev span.sponsored {font:bold 12px/18px Verdana, Times, serif;display: color:#006594;} .sponsored .blog_image .image_200 img{width:200px;} .sponsored .blog_image .image_374 .caption{margin-right: 14px;} #sponsored_blog_cntr #sponsoredLogo{margin:27px auto;width:372px;margin-left:120px;} #sponsoredLogo #spon_label { font: 18px/18px Arial,sans-serif; color: #FFF; letter-spacing: 1px; } .ie8 #sponsoredLogo .spon_logo{border-style: solid;border-color: #d3d3d3;border-width: 1px 4px 4px 1px;} #sponsoredLogo .spon_logo{float:right;margin-top: -13px;background-color:#FFF;-moz-box-shadow: 1px 0 1px #D3D3D3, 0 1px 1px #D3D3D3, 2px 1px 1px #D3D3D3, 1px 2px 1px #D3D3D3, 3px 3px 1px #D3D3D3, 3px 3px 1px #D3D3D3;-webkit-box-shadow: 1px 0 1px #D3D3D3, 0 1px 1px #D3D3D3, 2px 1px 1px #D3D3D3, 1px 2px 1px #D3D3D3, 3px 3px 1px #D3D3D3, 3px 3px 1px #D3D3D3;box-shadow: 1px 0 1px #D3D3D3, 0 1px 1px #D3D3D3, 2px 1px 1px #D3D3D3, 1px 2px 1px #D3D3D3, 3px 3px 1px #D3D3D3, 3px 3px 1px #D3D3D3;} #BLOG_Ccontainer.redesign_index #sponsoredLogo .spon_logo, #BLOG_Ccontainer.redesign_entry #sponsoredLogo .spon_logo{padding:7px 9px 6px 9px;} #sponsored_blog{ background-color:#FFF; background-size: 4px 4px; -webkit-background-size: 6px 6px; -moz-background-size: 4px 4px; background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(245, 245, 245,1)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(245, 245, 245,1)),color-stop(.75, rgba(245, 245, 245,1)), color-stop(.75, transparent),to(transparent)); background-image: -moz-linear-gradient(-45deg, rgba(235, 235, 235,1) 25%, transparent 25%,transparent 50%, rgba(235, 235, 235,1) 50%, rgba(235, 235, 235,1) 75%,transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(235, 235, 235,1) 25%, transparent 25%,transparent 50%, rgba(235, 235, 235,1) 50%, rgba(235, 235, 235,1) 75%,transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(235, 235, 235,1) 25%, transparent 25%,transparent 50%, rgba(235, 235, 235,1) 50%, rgba(235, 235, 235,1) 75%,transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(235, 235, 235,1) 25%, transparent 25%,transparent 50%, rgba(235, 235, 235,1) 50%, rgba(235, 235, 235,1) 75%,transparent 75%, transparent); } .ie8 #sponsored_blog, .ie9 #sponsored_blog{background:url(/cm/esquire/site_images/sponsored_blog_bg.png) repeat;} #BLOG_Ccontainer.redesign_index #ams_esq_blog_landing{height:auto;} #BLOG_Ccontainer .blog_image:not([style="width:614px"]) {float:left; margin-right:15px; margin-bottom:19px;} #BLOG_Ccontainer .img_credit{font: 11px/12px "ProximaNova-RegularIt", sans-serif; color:#999; letter-spacing:1px; padding: 5px 0; margin: 0;} #BLOG_Ccontainer .img_credit a{font: 11px/13px "ProximaNova-RegularIt", sans-serif; color:#999; padding:0; color:#40b6f0;} #BLOG_Ccontainer .img_caption{font: 14px/18px "ProximaNova-ExtrabldIt", sans-serif; color:#353535; padding-top:0; margin: 0;} #BLOG_Ccontainer .img_caption:after {content:""; border-bottom: 4px double #999; display: block; margin-top:5px;} #BLOG_Ccontainer #blog-virals {display:inline-block; width:100%;} #BLOG_Ccontainer .social_buttons.right {width:355px;margin-right:-15px; position:relative;z-index:10;} #BLOG_Ccontainer .ams_esq{margin-top: 60px;} .social_buttons.right ul{width:90px;height:21px;float:left;display:block;margin-top:-2px;} .social_buttons.right ul li{list-style:none;float:left;width:auto;height:22px;} .social_buttons.right ul li a,.blogNewVirals a,a.xs_soc_fbshare{background-image:url(/cm/esquire/site_images/virals/blogViralTool.png);background-repeat:no-repeat;display:block;} .social_buttons.right ul li a,.social_buttons.right .plusone,.blogNewVirals a{margin-right:8px;} .subscribeEnterLink a{width: 20px;height: 22px;background-position:-147px 0px;} .subscribeEnterLink a:hover{background-position: -148px -21px;} .blogNewVirals{float:left;width:auto;height:21px;margin-top:-1px;} .blogNewVirals.emailButton a{width: 22px;height: 21px;background-position:0px 0px;} .blogNewVirals.emailButton a:hover{background-position:0px -21px;} .blogNewVirals.printButton a{width:24px;height:21px;background-position: -31px 0px;} .blogNewVirals.printButton a:hover{background-position: -31px -21px;} .blogNewVirals.commentButton a{width: 20px; height: 21px; background-position: -167px -22px; float: left; margin-right: 0px;} .blogNewVirals.commentButton a:hover{background-position: -188px -22px;} .xs_soc_fbshare{background-position:-167px 0px;width:60px;height:22px;font-size:0;line-height:0;color:transparent;margin:-1px 10px 0 0;} .blogNewVirals.commentButton .soc_commentcountb{float:left; font:13px/19px "ProximaNovaExCn-Bold", sans-serif; color:#8b8989; padding-left:3px;} .social_buttons.right .pin{margin-right: 10px;} .redesign_index #blog_archive_header{background-size: 50%; background-position: 0 -321px; background-repeat: repeat-x; padding:33px 0; border-bottom: 1px solid #e3e3e3;} .redesign_index #blog_archive_header h1{font:25px/14px "ProximaNova-ExtrabldIt", sans-serif; color:#222; width:100%; display:block; text-align:center;} .no-borderradius .redesign_index #blog_archive_header{background-position: 0 -154px; height: 19px; position:relative; top:25px;} .no-borderradius .redesign_index #blog_archive_header h1{margin-top:-25px;} /* blog entry */ #BLOG_Ccontainer.redesign_entry h1{font: 34px/34px "ProximaNovaExCn-Bold", sans-serif; color:#262626; margin-top:11px; text-transform: uppercase;} #BLOG_Ccontainer.redesign_entry .blog_entry a{color:#14a5ed; font-weight:bold;} /* #BLOG_Ccontainer.redesign_entry .blog_entry li { list-style: url('http://pp.alphapreview.esquire.com:6460/cm/esquire/site_images/redesign_2011/bullet-orange.png'); font: 15px/22px Arial, Helvetica, sans-serif; color:#222; margin-bottom:12px;} */ #BLOG_Ccontainer.redesign_entry .blog_entry li { list-style-type: none; font: 15px/22px Arial, Helvetica, sans-serif; color:#222; margin-bottom:12px;position:relative; left:10px;} #BLOG_Ccontainer.redesign_entry .blog_entry li:before { content: "\2022 "; color: #ea552d; font-weight: bold; margin-left: -9px;} #BLOG_Ccontainer.redesign_index .blog_entry li { list-style-type: none; font: 15px/22px Arial, Helvetica, sans-serif; color:#222; margin-bottom:12px;} #BLOG_Ccontainer.redesign_index .blog_entry li:before { content: "\2022 "; color: #ea552d; font-weight: bold; } .blog_comment_container h3{display:none;} .blog_comment_container a{display:block; margin-bottom:8px;} .blog_comment_container a:hover{cursor:default; text-decoration:none;} .blog_comment_container a[name=comments]:after{content: "Join The Conversation"; width: 300px; font: 24px/22px "ProximaNovaExCn-Bold", sans-serif; color:#262626; padding-bottom: 4px; text-transform: uppercase;} /* #BLOG_Ccontainer.redesign_entry .blog_entry li:before{content:"\0095"; color:#FF0000; margin-right:5px;} */ .redesign_index .tags{margin-top: -15px;} .redesign_index .excerpt_read_more{margin-bottom: 20px;} /* AMS_ESQ_BLOG_POST */ #BLOG_Ccontainer.redesign_entry #ams_esq_blog_post, #BLOG_Ccontainer.redesign_entry #ams_esq_cmd_partner {float: left;width: 100%;margin-top: 32px;} #BLOG_Ccontainer.redesign_entry #ams_esq_cmd_partner{text-align: center;border-top: 4px solid #e3e3e3;padding-top: 24px;} /* AMS_ESQ_BLOG_POST_BUZZFEED */ /* esquire TV widget */ #widget-esquire-tv {font-family:'ProximaNovaExCn-Bold', sans-serif; margin:0 0 25px; overflow:hidden; width:100%;} #widget-esquire-tv, #widget-esquire-tv > header {display:block; position:relative;} /* display:block; is for IE8 */ #widget-esquire-tv > header {margin-bottom:10px;} #widget-esquire-tv > header > h2 {font:24px/22px "ProximaNovaExCn-Bold", sans-serif; color:#262626; border-bottom: 1px solid #999; padding-bottom: 4px; text-transform: uppercase;} /* this is the same as .blogModule h3, but I didn't want to break it out */ #widget-esquire-tv > header > ul, #widget-esquire-tv > .tv-widget-nav {position:absolute;} #widget-esquire-tv ul {list-style:none;} #widget-esquire-tv > header > ul {bottom:-3px; font-size:30px; line-height:inherit; margin:0; padding:0; right:0;} #widget-esquire-tv > header > ul > li {display:inline;} #widget-esquire-tv > header > ul > li.active {color:red;} #widget-esquire-tv > .tv-widget-nav {background:url('/cm/esquire/site_images/channel-arrows.png') 0 0 no-repeat;cursor:pointer; height:22px; width:15px; z-index:3;} #widget-esquire-tv > #previous {left:0;} #widget-esquire-tv > #next {background-position:-45px 0; right:0;} #widget-esquire-tv > #previous:hover {background-position:-15px 0;} #widget-esquire-tv > #next:hover {background-position:-30px 0;} #tv-widget-overflow {left:0; position:relative; top:0;} #tv-widget-overflow > li {float:left;} #tv-widget-overflow > li img {width:100%;} #tv-widget-overflow > li > h3 {border-top:7px solid #000; border-bottom:7px solid #000; font-size:22px; font-weight:normal; line-height:30px; margin:0 ; padding:10px 10%; position:relative; text-align:center; width:80%; z-index:2;} #tv-widget-overflow > li > h3 > a {color:#000; text-decoration:none;} #tv-widget-overflow > li > h3 > a:hover {text-decoration:underline;} /*-------------blog.css------------------*/ #MASTER_Scontainer {width: 1000px; margin: auto;} #MAIN_layout_Scontainer {width: inherit; text-align: left;} #blog_header {width: inherit; background-color: #9fa0a2; height: 246px;} #blog_header_left {width: 389px; float: left;} #blog_header_right {width: 611px; float: left;} #blog_header_bar {background-color: #000; text-align: right; font-size: 10px;} #blog_header_bar a:link, #blog_header_bar a:visited, #blog_header_bar a:hover {color: #fff; text-decoration: none;} #blog_header_bar span, #blog_header_bar img {vertical-align: middle;} #blog_header_copy {} /*#blog_header_gen {background:url(/cm/esquire/imagesv01/blogs/header-bg.gif) repeat-x; width: inherit; height: 137px; float: left; clear: left;}*/ #blog_header_gen #mag_subscribe {float: left; display: block; width: 84px; height: 137px; padding: 0 0 0 14px; margin: 0;} #blog_header_gen #logo {float: left; display: block; width: 387px; height: 103px; padding: 0 15px 0 38px;} #blog_header_gen #header_search {float: left; display: block; width: 462px;} #blog_header_gen #nav {float: left; display: block; width: 726px; padding: 0 0 0 8px;} #blog_header_gen #subscribe_links {float: left; display: block; width: 168px; font-size: 11px; line-height: 15px; padding-top: 1px;} #blog_header_gen #subscribe_links a:link, #blog_header_gen #subscribe_links a:visited, #blog_header_gen #subscribe_links a:hover {color: #fff;} #header_search{background:url(/cm/esquire/imagesv01/homepage/bg_search_header.gif) no-repeat; height: 40px; margin-top: 58px;} #header_search input.search_box{width:148px; float:left; display:inline; margin:9px 0 0 16px;} #header_search input.search_btn{float:right; display:inline; margin:13px 5px 0 0;} #CNTR_blog_search .blog_search, #CNTR_blog_search .all_blogs {float: left;} #blog_aux_search {background:url(/cm/esquire/imagesv01/homepage/bg_search_header.gif) no-repeat; height: 40px; float: left;} #blog_aux_search input.search_box{width:148px; float:left; display:inline; margin:9px 0 0 16px;} #blog_aux_search input.search_btn{float:right; display:inline; margin:13px 5px 0 0;} #CORE_Scontainer {width: inherit; float: left;} #BLOG_cube #CORE_Scontainer {background:url(/cm/esquire/imagesv01/blogs/cube/core-bg.gif) repeat-y; width: inherit; float: left;} #MAIN_Ccontainer {width: 644px; margin: 0; float: left;} #MAIN_RIGHT_Ccontainer {width: 340px; margin: 0; float: left; padding-bottom: 43px;} #blog_standard a:link, #blog_standard a:visited, #blog_standard a:hover {color: #2f85c1;} .right_col_module {width: inherit; float: left; display: block;} .right_col_module ul {list-style-image: url(/cm/esquire/imagesv01/blogs/bullet.gif); font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 15px;} .right_col_module li {margin-top: 4px;} ol {list-style-position: inside;} #CNTR_about_blog {} .rc_header {} .rc_content {border-left: 8px #ccc solid; background-color: #f3f3f3; padding: 5px 18px 15px 6px; width: 324px; overflow: hidden;} #BLOG_cube .rc_content {border-left: 8px #9fa0a2 solid;} .blogger_promo_link {clear: left; padding: 7px 0 0 0;} #BLOG_cube .blogger_promo_link {font-weight: bold;} .blogger_promo_link span, .blogger_promo_link img {vertical-align: middle;} .blogger_promo_link img {margin-right: 2px;} #CNTR_about_authors {font-size: 11px;} .blog_author {float: left; clear: left;} .small_bio_pic {float: left; width: 90px; padding-right: 7px;} .small_bio {float: left; width: 226px;} .small_bio h3 {font-size: 11px;} #BLOG_cube .small_bio a {font-weight: bold;} .blog_author_link {padding: 7px 0 0 0; font-weight: bold;} .blog_author_link img {margin-right: 2px;} #CNTR_about_authors .blog_author_link {clear: left;} #CNTR_blog_author_promo {font-size: 11px;border-bottom: 1px #a7a7a7 solid;float: left; width: 624px;padding: 0 0 25px 0;} #CNTR_blog_author_promo .author_item{border-top:1px #a7a7a7 solid;padding-top:23px;} #CNTR_blog_author_promo .small_bio {width: 526px;} #CNTR_blog_categories {} .rc_module_col_1 {} .rc_module_col_2 {} #CNTR_recent_popular_posts {} #recent_popular_tab {background:url(/cm/esquire/imagesv01/blogs/tab-recent-popular.gif) 0 0 no-repeat; width: 356px; height: 34px; overflow: hidden;} #recent_popular_tab_cube {background:url(/cm/esquire/imagesv01/blogs/cube/tab-recent-popular.gif) 0 0 no-repeat; width: 356px; height: 34px; overflow: hidden;} #recent_popular_tab_endo {background:url(/cm/esquire/imagesv01/blogs/endorsement/rc-endo-mostpopular.gif) 0 0 no-repeat; width: 356px; height: 34px; overflow: hidden;} #blog_recent_posts {} #blog_most_popular {display: none;} #CNTR_blog_archive {} #CNTR_blog_archive .blogger_promo_link {text-align: right; margin: 0; padding: 0;} #CNTR_tags {} #tag_cloud {text-align: center; text-transform: lowercase;} #tag_cloud span {padding: 6px 4px; font-weight: bold;} #tag_cloud .w1 {font-size: 10px;} #tag_cloud .w2 {font-size: 10px;} #tag_cloud .w3 {font-size: 12px;} #tag_cloud .w4 {font-size: 12px;} #tag_cloud .w5 {font-size: 14px;} #tag_cloud .w6 {font-size: 16px;} #tag_cloud .w7 {font-size: 18px;} #tag_cloud .w8 {font-size: 20px;} #tag_cloud .w9 {font-size: 22px;} #tag_cloud .w10 {font-size: 24px;} #CNTR_blog_roll .blogroll_item {padding-left: 9px; padding-top: 17px;} #CNTR_blog_roll .blogroll_odd_side .blogroll_item {padding-top: 0px;} #CNTR_blog_roll .blogroll_item h3 {font-size: 11px; font-weight: bold;} #CNTR_blog_roll .blogroll_first_row { padding-top: 0 !important; } /* overrides blogroll_item */ #CNTR_blog_roll .blogroll_even_side { float: left; } #CNTR_blog_roll .blogroll_item ul {list-style-image: none; list-style-type: none; margin-left: 0px;} #CNTR_blog_roll .blogroll_item li {float: left; width: 130px; background: url(/cm/esquire/imagesv01/blogs/bullet.gif) no-repeat 0px 2px; padding-left: 15px;} #CNTR_blog_roll .blogroll_item li.even {float: right;} #CNTR_site_recent_popular_posts {} #site_recent_popular_tab {background:url(/cm/esquire/imagesv01/blogs/tab-recent-popular.gif) 0 -68px no-repeat; width: 356px; height: 34px; overflow: hidden;} #site_recent_popular_posts {} #site_recent_posts {} #site_most_popular {display: none;} .raquo {color: #313131;} #blog_breadcrumb {background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #000000; text-transform: uppercase; padding: 6px 0 5px;} #blog_breadcrumb a:link, #blog_breadcrumb a:visited, #blog_breadcrumb a:hover {color: #000000;} #blog_breadcrumb .raquo {color: #000000;} /* Styles for blog_index */ #BLOG_cube #blog_breadcrumb {background-color: #727272; color: #FFFFFF; padding: 6px 10px 5px;} #BLOG_cube #blog_breadcrumb a:link, #BLOG_cube #blog_breadcrumb a:visited, #BLOG_cube #blog_breadcrumb a:hover {color: #FFFFFF;} #BLOG_cube #blog_breadcrumb .raquo {color: #FFFFFF;} /* End Styles for blog_index */ /* Styles for link list */ #MAIN_Ccontainer.linklist #blog_breadcrumb {background-color: #727272; color: #FFFFFF; padding: 6px 10px 5px;} #MAIN_Ccontainer.linklist #blog_breadcrumb a:link, #MAIN_Ccontainer.linklist #blog_breadcrumb a:visited, #MAIN_Ccontainer.linklist #blog_breadcrumb a:hover {color: #FFFFFF;} #MAIN_Ccontainer.linklist #blog_breadcrumb .raquo {color: #FFFFFF;} /* End Styles for link list */ #BLOG_Ccontainer {width: 624px; overflow: hidden;clear:both;} #BLOG_Ccontainer h1, #BLOG_Ccontainer h2 {font-size: 18px; color: #000;} #BLOG_Ccontainer h2 a:link, #BLOG_Ccontainer h2 a:visited {font-size: 18px; color: #000;} #BLOG_Ccontainer p {padding: 0 0 16px;} #BLOG_Ccontainer .endorsement {height: 105px;} /* endorsement uses a taller banner */ #BLOG_Ccontainer .endorsement #blog_title {display: none;} /* not displayed on endorsement */ #blog_branding {width: 623px; overflow: hidden; position: relative; margin: 16px 0 0 0; padding: 0 0 42px 0; border-bottom: 1px solid #e3e3e3;} #blog_title {position: absolute; bottom: 9px; right: 6px;} #blog_title a:link, #blog_title a:visited, #blog_title a:hover {text-decoration: none; color: #fff;} #blog_title h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 45px; text-transform: uppercase; padding: 0; margin: 0; color: #fff; font-weight: normal;} #CNTR_blog_search {width: 624px; border-bottom: 1px #a7a7a7 solid; padding: 5px 0 6px 0; float: left;} #CNTR_blog_search span, #CNTR_blog_search span img, #CNTR_blog_search span input {vertical-align: middle;} #blog_search_label {font-weight: bold; float: left; padding: 11px 8px 0 12px;} #blog_search_form {background:url(/cm/esquire/imagesv01/homepage/bg_search_header.gif) no-repeat -2px 0px; width: 215px; height: 40px; float: left;} #blog_search_form input.search_box {width:148px; float:left; display: inline; margin: 9px 0 0 14px;} #blog_search_form .btn {margin-top: 11px; margin-left: 15px;} #all_blogs {float: left; margin-top: 8px; margin-left: 15px;} #all_blogs form select {width: 236px;} #BLOG_cube #CNTR_blog_search {padding: 8px 0 11px 0;} #BLOG_cube #blog_search_label {padding: 9px 8px 0 88px;} #BLOG_cube #blog_search_form {background:url(/cm/esquire/imagesv01/blogs/cube/search-bracket.gif) no-repeat; width: 326px; height: 32px;} #BLOG_cube #blog_search_form input.search_box {width: 240px; float:left; display: inline; margin: 7px 9px 0 18px;} .prev_next_top {border-bottom: 1px #f2cccd solid; margin-bottom: 22px;} #BLOG_cube .prev_next_top {border-bottom: 1px #a7a7a7 solid;} .next_article_button {display: block; float: left; width: 11px; padding: 0 2px;} .blog_home_link {display: block; float: left; text-align: center; width: 162px; padding: 0 10px; text-transform: uppercase;} .CNTR_main_content { border-bottom: 1px #a7a7a7 solid; margin-bottom: 24px; clear: left;} .mc_first {padding-top: 22px;} .mc_last {margin-bottom: 16px; border: 0;} .excerpt_read_more {float: left; font-weight: bold; display: inline;} .blog_entry_date {font-size: 10px; padding: 3px 0 5px 0;} .blog_entry {padding: 0 0 10px 0} .blog_entry h2 {clear: both;} .redesign_entry .blog_entry_meta{margin-top: 22px; display: inline-block; width: 100%;} .blog_categories {font-size: 10px; display: none;} #blog_archive_header {padding: 20px 0; margin: 0; clear: left;} .eyebrow {} #blog_archive_header h1 {font-size: 18px; color: #000; margin: 0; padding: 0; text-transform:capitalize;} .photo_credits, .comments_number, .tags {padding-bottom: 8px; clear: left; font-size: 11px;} .photo_credits, .comments_number {padding-top: 16px;} .photo_credits span {font-weight: normal;} .blog_viral_tools {font-size: 11px; font-weight: bold;} .cn_links {float: left;} .cn_links span, .cn_links img {vertical-align: middle;} .share_link {cursor: pointer; position: relative; width: 70px; height: 22px; float: left; clear: none; line-height: 19px; padding-left: 4px;} .share_link a:hover {text-decoration: none;} .share_link span img {vertical-align: middle;} .vs_dropdown {position: absolute; top: 13px; left: 0px; border: 1px solid #c72123; font-size: 10px; line-height: 19px; z-index:100; width: 108px; background-color: #fff; display: none;} .vs_dropdown a {width: 104px; display: block; padding: 2px; margin: 0; border-bottom: 1px solid #fff; text-decoration: none; font-weight: bold; color: #c72123;} .vs_dropdown a:hover {color: #fff; background-color: #c72123;} .vs_dropdown span {padding-left: 4px;} .vs_dropdown .yahooBuzzBadge-form { line-height: 2px; } #yahooBuzzBadge-form span {} /*New design viral tools*/ .viral_container {margin:20px 0;} .viral_container .viral_rightcorner .viral_divider_long {_margin-right:31px;} .viral_container .viral_rightcorner .viral_divider_short {_margin-right:18px;} .blog_footer {} .blog_pagination {text-transform: uppercase; width: 624px; display: block; padding: 8px 0; clear: left; /*border-top: 1px #f2cccd solid;*/ float:left; font-size: 11px;} .blog_pagination_lt15 {text-transform: uppercase; width: 624px; display: block; padding: 8px 0; clear: left; float:left; font-size: 11px;} .blog_pagination span, .blog_pagination span img, .blog_pagination_lt15 span, .blog_pagination_lt15 span img {vertical-align: middle;} #BLOG_cube .blog_pagination {border-top: 1px #a7a7a7 solid;} .bp_top {border-bottom: 1px #f2cccd solid;} #BLOG_cube .bp_top {border-bottom: 1px #a7a7a7 solid;} .blog_pagination span, .blog_pagination img, .blog_pagination_lt15 span, .blog_pagination_lt15 img {vertical-align: middle;} .blog_pagination_left {text-align: left; width: 170px; float: left; display: block; padding:18px 0px; border-top:1px solid #ccc; height:14px; } .blog_pagination_middle {text-align: center; width:280px; float: left; display: block; padding-bottom: 3px; padding:18px 0px; border-top:1px solid #ccc; border-left:1px solid #ccc; } .blog_pagination_right {text-align: right; width: 170px; float: left; display: block; padding:18px 0px; border-top:1px solid #ccc; border-left:1px solid #ccc; } .hr {border-bottom: 1px #a7a7a7 solid; clear: both; width: inherit; display: block; margin: 17px 0;} #blog_bio {padding-top: 22px; width: 624px; float: left;} #blog_bio ul {list-style-image: url(/cm/esquire/imagesv01/blogs/bullet.gif); font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 15px;} #blog_bio li {margin-top: 4px;} #blog_bio h2 {font-size: 16px} #blog_bio h3 {padding: 11px 0 14px 0; font-size: 12px;} .bio_author_module {float: left; padding: 15px 0; border-bottom: 1px #a7a7a7 solid;} .blog_bio_author {} .blog_author_contact {padding: 4px 0;} .blog_author_contact span, .blog_author_contact span img {vertical-align: middle;} .large_bio_pic {float: left; width: 200px; padding-right: 7px;} .large_bio {float: left; width: 415px; display: block;} .bio_article_link {padding: 0 0 10px 2px;} .bio_home_link {text-align: center; text-transform: uppercase; clear: left; padding: 10px 0;} .bio_home_link span, .bio_home_link img {vertical-align: middle;} #blog_branding h1{display: none;} #footer_container{width:736px; float:left; display:inline; margin: 25px 0 10px 102px;} #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{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;} #AD_banner {text-align: center; padding: 4px 0;} .adcopy {color: #ccc; font-size: 9px;} #AD_rectangle {text-align: center; padding: 10px;} #AD_rectangle .adcopy {color: #000;} #sponsoredlinks {padding: 13px 10px; clear: left; background-color: #CCCCCC; text-align: center;} #sponsoredlinks .adcopy {color: #727272; padding: 4px 0;} #directory {margin:10px 0 0 8px; text-align:left; padding: 10px 0 20px 0; clear: both; background: #fff;} #directory table td {padding-bottom:0; position:relative; text-align:center; vertical-align:top; width:50%;} #directory table td img {border:1px solid #000000; margin-top:25px; } #directory table td h2 {font-size:12px; margin:8px 0 0 23px; padding:0; text-align:left; width:130px;} #directory table td h2 a {color:#000000; text-decoration:none; font-size: 12px;} #directory table td h2 a:hover {text-decoration:underline;} #directory table td p.byline {color:#4C4C4C; font-size:11px; font-weight:bold; margin:8px 0 0 23px; padding:0; text-align:left; width:130px;} #directory table td p {margin:8px 0 0 23px; text-align:left; width:130px; font-size: 11px;} #directory table td p.dt {color:#D14C4D;} #blog_standard {background-color: #CCCCCC;} .blog_landing #ad_circ_620x200 {padding-bottom:24px; border-bottom:1px solid #d4d4d4; margin-bottom:18px;} .fb_edge_widget_with_comment{position:absolute;} .fb_iframe_widget iframe{position:static;} #moduleSmartTout {float: right;margin-top: 15px;width: 340px;text-align: left;} #smartToutTitle {border-bottom: 1px solid #000000;font: bold 20px/32px Verdana,Arial,Helvetica,sans-serif;text-transform: uppercase;background: url("/cm/esquire/site_images/redesign_2011/Flipbook3/sprite.png") no-repeat scroll 0 -90px transparent;padding: 4px 0 2px 20px;overflow: hidden;height: 32px;} #smartToutContent {padding: 15px 0;} #smartToutContent h3 {font:bold 12px/16px Verdana,Arial,Helvetica,sans-serif;padding-bottom:10px;} #smartToutContent h3 a {color: black;} #bc_88x31_sponsor{float:right; margin: 0px 25px 20px 0px; width:88px; text-align:center;} .sourceLogo{font: 12px "ProximaNovaExCn-Bold", Arial, sans-serif;display: block;text-transform: uppercase;} footer{clear:both; width:100%; float:left;} /*--------- Original article_2.css ----------*/ /* Video Series CSS */ /* ESQ Overides don't copy on rollout */ body.redesign_article_2 {background: none; text-align: left; font-family: Arial, helvetica, sans-serif;} body.redesign_article_2 #header {width: 1000px; margin: 0 0 10px;} body.redesign_article_2 #top_header_cntr {width: 1000px;} body.redesign_article_2 #header_nav_cntr {width: 1000px;} body.redesign_article_2 #header_search_cntr {font-size: 11px; margin-left: 170px;} body.redesign_article_2 .viral_container {padding: 0px; width: 640px; margin: 15px 0;} body.redesign_article_2 #breadcrumb {margin-bottom: 10px; text-transform: uppercase; font-size: 11px} body.redesign_article_2 #breadcrumb a {color: #000;} body.redesign_article_2 #pagination {width: 100%;} /* Ads */ body.redesign_article_2 #ad_banner {border: 1px solid #ccc; margin: 3px 0 10px; padding: 5px;} body.redesign_article_2 .article_nav {font-family: Arial, sans-serif; margin: -10px 0 0 0; font-weight: bold; display: inline-block;} body.redesign_article_2 .article_nav a, body.redesign_article_2 .article_nav span{font-size: 12.5px; line-height: 14px; color: #666; text-transform: capitalize; } body.redesign_article_2 .article_nav span{margin:0 5px; color: #ccc;} body.redesign_article_2 #stwrapper.stwrapper{left: 20px !important;} body.redesign_article_2 #article_rightcolumn{margin-top: 0;} /* ESQ Article Redesign overrides 10/21/14 - C.Scott */ body.redesign_article_2 #article_2_content .body_text h2{font-size: 2em;} body.redesign_article_2 #article_2_content .body_text h3{font-size: 1.75em;} body.redesign_article_2 #article_2_content .body_text h4{font-size: 1.5em;} body.redesign_article_2 #article_2_content .body_text h5{font-size: 1.25em;} body.redesign_article_2 #article_2_content .body_text h6{font-size: 1em;} body.redesign_article_2 #article_2_content .body_text ul{ list-style: none; padding: 0; margin: 0; font-size: 15.5px; line-height: 20px; } body.redesign_article_2 #article_2_content .body_text ul li:before{ content: counter(none, square) " " ; color: #ea552d; margin-right: 5px; font-size: 12.5px; position: relative; top: -3px; } body.redesign_article_2 #article_2_content .body_text ul.share_buttons li{ padding-left: inherit; text-indent: inherit; } body.redesign_article_2 #article_2_content .body_text ul.share_buttons li:before{ content: counter(none, none) " " ; } body.redesign_article_2 #article_2_content p.by{ font-family: Arial; color: #666; font-weight: normal; letter-spacing: normal; float: left; margin: 2px 10px 7px 0; } body.redesign_article_2 #article_2_content p.by span.author{ font-weight: bold; color: #000; } body.redesign_article_2 #article_2_content #page_head h2{ font-size: 18px; color: #666; margin-bottom: 20px; } body.redesign_article_2 #article_2_content #article_body{ border-top: none; } body.redesign_article_2 .jumpCommentButton{ float:left; width: 100%; position: relative; font-family: arial; font-size: 12px; font-weight: bold; letter-spacing: 0.03em; margin-bottom: 20px; margin-top: 20px; } body.redesign_article_2 .jumpCommentButton .soc_commentcountbin{ background-color: #d75233; padding: 0 10px; color: #fff; float: left; height: 31px; text-transform: uppercase; line-height: 32px; } body.redesign_article_2 #video .also_on_esquire{ font-family: arial; background-color: #d75233; color: #fff; padding: 5px 10px;; float: inherit; font-weight: bold; letter-spacing: 0.03em; margin-bottom: 10px; font-size: 10px; text-transform: uppercase; display: inline-block; } body.redesign_article_2 .jumpCommentButton .arrow-right{ width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 12px solid #d75233; display: block; float: left; margin-right: 15px; } body.redesign_article_2 .jumpCommentButton .btnJumpComment{ display: block; line-height: 32px; color: #d75233; } body.redesign_article_2 .tags{ width: 100%; float: left; text-transform: capitalize; font-family: Arial; margin: 0; padding: 0; font-size: 13px; line-height: 15px; } body.redesign_article_2 .tags a{ color: #000; } body.redesign_article_2 .tags h4{ float: left; margin: 0 10px 0 0; font-family: 'arial black'; font-size: 13px; } body.redesign_article_2 .tags li{ float:left; } body.redesign_article_2 .author-info{ margin-top: 10px; width: 100%;} body.redesign_article_2 .author-info .author-info-inner{ background-color: #f6f6f3; border: 1px solid #e4e4e0; border-radius: 5px; padding: 12px; display: inline-block; margin-bottom: 5px; font-family: Arial; } body.redesign_article_2 .author-info .author-bio{ margin-left: 93px;} body.redesign_article_2 .author-info .author-bio, body.redesign_article_2 #article_2_content .body_text .author-bio p{font-size: 13px; line-height: 20px;} body.redesign_article_2 .author-info .author-img{ width: 83px; float: left; margin-right: 10px;} body.redesign_article_2 .author-info .author-img img{ width: 100%; position: relative;} body.redesign_article_2 #video{ padding-top:20px; border-top: 1px dotted #ccc; padding-bottom: 30px;} body.redesign_article_2 #article_2_content p.follow{ font-family: arial; font-weight: bold; font-size: 15.5px; line-height: 53px; } body.redesign_article_2 #article_2_content p.follow span{background-image: url(/cm/esquire/site_images/redesign_2013/sprite.png); background-repeat: no-repeat; background-position: 0px -53px; margin-top: 10px; margin-bottom: 10px; display: block; width: 86px; height: 32px; float: left; margin-right: 10px; } body.redesign_article_2 .author-info .twitter{ margin-top: 7px;} body.redesign_article_2 #article_2_content #image_container.large_container{ margin-top: 0px; } body.redesign_article_2 #article_2_content .body_text p, body.redesign_article_2 #article_2_content .body_text ul, body.redesign_article_2 #article_2_content .body_text blockquote{font-size: 15.5px; line-height: 26px; margin-top: 0; margin-bottom: 28px; font-family: Arial, sans-serif; color: #333;} body.redesign_article_2 #article_2_content .body_text blockquote{font-style: italic; border-left: 4px solid #e3e3e3; padding-left: 16px; margin-left: 8px;} body.redesign_article_2 #article_2_content h1{font: normal 36px/36px} body.redesign_article_2 #article_2_content figure .credit{font: 12px/16px Arial, sans-serif; padding-bottom: 3px;} body.redesign_article_2 #article_2_content figure .caption{ color: #666; font: 14px/16px Arial, sans-serif; padding: 0 0 5px;} body.redesign_article_2 #article_2_content figure figcaption{border-bottom: none; background-color: #ECECEC; padding: 9px;} body.redesign_article_2 #article_2_content #image_container.image{max-width: 390px; width: inherit;} body.redesign_article_2 #article_2_content #image_container.image.large_container{max-width: inherit; width: inherit;} body.redesign_article_2 #article_2_content #pagination a{font: normal 12.5px/22px "Arial Black";} body.redesign_article_2 #article_2_content #pagination span, body.redesign_article_2 #article_2_content #pagination a.pagenumbers{font: normal 16px/20px "arial black"; padding: 0 7px;} body.redesign_article_2 #article_2_content #pagination a.next_img{ padding-right: 20px;} body.redesign_article_2 #article_2_content #blog_branding {border-bottom: none;} /***************************** COPY STYLES FROM HERE DOWN - FOR ROLLOUT ****************************/ #article_2_content {width: 1000px; clear: both;} #article_2_content #article_left {width: 620px; float: left;} #article_2_content #page_head h2 {font-size: 15px; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 2px 0; line-height: 22px; color: #222;} #article_2_content h1 {margin: 15px 0 9px; font: normal 34px/30px "ProximaNovaExCn-Bold", Arial, sans-serif; text-transform: uppercase; color: #222;} #article_2_content p.by {font: bold 14px "ProximaNova-ExtrabldIt", sans-serif; color: #999; margin: 9px 0 7px; letter-spacing: 1px;} /* Article Body */ #article_2_content #article_body{border-top: solid 1px #999; padding-top: 10px;} #article_2_content #image_container {float: left; margin: 0 4px 0 0; width: 400px; padding-top: 2px;} #article_2_content #image_container.large_container #myExperience{margin: 0 auto; display: block;} #article_2_content #image_container.large_container #image{margin: 0 auto; display: block; max-width: 100%; position:relative;} #article_2_content #image_container.image {width: 340px; margin-right: 14px; padding-top: 5px;} #article_2_content #image_container.large_container{float: none; width: auto; margin-right: 0; margin-top: 10px; padding-top: 0;} #article_2_content .body_text {padding-top: 0px;} #article_2_content .body_text.large_container{padding-top: 30px;} #article_2_content .body_text p {font-size: 15px; line-height: 22px; margin-top: 0; margin-bottom: 15px; font-family: Arial, sans-serif; color: #222;} #article_2_content .pagination {font: normal 18px/15px "ProximaNovaExCn-Bold", Arial, sans-serif; text-align: right; margin-bottom: 11px; color: #222;} #article_2_content .pagination a {display: inline-block; width: 15px; background: url(/cm/esquire/site_images/article2_bg.png) no-repeat transparent; line-height: 16px;} #article_2_content #pagination a.next_img:after, #article_2_content #pagination a.previous_img:before {content: ""; display: inline-block; width: 15px; background: url(/cm/esquire/site_images/article2_bg.png) no-repeat transparent; height: 14px; position: absolute; top: 4px;} #article_2_content .pagination a:hover{text-decoration: none;} #article_2_content .pagination a.next {background-position: -12px 0;} #article_2_content .pagination a.prev {background-position: 1px 0;} #article_2_content #pagination a.next_img {width: 35px; padding-right: 18px; position: relative;} #article_2_content #pagination a.next_img:after{background-position: -12px 0px; right: 0;} #article_2_content #pagination a.previous_img {width: 70px; padding-left: 18px; position: relative;} #article_2_content #pagination a.previous_img:before{background-position: 1px 0px; left: 0;} #article_2_content #pagination span.current{color: #999; font: normal 21px "ProximaNovaExCn-Bold", Arial, sans-serif; padding: 0 4px; display: inline-block;} #article_2_content .viral_tools.bottom.redesign_article_2 {float:left; width: 100%; padding-bottom: 15px; border-bottom: solid 1px #999; margin-bottom: 0px;} #article_2_content .viral_tools.top { margin: 10px 0 7px 0; } #article_2_content figure{margin: 0 0 20px 0; padding: 0;} #article_2_content figure figcaption{padding-top: 5px; border-bottom: 4px double #999;} #article_2_content figure .caption{color: #353535; font: 14px/18px "ProximaNova-ExtrabldIt", sans-serif; padding: 0 0 5px; margin: 0} #article_2_content figure .credit{font: normal 12px/16px "ProximaNova-ExtrabldIt",Arial, sans-serif; color: #999999; margin: 0; padding-bottom: 5px} /* Circ Ad Shown if no Partner Links */ #article_2_content #circad_wrapper {margin: 5px 0 0px; min-width: 360px;} #article_2_content #image_container.large_container #circad_wrapper{float: left; margin-top: 20px;} #article_2_content #circad_wrapper p {text-transform: uppercase; text-align: center; font: 9px "ProximaNova-ExtrabldIt",Arial, sans-serif; color:#999; letter-spacing: 1px; margin: 0;} #article_2_content #circad_wrapper #ad {padding: 3px 0 12px;} #article_2_content #circad_wrapper #ad #ams_circ_esq_300x200 {min-width: 300px; height: 200px; margin: 0 auto; display: block; text-align: center;} /* Partner Links */ #article_2_content .partnerLinks {width: 100%; padding-bottom: 10px; margin: 10px 10px 10px 0; font-size: 12px; font-weight: bold;} #article_2_content .hed {display: none;} #article_2_content #partner_left {clear: both; margin-bottom: 10px;} #article_2_content #partner_right {clear: both; background: #ebebeb; width: 100%; padding: 0 0 10px;} #article_2_content .partnerLinks .moreFrom {color: #666; text-transform: uppercase; margin: 10px 0 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px;} #article_2_content .partnerLinks .moreFrom a {color: #000;} #article_2_content .partnerLinks li {line-height: 20px; list-style-type: none;} #article_2_content .partnerLinks li a {color: #000;} #article_2_content #partnerPromo {width: 300px; margin: 0 auto; background:url(/cm/esquire/site_images/redesign/hed-partner.gif) no-repeat; padding-top: 23px;} #article_2_content #pagination {margin-top: 0px;padding-top: 10px; margin-bottom: 20px;} #article_2_content #pagination a {background: none; text-decoration: none;font: normal 21px "ProximaNovaExCn-Bold", Arial, sans-serif; color: #222 !important;padding: 0 4px; display: inline-block; text-transform: uppercase; height: auto;} /* Right Rail */ body.redesign_article_2 #sponsoredlinks_cntr, body.redesign_article_2 #sponsoredlinks_cntr .inner{background-color: transparent;} body.redesign_article_2 #sponsoredlinks_cntr .title {font: normal 9px/20px "ProximaNova-ExtrabldIt",Arial, sans-serif; color: #888; letter-spacing: 1px; text-transform: uppercase; text-align: center;} #bc_88x31_sponsor{position: relative;left: 530px;margin-top: -10px; width:88px; text-align:center;} .sourceLogo{font: 12px "ProximaNovaExCn-Bold", Arial, sans-serif;display: block;text-transform: uppercase;} footer{clear:both; width:100%; float:left;} .redesign_article_2 #ncmModule.lg{border-top: none;} /* Targeted Video Player - Article 2 */ #vidTitle {width: 300px;font: 24px/22px "ProximaNovaExCn-Bold", sans-serif; color: #262626;padding-bottom: 4px;text-transform: uppercase;} #vidTitle a {color:#262626; text-decoration:none;} #vidTitle a:hover {text-decoration:none; cursor:pointer;}