/* Header 4.0  */
.page_header{position:relative;padding-top:10px;height:94px;border-bottom:5px solid #E32;overflow:visible;}

/* Sprites */
.page_header h1 a,.page_header .nav ul.utils li.social_icon a, .page_header .nav ul.feeds li a, .search_bar button#search_submit, .HotNav .arrow, .HotNav .arrow a{background:url(../images/global/buzzfeed_v4.png?v=1316638702) 0 0 no-repeat;}
.page_header h1 a, .page_header .nav ul.feeds li a, .page_header .nav ul.utils li.social_icon a{display:block;text-indent:-1000em;overflow:hidden;}
.page_header .nav ul.feeds li.lol a{background-position:-305px 0;}
.page_header .nav ul.feeds li.cute a{background-position:-370px 0;}
.page_header .nav ul.feeds li.win a{background-position:-435px 0;}
.page_header .nav ul.feeds li.fail a{background-position:-500px 0;}
.page_header .nav ul.feeds li.omg a{background-position:-565px 0;}
.page_header .nav ul.feeds li.geeky a{background-position:-630px 0;}
.page_header .nav ul.feeds li.trashy a{background-position:-695px 0;}
.page_header .nav ul.feeds li.wtf a{background-position:-760px 0;}
.page_header .nav ul.feeds li.random a{background-position:-825px 0;}
.page_header .nav ul.feeds li.spacer a{background:0;}
.page_header .nav ul.utils li.social_icon a.twitter{background-position:-408px -65px;}
.page_header .nav ul.utils li.social_icon a.facebook{background-position:-389px -65px;}
.page_header .nav ul.utils li.social_icon a.stumbleupon{background-position:-427px -65px;}
.page_header .nav ul.feeds li a:hover, .page_header .nav ul.utils li.social_icon a:hover{-moz-opacity:0.7;opacity:0.7;}
.page_header .nav ul.feeds li.random a:hover{-moz-opacity:0.9;opacity:0.9;}


/* Smartling Language Translation */
.smartling-es .page_header h1 a,.smartling-es .page_header .nav ul.utils li.social_icon a,.smartling-es  .page_header .nav ul.feeds li a,.smartling-es  .search_bar button#search_submit,.smartling-es .HotNav .arrow, .smartling-es .HotNav .arrow a{background-image:url(../images/global/buzzfeed_v4_es.png?v=1316638702);}
.smartling-zh .page_header h1 a,.smartling-zh .page_header .nav ul.utils li.social_icon a,.smartling-zh  .page_header .nav ul.feeds li a,.smartling-zh  .search_bar button#search_submit,.smartling-zh .HotNav .arrow, .smartling-zh .HotNav .arrow a{background-image:url(../images/global/buzzfeed_v4_cn.png?v=1316638702);}
.language_selector { display:none; }
.smartling-es .language_selector, .smartling-zh .language_selector { display:block; }

/* Logo */
.page_header h1{position:absolute;margin-bottom:0;/* @EG */
bottom:0;left:0;width:305px;height:72px;overflow:hidden;}
.page_header h1 a{width:305px;height:72px;}

/* Utility Navigation */
.page_header .nav ul.utils{float:right;padding:2px 0;}
.page_header .nav ul.utils li{float:left;margin-right:14px;}
.page_header .nav ul.utils li.social_icon{margin:0 3px;}
.page_header .nav ul.utils li.social_icon a{width:19px;height:19px;}

/* Badge Navigation */
.page_header .nav ul.feeds{position:absolute;right:2px;bottom:1px;overflow:auto;}
.page_header .nav ul.feeds li{float:left;margin:0 5px;}
.page_header .nav ul.feeds li a, .page_header .nav ul.feeds li .rnd-spinner{width:65px;height:55px;}
.page_header .nav ul.feeds li .rnd-spinner{display:block;background:url(../images/public/spinners/big_on_white.gif?v=1316638702) center no-repeat;}

/* Sub Header Bar */
.page_sub_header{position:relative;margin-bottom:15px;padding:5px 6px;height:34px;background-color:#ECECEC;border-top:1px solid #F0F0F0;border-bottom:1px solid #e2e2e2;font-family:arial,helvetica,sans-serif;z-index:2;}

/* Menus */
.page_sub_header .menu{position:absolute;left:0;font-size:16px;background-color:#FFF;white-space:nowrap;border:1px solid #ADB5BD !important;-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2) !important;-moz-box-shadow:0 10px 10px rgba(0,0,0,0.2) !important;box-shadow:0 10px 10px rgba(0,0,0,0.2) !important;z-index:100;}
.page_sub_header .nav .menu{min-width:99%;border:1px solid #ADB5BD;border-top-color:#CCC;}
.page_sub_header .menu li a{display:block;padding:8px;background-color:#FFF;border-bottom:1px solid #EDEDED;}
.page_sub_header .menu li a:hover, .page_sub_header .menu li a.hover{color:#FFF;background-color:#07E;}
.page_sub_header .menu li a:active{background-color:#0069d1;}
.page_sub_header .menu li:last-child>a{border:0 !important;}

/* Navigation */
.page_sub_header .nav{position:relative; z-index:2;}
.page_sub_header .nav .pointer{position:absolute;top:15px;right:10px;width:0;height:0;border-top:4px solid #666;border-right:4px solid transparent;border-left:4px solid transparent;}
ul.main_nav{margin-left:310px;}
ul.main_nav li{position:relative;}
ul.main_nav li a{display:block;}

/* First level */
ul.main_nav li.dropdown{float:left;margin-right:7px;}
ul.main_nav li .dropdown_heading{padding-right:25px;font-weight:bold;font-size:21px;line-height:1;letter-spacing:-1px;border:1px solid transparent;text-shadow:1px 1px 1px rgba(255,255,255,0.5);-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5);-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5);}
ul.main_nav li .dropdown_heading#usernav-profile-link{background-color:#FFF;border:1px solid #ddd;}
ul.main_nav li:hover .dropdown_heading{background-color:#FFF;border:1px solid #ADB5BD !important;}
ul.main_nav li:hover .dropdown_heading:hover, ul.main_nav li .dropdown_heading#usernav-profile-link:hover{color:#FFF;background-color:#07E;text-shadow:1px 1px 1px #07e;-webkit-text-shadow:1px 1px 1px #07e;-moz-text-shadow:1px 1px 1px #07e;}
ul.main_nav li:hover .dropdown_heading:active, ul.main_nav li .dropdown_heading#usernav-profile-link:active{background-color:#0069D1;}
ul.main_nav li:hover .dropdown_heading .pointer{border-top-color:#CCC;}
ul.main_nav li:hover .not_clickable{color:#666 !important;background-color:#E0E0E0 !important;border-color:#DDD !important;cursor:default;text-shadow:1px 1px 1px rgba(255,255,255,0.5)!important;-webkit-text-shadow:1px 1px 1px rgba(255,255,255,0.5)!important;-moz-text-shadow:1px 1px 1px rgba(255,255,255,0.5)!important;}
ul.main_nav li:hover .not_clickable .pointer{border-top-color:#777 !important;}
ul.main_nav li .menu{display:none;margin-top:-1px;/* offset for 100% */ top:100%;}
ul.main_nav li:hover .menu, ul.main_nav li.hover .menu{display:block;z-index:2;}

/* Two Columns */
.page_sub_header .nav .menu.two_columns{width:249px;background-color:#F5F5F5;}
.page_sub_header .nav .menu.two_columns li{float:left;width:124px;}
.page_sub_header .nav .menu.two_columns li:nth-child(odd){border-right:1px solid #DDD;}

/* User Dropdown */
ul.main_nav li.dropdown#usernav-ul{float:right;white-space:nowrap;margin-right:0;}
ul.main_nav li.dropdown#usernav-ul{width:200px;}
ul.main_nav li.dropdown#usernav-ul a#usernav-profile-link{display:block;padding:0;height:32px;/*overflow:auto;*/}
#usernav-profile-link .fbicon{position:absolute;left:-2px;bottom:-3px;}
#usernav-image{position:absolute;top:5px;left:5px;}
#usernav-displayname{float:left;padding:0 !important;margin:8px 0 0 35px;width:140px;font-weight:normal;font-size:16px !important;height:18px !important;letter-spacing:0px;text-shadow:none;-webkit-text-shadow:none;-moz-text-shadow:none;text-overflow:ellipsis;cursor:pointer; overflow:hidden;}

/* Signed Out State */
.page_sub_header #usernav-signin{padding:7px 0;}
.page_sub_header #usernav-signin{text-align:center;}
.page_sub_header #usernav-signin a{display:inline;font-size:18px;}
.page_sub_header #usernav-loggingout{display:block;padding: 9px 7px 7px 65px; font-size:18px;background:#ECECEC !important; color: #636363;}
#switch-list-spinner{position:absolute;right:5px;}

/* Switch User Menu */
.page_sub_header .SwitchUser{top:50px;right:20px;}
.close_switch_list_ui{right:-15px;}

/* Search */
.page_sub_header .search_bar{float:left;margin-top:1px;position:relative;padding-left:2px;z-index:1;}
.page_sub_header .nav a, .page_sub_header .search_bar input, .page_sub_header .search_bar button{margin:0;padding:6px 8px;font-size:16px;}
.page_sub_header .search_bar input{float:left;}
.page_sub_header .search_bar input#header_search{width:279px;color:#888;background:#FFF;border:1px solid #ddd;}
.page_sub_header .search_bar input#header_search.active{color:#333;}
.page_sub_header .search_bar input#header_search:focus{border-color:#999;}
.page_sub_header .search_bar button#search_submit{position:absolute;right:3px;width:30px;background-position:-889px 7px;text-indent:-1000em;overflow:hidden;}
.page_sub_header .search_bar .menu{top:31px !important; width:298px !important; text-overflow:ellipsis;}
.page_sub_header .search_bar .search_suggest h6{margin:0;padding:8px 8px 2px 8px;color:#E32;font-size:16px;}

/* Hot Thumbnail Reel */
.HotHead{margin-top:-15px;margin-bottom:10px;padding:7px 8px 8px 8px;background-color:#F9F9F9;border-bottom:1px solid #e5e5e5;overflow:auto;}
.HotHead .unit{position:relative;float:left;margin-right:10px;width:125px;height:83px;margin-top:2px;}
.HotHead .unit.hoton {height: 100px;margin-top:0;}
.HotHead .unit.hoton .badge {display:none;}
.HotHead .unit a .hoton_domain {font: bold 10px "Helvetica Neue", helvetica, arial, sans-serif !important;color: #e32; text-transform: uppercase;}
/*.HotHead .unit a div.hoton_domain.partner {color: #727272; font-weight: normal !important; background: #fff6e1; margin: -3px 0 0 0; padding: 3px 0 5px 0;}*/
.HotHead .unit a .hoton_domain span { /*font-size: 9px;*/ font-weight: normal;}
.HotHead .unit a div.hoton_domain {margin: 0 0 5px 0; height: 12px; overflow: hidden;}
.HotHead .unit a:hover div.hoton_domain {color: #0077ee;/*display:none;*/}
/*.HotHead .unit a span.hoton_domain{position:absolute;bottom:5px;left:-4px;padding:5px;width:111px;cursor:pointer;background:rgba(238,51,34,.84);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.32) !important;-moz-box-shadow:0 2px 3px rgba(0,0,0,0.32) !important;box-shadow:0 2px 3px rgba(0,0,0,0.32) !important;}
.HotHead .unit a:hover span.hoton_domain{display:none;}*/
.HotHead .unit a span.title{display:none;position:absolute;bottom:0;left:0;padding:8px;width:109px;cursor:pointer;overflow:hidden;}
.HotHead .unit a span.title small {font-size:10px; color:#d3e3fe;}
.HotHead .unit a:hover span.title{display:block;color:#FFF;background:#07E;/* backup for IE */ background:rgba(26,123,235,0.9);}
.HotHead .unit a:hover span.title span {display: block; max-height: 60px; overflow: hidden;}
.HotHead .unit .badge img{position:absolute;top:-14px;left:-7px;}
.HotHead .unit .title{font:12px "Lucida Grande",sans-serif;}
.HotNav .arrow{position:absolute;right:12px;width:21px;height:21px;}
.HotNav .arrow a{display:block;width:21px;height:21px;overflow:hidden;text-indent:-9999px;}
.HotNav .prev{top:24px;background-position:-305px -65px;}
.HotNav .next{top:52px;background-position:-326px -65px;}
.HotNav.hoton .prev{top:34px;}
.HotNav.hoton .next{top:62px;}
.HotNav .prev a{background-position:-347px -65px;}
.HotNav .next a{background-position:-368px -65px;}
.HotNav .arrow a:hover{opacity:0.7;-moz-opacity:0.7;}
.HotNav .arrow a:active{opacity:1.0;-moz-opacity:1.0;}

/* Sub Navigation */
.sub_nav{margin-top:8px;margin-bottom:40px;font:16px arial,helvetica,sans-serif;}
.sub_nav ul{margin-bottom:20px;}
.sub_nav ul li a{position:relative;display:block;padding:6px 8px;border-bottom:1px solid #EDEDED;}
.sub_nav ul li a:hover{color:#FFF;background-color:#07E;}
.sub_nav ul li a:active{background-color:#0069d1;}
.sub_nav ul li.selected a, .sub_nav ul li.selected a:hover{color:#FFF;background-color:#07E;}
.sub_nav ul li.selected a .carrot{position:absolute;display:block;top:8px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-right:8px solid #07E;border-bottom:8px solid transparent;}

/* Page Content Titles */
.content_header{margin:10px 0 20px 0;}
.content_header h1{display:inline;font:bold 40px arial,helvetica,sans-serif !important;}
.content_header h1 .beta{position:absolute;margin:5px 2px;color:#FFF;padding:2px 4px;background-color:#999;font-size:10px;font-style:italic;font-weight:normal;text-transform:uppercase;}
.content_header p{line-height:1.7;}
.sub_header_bar{clear:both;margin:20px 0;padding:8px;color:#474F57;font-size:15px;background-color:#E7F7FF;}
.sub_header_bar .spinner{position:absolute;margin-top:0;width:18px;height:18px;background:url(../images/global/spinner/small-222-e7f7ff.gif?v=1316638702) no-repeat;}
.filter_nav{float:right;margin-top:14px;font:12px arial,helvetica,sans-serif;}
.filter_nav .label{margin-top:2px;font-weight:bold;}
.filter_nav ul{float:left;overflow:auto;}
.filter_nav .label, .filter_nav ul li{float:left;}
.filter_nav .label, .filter_nav ul li a{display:block;padding:4px 10px;}
.filter_nav ul li a{border:1px solid #D0D0D0;}
.filter_nav ul li a:hover{background-color:#F9F9F9;border-color:#AAA;}
.filter_nav ul li a:active{background-color:#EDEDED;}
.filter_nav ul li.selected a, .filter_nav ul li.selected a:hover{color:#333;background-color:#DDD;border-color:#DDD;border-top-color:#CCC;cursor:default;}

/* Generic List of Results for New Subpages  */
ul.result_list{float:left;width:100%;}
ul.result_list li{position:relative;float:left;padding:15px 0;width:100%;border-bottom:1px solid #EDEDED;}

/* Overrides */
.search_bar .menu .wrapper{padding:0;border:0;}
.search_bar .menu ul li{margin:0;padding:0;font-size:16px;}
.page_sub_header #usernav-profile{width:200px !important;}
.page_sub_header #usernav-menu{top:34px !important;width:178px !important;background:#FFF;}
.page_sub_header #usernav-menu a{width:auto !important;padding:8px;border-top:0;border-bottom:1px solid #EDEDED;}
.page_sub_header #usernav-profile{background:transparent !important;}
.page_sub_header #usernav-signin{width:200px;background:#ECECEC;height:auto !important; padding-top: 9px; text-align: right;}
.page_sub_header #usernav-signin a{font-weight:normal !important;}
.page_sub_header #usernav-loggingout{margin:0 !important;}

/* B-Page */
.TwoColumns .Column2{float:right;}
.HotHead{position:static !important;}
.utils li.boost{vertical-align:bottom;}
.utils li.boost a{display:inline-block;color:#ee3322;}
.utils li.boost a span{display:inline-block;font-weight:bold;}
.utils li.boost a:hover{color:#0077ee;}
.utils li.boost a .num{float:right;padding:1px 6px 3px 7px;margin:0;background:#ee3322;color:#fff;font-size:11px;line-height:11px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-family:Arial,Helvetica,sans-serif;vertical-align:bottom;}
.utils li.boost a:hover .num{background:#0077ee;}
.utils li.boost a .text{float:left;padding:0 8px 0 0;overflow:hidden;background:url(../images/public/boost/cart_pointer.png?v=1316638702) right 5px no-repeat;vertical-align:top;}
.utils li.boost a:hover .text{background-position:right -15px;}

/* Misc */
#feed_update_notifier{top:15px;left:-12px;}
