/* * TWP Global Masthead * Version 3.0.0 * * Contains styling for the global masthead and overrides for all TWP pages */ /* begin global masthead */ #header-v3 {position:relative;font-size:12px;font-family:arial;background:#fff;border-bottom:1px solid #333;} #header-v3, #footer-v3 {text-align:left;} #header-v3 a {color:#000;text-decoration:none;font-weight:bold;} #header-v3 ul, #footer-v3 ul, #utility-wrapper ul {overflow:hidden;margin:0;padding:0;list-style-position:outside;} #header-v3 ul, #header-v3 li, #footer-v3 ul, #footer-v3 li, #utility-wrapper ul, #utility-wrapper li {list-style-type:none;background:none;} #header-v3 li {float:left;} #header-v3 #utility-wrapper {overflow:hidden;position:relative;height:23px;} /* Do not remove */ /* utility links */ #header-v3 #utility-links {padding:0 0 0 0;z-index:10;position:absolute;left:0;overflow:visible;width:560px;} #header-v3 #utility-links li {padding:0 16px 0 0;line-height:23px;background:none;border:none;} #header-v3 #utility-links li a {font-weight:bold;color:#333;font-size:11px;text-decoration:none;} /* remove px later */ #header-v3 #utility-links li a:hover {color:#057ec2} #header-v3 #utility-links li a.anchor {line-height:23px;display:block;} #header-v3 #utility-links li.active a.anchor {background-color:#ffffcc;} #header-v3 #utility-links li a.username {font-weight:bold;} #header-v3 #global-signin span {font-size:11px;} /* login */ #header-v3 #login {position:absolute;left:0;display:none;width:982px;background-color:#ffffcc;padding-left:10px;} #header-v3 #login form fieldset div.field {margin-right:8px;} #header-v3 #login form fieldset div.field.persist {padding-top:5px;} #header-v3 #login form fieldset label span.help {line-height:1.4em;font-weight:normal;} #header-v3 #login form input.text {width:180px;color:#9d9d9d;border:1px solid #dedede;line-height:18px;font-size:.90em;margin:5px 0 0 0;padding:3px 0 0 3px;height:16px;overflow:hidden;} .ie #header-v3 #login form input.text {margin:4px 0 0 0;padding:0 0 4px 3px;line-height:20px;} /* user tools */ #header-v3 #user-tools {width:100%;height:50px;} #header-v3 #user-tools li {line-height:23px;font-size:11px;border:none;padding:0;float:right;font-family:arial;} #header-v3 #user-tools li a.anchor {color:#000;line-height:23px;display:block;padding:0 6px;} #header-v3 #user-tools li:hover a.anchor, #header-v3 #user-tools li.selected a.anchor {color:#057ec2;} #header-v3 #user-tools li.last a.anchor {padding-right:0;} #header-v3 #main-nav li.first a.news {padding-right:7px;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/sprites/sprite-icons-nav-arrow.png);background-repeat:no-repeat;background-position:right 6px;} #header-v3 #user-tools li:hover a.anchor span, #header-v3 #user-tools li.selected a.anchor span {background-position:right -39px;} #header-v3 #user-tools li.ad {position:relative;display:block;color:#fff;font-size:11px;padding:0px 8px;text-align:left;font-weight:normal;line-height:30px;} #header-v3 #user-tools li.ad:hover {background:#000;} #header-v3 #user-tools li div {display:none;position:absolute;right:0;width:982px;height:30px;background:#000;} #header-v3 #user-tools li:hover div {display:block;} #header-v3 #user-tools li.selected div {display:block;} #header-v3 #user-tools li div ul.sub-nav {position:absolute;right:0;} #header-v3 #user-tools li div ul li:hover {background-color:#067dc1;} #header-v3 #user-tools li div ul li {float:left;} #header-v3 #user-tools li div ul li a {padding:0 8px;line-height:30px;color:#fff;} /* main navigation */ #header-v3 #main-nav-wrapper {clear:both;} #header-v3 #main-nav {border-bottom:1px solid #000;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-nav.png) repeat-x left top;width:100%;display:block;} #header-v3 #main-nav {*overflow:visible;} /* IE hack */ #header-v3 #main-nav li {margin:0;padding:0 1px 0 0;line-height:29px;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-nav-divider.png) no-repeat right top;border:none;} #header-v3 #main-nav li.active a {background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-nav-active.png) repeat-x left top;} #header-v3 #main-nav li.first {border-left:1px solid #696969;} #header-v3 #main-nav li a.uc {text-transform:uppercase;font-weight:bold;} #header-v3 #main-nav li:hover a, #header-v3 #main-nav li.selected a {background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-nav-blue.png) repeat-x left top;} #header-v3 #main-nav li a {color:#f1f3ef;} #header-v3 #main-nav li a, #header-v3 #main-nav li a:link, #header-v3 #main-nav li a:visited, #header-v3 #main-nav li a:hover, #main-nav li a:active {padding:0 10px;display:block;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;} #header-v3 #main-nav li div.drop {background:#555;display:none;} #header-v3 #main-nav li:hover div.drop, #header-v3 #main-nav li.selected div.drop {display:block;position:absolute;z-index:9999;zoom:1;margin-left:-1px;padding-top:1px;background:#555;} #header-v3 #main-nav li div.drop table {background:#333;border-collapse:collapse;} #header-v3 #main-nav li div.drop table tr td {white-space:nowrap;border:1px solid #5e5e5e;padding:0;} #header-v3 #main-nav li div.drop table tr td a, #header-v3 #main-nav li div.drop table tr td a:link, #header-v3 #main-nav li div.drop table tr td a:visited, #header-v3 #main-nav li div.drop table tr td a:active {background:none;font-weight:bold;font-size:11px;padding:6px 8px;display:block;color:#fff;line-height:1;} #header-v3 #main-nav li div.drop table tr td a:hover {background:#047dc2;color:#fff;} #header-v3 #main-nav div.ad {position:static;display:block;color:#fff;font-size:11px;background:#555;padding:0px 8px;text-align:left;font-weight:normal;border:1px solid #666;border-top:none;padding:0 8px;line-height:20px;margin:0;} .ie.ie6 #header-v3 #main-nav li.selected div div.ad {padding:4px 8px;line-height:1;} #header-v3 #main-nav li div.drop div.ad a:link, #header-v3 #main-nav li div div.ad a:visited, #header-v3 #main-nav li div div.ad a:active, #header-v3 #main-nav li div div.ad a:hover {background:none;display:inline;font-weight:normal;padding:0;} #header-v3 #main-nav li div.drop div.ad a:hover {color:#79c3ed;} /* nav search */ #header-v3 #main-nav li.search {border-right:1px solid #696969;background:none;padding-right:4px;width:229px;line-height:1;float:right;} #header-v3 #main-nav li.search form {height:22px;overflow:hidden;margin:4px 0 0 0;} #header-v3 #main-nav li.search form input.text {width:184px;color:#777;border:1px solid #5e5e5e;border-right:none;font-size:11px;overflow:hidden;padding:0 0 0 5px;height:16px;color:#777;background:#fff url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/sprites/sprite-global-search.png) repeat-x left -44px;display:block;float:left;padding-top:4px;} .wrapperFull #header-v3 #main-nav li.search form input.text {height:22px;} #header-v3 #main-nav li.search input.global-search {border:0px solid #000;border-right:none;width:36px;height:22px;background-image:url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/sprites/sprite-global-search.png);background-repeat:no-repeat;background-position:left top;cursor:pointer;text-indent:-9999em;line-height:12px;} #header-v3 #main-nav li.search input.global-search:hover {background-position:left -22px;} /* branding */ #header-v3 #brand-wrapper {position:relative;} /* branding */ #header-v3 #logo {clear:left;position:relative;} #header-v3 #logo a.brand {height:77px;width:500px;font-family:georgia;font-size:3.2em;display:block;line-height:60px;padding-left:10px;text-indent:-9999px;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/logos/logo-twp-484x77.jpg) no-repeat 10px top;margin:10px 0;position:relative;} /* sections */ #header-v3 #logo.politics a.brand {background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/logos/logo-twp-politics-431x74.png) no-repeat 10px top;} #header-v3 #logo.local a.brand {background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/logos/logo-twp-430x66.png) no-repeat 10px top;width:430px;height:66px;} #header-v3 #hp-select {position:relative;top:0;background:none;font-weight:normal;top:-15px;left:13px;} #header-v3 #hp-select span {text-decoration:underline;text-transform:uppercase;} /* masthead tile ad */ #header-v3 .tile-ad {width:215px;height:60px;background:none;position:absolute;right:10px;top:10px;color:#ccc;line-height:60px;text-align:center;} /* main sub nav */ #header-v3 #main-sub-nav-wrapper {border-top:1px solid #d8d8d8;overflow:hidden;position:relative;clear:both;} #header-v3 #main-sub-nav {border-top:2px solid #fff;border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-sub-nav.png) repeat-x left top;height:21px;} #header-v3 #main-sub-nav li {padding:0 2px 0 0;line-height:21px;background:transparent url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-sub-nav-divider.png) no-repeat right top;} #header-v3 #main-sub-nav li.selected {background-image:url("http://media.washingtonpost.com/wp-srv/global/images/twp-v3/bkg/bkg-main-nav-active.png");background-repeat:repeat-x;} #header-v3 #main-sub-nav li.first {border-left:1px solid #696969;} #header-v3 #main-sub-nav li a, #header-v3 #main-sub-nav li a:link, #header-v3 #main-sub-nav li a:visited, #header-v3 #main-sub-nav li a:hover, #header-v3 #main-sub-nav li a:active {padding:0 10px;display:block;color:#000;font-weight:bold;} #header-v3 #main-sub-nav li.selected a {color:#fff;} /* hot topics */ #header-v3 .hot-topics {clear:both;height:33px;border-bottom:1px solid #d8d8d8;padding:0 0 0 10px;position:relative;overflow:hidden;} #header-v3 .hot-topics ul {float:left;} #header-v3 .hot-topics ul li {font-weight:bold;color:#c1c1c1;line-height:33px;padding:0 10px;} #header-v3 .hot-topics ul li.first {padding:0 10px 0 0;} #header-v3 .hot-topics span.timestamp {position:absolute;right:10px;top:10px;font:normal .90em arial;color:#666;text-indent:0em;} #header-v3 .hot-topics span.label {font:bold 12px georgia;padding-right:21px;color:#c4151a;line-height:33px;float:left;} /* leaderboard Ad */ #header-v3 #leaderboard-ad-wrapper {text-align:center;border-bottom:2px solid #333;clear:both;margin-bottom:1px;} #header-v3 #leaderboard-ad-wrapper {*height:109px;} #header-v3 #leaderboard-ad {margin:10px auto;width:742px;} /* global weather */ #header-v3 #global-weather {width:180px;overflow:hidden;position:relative;font-size:11px;position:relative;top:10px;display:none;left:80px;} #header-v3 #global-weather a, #global-weather a:hover, #global-weather a:visited, #global-weather a:active {font-weight:normal;color:#0c4891;} #header-v3 #global-weather .inline {line-height:12px;margin-bottom:4px;} #header-v3 #global-weather .inline li {padding:0 0 0 6px;} #header-v3 #global-weather .inline li.location {padding:0 6px 0 0;border-right:1px solid #0c4891;font-weight:bold;color:#0c4891;font-weight:bold;} #header-v3 #global-weather .wrapper {position:relative;overflow:hidden;} #header-v3 #global-weather .wrapper .thumbnail {margin-bottom:0;} #header-v3 #global-weather .wrapper .meta {font-weight:bold;line-height:1;margin:0;position:relative;top:9px;display:inline;} #header-v3 #global-weather .wrapper .temperature {font-size:22px;} #header-v3 #global-weather-form {display:none;} #header-v3 #set-weather {padding:10px;} #header-v3 #set-weather p {color:#333;font-family:arial;} #header-v3 #set-weather input.submit {background:url(http://media.washingtonpost.com/wp-srv/global/images/twp-v3/buttons/button-accept.png) no-repeat left top;border:none;width:64px;height:29px;text-indent:-9999px;} /* dialog */ #twp-section-front .dialog {z-index:1000;position:absolute;} #twp-section-front .dialog .wrapper {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;background-color:#000000;height:100%;opacity:0.35;filter:alpha(opacity=35);position:absolute;width:100%;z-index:-1;top:0px;} #twp-section-front .dialog .content {background:#fff;overflow:hidden;position:relative;z-index:1001;text-align:left;} #twp-section-front .dialog .content .title {border-bottom:1px solid #E1E1E1;margin:0 0 10px 0;padding:0 0 10px 0;color:#C4151A;text-transform:uppercase;font:bold 11px arial;position:relative;} #twp-section-front .dialog .content .title .close {background:url(http://www.washingtonpost.com/wpost/images/icons/icon-close.png) no-repeat left top;cursor:pointer;width:15px;height:15px;position:absolute;right:0;top:0;}