/* Yahoo! News circa 2007-2009 — replica stylesheet.
   Grounded in the actual 2008 ynews.css (Wayback capture, .tmp/ref/ynews-20080901.css):
   750px container, 180px sidebar, #003399 links / #800080 visited,
   #f2f3f5 tab strip with dark active tab, #21334a dark subnav, #a5b2bd module borders,
   #a5b1bd active provider tab, #A2BCCE "More Stories" header, red italic wordmark,
   yellow-orange gradient search button. */

html, body { margin: 0; padding: 0; }
body {
  background: #fff;
  font: 13px/122% Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
}

/* ---------- links (2008 convention: non-underlined, hover underline) ---------- */
a { color: #003399; text-decoration: none; }
a:visited { color: #800080; }
a:hover { text-decoration: underline; }
img { border: 0; }

small, .small { font: 77% Verdana, Arial, sans-serif; }
.tiny { font: 77% Verdana, Arial, sans-serif; color: #666; }
.gray { color: #666; }
em { font-style: normal; font-size: 85%; color: #666; }
.spacer, .clear { display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

/* ---------- page frame ---------- */
#yncont { width: 750px; margin: 0 auto; text-align: left; }

/* ---------- utility bar ---------- */
#util {
  background: #ededed;
  border-bottom: 1px solid #ccc;
  font: 77% Verdana, Arial, sans-serif;
  padding: 4px 8px;
}
#util ul { list-style: none; margin: 0; padding: 0; }
#util ul.l { float: left; }
#util ul.r { float: right; }
#util li { display: inline; margin-right: 8px; padding-right: 8px; border-right: 1px solid #ccc; }
#util li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
#util a { color: #666; }
#util .welcome { font-weight: bold; color: #333; }

/* ---------- masthead: red wordmark + search ---------- */
#masthead { padding: 10px 5px 8px 5px; }
#masthead .logo { float: left; }
#masthead .logo a {
  font-family: "Times New Roman", Times, serif;
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  color: #d4001d;              /* red Yahoo! wordmark of 2007-2009 */
  letter-spacing: -2px;
  text-decoration: none;
  line-height: 36px;
}
#masthead .logo a:hover { text-decoration: none; }
#masthead .logo .news {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  color: #333;
  margin-left: 4px;
  vertical-align: 6px;
}
#masthead .hsearch { float: right; margin-top: 8px; font: 77% Verdana, Arial, sans-serif; }
#masthead .hsearch form { margin: 0; }
#masthead .hsearch label { font-weight: bold; color: #000; }
#masthead .hsearch input[type=text] {
  width: 215px;
  border: 1px solid #ccc;
  border-bottom-color: #999;
  padding: 2px 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#masthead .hsearch select { font-size: 10px; vertical-align: middle; }
#masthead .ybtn, input.ybtn {
  font: bold 11px Verdana, Arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  background: #fad35c;                 /* yellow-orange search button */
  background: -moz-linear-gradient(top, #ffe9a8, #f7c843);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe9a8), to(#f7c843));
  border: 1px solid #f4ac33;
  padding: 2px 12px;
  cursor: pointer;
  vertical-align: middle;
}
#masthead .adv { margin-left: 6px; }

/* ---------- primary tab nav ---------- */
#ynnav { clear: both; }
#ynnav ul {
  margin: 0; padding: 0 0 0 4px;
  list-style: none;
  border-bottom: 1px solid #2c4463;
  height: 21px;
}
#ynnav li { float: left; margin-right: 2px; }
#ynnav li a {
  display: block;
  font: bold 10px Verdana, Arial, sans-serif;
  color: #434343;
  background: #f2f3f5;
  padding: 5px 9px 4px;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-bottom: none;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#ynnav li a:visited { color: #434343; }
#ynnav li a:hover { background: #e8ecf4; }
#ynnav li.on a {
  background: #2c4463;
  background: -moz-linear-gradient(top, #41597a, #22344c);
  background: -webkit-gradient(linear, left top, left bottom, from(#41597a), to(#22344c));
  color: #fff;
  border-color: #2c4463;
}
#ynnav li.on a:visited { color: #fff; }

/* ---------- secondary nav: dark navy bar ---------- */
#ynsubnav { clear: both; }
#ynsubnav ul {
  list-style: none;
  margin: 0; padding: 0;
  border-bottom: 1px solid #000;
  background: #21334a;                 /* dark navy gradient bar */
  background: -moz-linear-gradient(top, #3a4f68, #21334a);
  background: -webkit-gradient(linear, left top, left bottom, from(#3a4f68), to(#21334a));
  height: 24px;
}
#ynsubnav li { float: left; font: 77% Verdana, Arial, sans-serif; }
#ynsubnav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  margin: 6px 0;
  padding: 0 8px;
  border-left: 1px solid #5b7086;
}
#ynsubnav li.first a { border-left: none; padding-left: 10px; }
#ynsubnav li a:visited { color: #fff; }
#ynsubnav li a:hover { text-decoration: underline; }

/* ---------- breaking strip ---------- */
#breaking {
  background: #fdf5e3;
  border-bottom: 1px solid #e0d5b4;
  padding: 4px 8px;
  font-size: 11px;
}
#breaking .tag {
  background: #9b291f;
  color: #fff;
  font: bold 10px Verdana, Arial, sans-serif;
  padding: 1px 5px;
  margin-right: 6px;
  letter-spacing: 1px;
}
#breaking a { font-weight: bold; }

/* ---------- body layout ---------- */
#ynbody { padding: 8px 6px 0 6px; position: relative; }
#ynhome { margin-right: 195px; }
#yncat { margin-right: 195px; }
#ynstory { margin-right: 195px; }
/* Home page: sidebar is absolutely positioned (not floated) so the many
   in-flow module clears below the fold never clear against it — this keeps
   the packed front page free of a beside-the-sidebar gap. The home main
   column is always much taller than the sidebar, so nothing is clipped. */
#ynbody.home #sidebar { position: absolute; top: 8px; right: 6px; width: 180px; margin: 0; }
/* Interior (section/article/aux) pages: floated sidebar; these pages have no
   in-flow clear:both between content blocks, so the float packs cleanly and
   the page always grows to contain the whole sidebar. */
#sidebar { float: right; width: 180px; margin: 0 0 10px 0; }
/* main columns live beside the 180px sidebar via their right margin */
#ynhome, #yncat, #ynstory { margin-right: 195px; }
#ynbody::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* ---------- feature block ---------- */
#topheadline { border-bottom: 1px solid #ccc; padding-bottom: 6px; margin-bottom: 6px; }
#topheadline .ftrimage { float: left; margin: 0 10px 4px 0; }
#topheadline .ftrimage img { border: 1px solid #ccc; display: block; }
#topheadline .crdt {
  font: 77% Verdana, Arial, sans-serif; color: #666; padding-top: 2px; width: 370px;
}
#topheadline .crdt .nlrg { float: right; }
#topheadline h1 {
  font: bold 20px/24px Arial, Helvetica, sans-serif;
  margin: 0 0 2px 0;
}
#topheadline h1 a { color: #003399; }
#topheadline .hdcontent { margin-left: 384px; }
#topheadline .info p { margin: 4px 0; font-size: 13px; }
#topheadline .dateline { font-weight: bold; }
#topheadline .extras { margin-top: 5px; }
#topheadline .extras ul { list-style: none; margin: 0; padding: 0; }
#topheadline .extras li { font: 77% Verdana, Arial, sans-serif; padding: 1px 0; }
#topheadline .extras li strong { color: #333; }
#topheadline .related { margin-top: 8px; }
#topheadline .related h4 { margin: 0 0 2px 0; }
h4 {
  color: #666; font: bold 77% Verdana, Arial, sans-serif;
  text-transform: uppercase; margin: 0; padding: 0 0 4px 0;
}
#topheadline .related ul { list-style: none; margin: 0; padding: 0; }
#topheadline .related li {
  padding: 1px 0 1px 9px;
  background: url(/img/bblt.gif) no-repeat 0 5px;
  font-size: 12px;
}

/* timestamps */
em span.timedate { font: normal 100% Verdana, Arial, sans-serif; color: #666; }
em span.recenttimedate { font: bold 100% Verdana, Arial, sans-serif; color: #666; }
.breakingtimedate { font: bold 100% Verdana, Arial, sans-serif; color: #990100; }

/* ---------- more stories strip ---------- */
.moreheadlines { margin: 4px 0 10px 0; }
.moreheadlines .mrheadlineshd {
  background: #a2bcce;
  color: #003366;
  font: bold 92% Verdana, Arial, sans-serif;
  padding: 3px 6px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.moreheadlines ul.headlines { list-style: none; margin: 0; padding: 0; }
.moreheadlines ul.headlines li {
  padding: 1px 0 2px 10px;
  background: url(/img/bblt.gif) no-repeat 0 6px;
  line-height: 150%;
}

.personalize { font: 77% Verdana, Arial, sans-serif; color: #666; margin: 6px 0 10px 0; }

/* ---------- most popular module ---------- */
#mostpopular { border: 1px solid #a5b2bd; margin: 0 0 12px 0; }
#mostpopular .mphd {
  background: #f2f3f5;
  border-bottom: 1px solid #a5b2bd;
  padding: 3px 6px;
  font-size: 12px;
}
#mostpopular .mphd b { margin-right: 8px; }
#mostpopular .mptabs { display: inline; list-style: none; margin: 0; padding: 0; }
#mostpopular .mptabs li { display: inline; margin: 0 4px; }
#mostpopular .mptabs li a { font-size: 11px; }
#mostpopular .mptabs li.on a { font-weight: bold; color: #000; }
#mostpopular .mpcols { padding: 5px 6px; }
#mostpopular .mpcols ol {
  float: left; width: 31%; margin: 0 0 0 18px; padding: 0;
  font-size: 11px;
}
#mostpopular .mpcols ol li { padding: 2px 0; }
#mostpopular .mpmore { text-align: right; font: 77% Verdana, Arial, sans-serif; padding: 0 6px 5px 0; }

/* ---------- category modules (rounded boxes w/ provider tabs) ---------- */
.cat { margin: 0 0 12px 0; position: relative; }
.cat .rcn .rce, .cat .rcs .rce { display: block; height: 3px; font-size: 0; }
.cat .newscat {
  border: 1px solid #a5b2bd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.cat .cathead { position: relative; background: #f2f3f5; border-bottom: 1px solid #a5b2bd; }
.cat .cathead h3 {
  display: inline;
  font-size: 15px;
  margin: 0; padding: 0;
}
.cat .cathead h3 a { color: #003399; }
.cat .cathead { padding: 3px 6px; }
.cat .toggle { float: right; margin-top: 3px; }
.cat .toggle ul { list-style: none; margin: 0; padding: 0; }
.cat .toggle li { float: left; }
.cat .toggle li a {
  display: block;
  font: 10px Verdana, Arial, sans-serif;
  color: #003399;
  padding: 2px 6px;
  text-decoration: none;
}
.cat .toggle li a em { font-size: 100%; color: #003399; }
.cat .toggle li.on a {
  background: #a5b1bd;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.cat .toggle li.on a em { color: #fff; }
.cat .headlines { padding: 4px 6px 2px 6px; }
.cat .headlines ul { list-style: none; margin: 0; padding: 0; }
.cat .headlines li {
  padding: 2px 0 2px 10px;
  background: url(/img/bblt.gif) no-repeat 0 7px;
  font-size: 12px;
  line-height: 15px;
}
.cat .headlines li.lead { font-size: 13px; }
.cat .moreproviders {
  font: 77% Verdana, Arial, sans-serif;
  border-top: 1px dotted #ccc;
  margin: 4px 4px 0 4px;
  padding: 4px 0 6px 0;
}
.cat .moreproviders a { color: #003399; }

/* ---------- sidebar chunks ---------- */
#sidebar .chunk { margin-bottom: 14px; font-size: 11px; }
#sidebar .chunk h4 { margin-bottom: 4px; }
#sidebar ul.blinks { list-style: none; margin: 0; padding: 0; }
#sidebar ul.blinks li {
  padding: 2px 0 2px 8px;
  background: url(/img/bblt.gif) no-repeat 0 6px;
  font-size: 11px; line-height: 14px;
}
#sidebar .thumb { text-align: center; margin: 4px 0; }
#sidebar .thumb img { border: 1px solid #ccc; }
#sidebar .thumb { position: relative; }
#sidebar .thumb .play {
  position: absolute; left: 58px; top: 38px;
  background: #d4001d; color: #fff; font: bold 9px Verdana, Arial, sans-serif;
  padding: 1px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#sidebar .cap { color: #666; font-size: 10px; line-height: 13px; margin: 2px 0; }
#sidebar .crdt { color: #999; font-size: 9px; }
a.action { font: 77% Verdana, Arial, sans-serif; font-weight: bold; }
#sidebar .itn { margin-bottom: 6px; }
#sidebar .itn .topic { font-weight: bold; font-size: 11px; }
#sidebar .itn ul { list-style: none; margin: 0 0 2px 8px; padding: 0; }
#sidebar .itn ul li {
  padding: 1px 0 1px 8px;
  background: url(/img/bblt.gif) no-repeat 0 5px;
  font-size: 10px; line-height: 13px;
}

/* markets & weather tables */
table.mkt, table.wx { width: 100%; border-collapse: collapse; font-size: 10px; }
table.mkt td, table.wx td { padding: 1px 2px; border-bottom: 1px dotted #ccc; }
table.mkt td.n { text-align: right; white-space: nowrap; }
table.wx td.t { text-align: right; font-weight: bold; }
table.wx.big { font-size: 12px; }
.up { color: #006600; }
.dn { color: #c00; }

/* ad slots */
.ad {
  margin: 0 auto 12px auto;
  background: #f7f7f7;
  border: 1px solid #bbb;
  color: #999;
  text-align: center;
  font-size: 10px;
}
.ad .adtag { font-size: 8px; color: #aaa; letter-spacing: 1px; padding-top: 1px; }
.ad.sky { width: 160px; height: 600px; }
.ad.sky, .ad { clear: right; }
.ad.sky .inner { position: relative; top: 270px; }
.ad .fakecreative { font-weight: bold; color: #21334a; font-size: 12px; }

/* ---------- breadcrumb & section head ---------- */
#crumb { font: 77% Verdana, Arial, sans-serif; color: #666; margin: 2px 0 4px 0; }
#sechead { border-bottom: 2px solid #2c4463; margin-bottom: 6px; padding-bottom: 2px; }
#sechead h1 { font-size: 19px; margin: 0; color: #21334a; display: inline; }
#sechead .secnav { float: right; font-size: 10px; padding-top: 8px; }

/* section lead */
/* ---------- section lead story ---------- */
#seclead { border-bottom: 1px dotted #999; padding-bottom: 6px; margin-bottom: 6px; }
#seclead .photo { float: left; margin: 0 8px 2px 0; border: 1px solid #ccc; }
/* clear only the floated lead photo, not the right sidebar */
#seclead .spacer { clear: left; }
#seclead h2 { font-size: 16px; margin: 0 0 3px 0; line-height: 19px; }
#seclead h2 a { color: #003399; }
#seclead .by { font: 85% Verdana, Arial, sans-serif; color: #666; }
#seclead p { font-size: 12px; line-height: 15px; margin: 3px 0; }
#seclead .dateline { font-weight: bold; }

/* section story list */
.biglist { list-style: none; margin: 4px 0; padding: 0; }
.biglist li {
  padding: 3px 0 4px 10px;
  background: url(/img/bblt.gif) no-repeat 0 7px;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
}
.biglist li .blurb { color: #333; font-size: 11px; }

/* ---------- article page ---------- */
#ynstoryhead { border-bottom: 1px solid #ccc; margin-bottom: 6px; }
#ynstoryhead .srcmark {
  font: bold 10px Verdana, Arial, sans-serif; color: #fff;
  background: #d4001d; display: inline-block; padding: 1px 6px; margin-bottom: 2px;
}
#ynstoryhead h1 {
  font: bold 20px/24px Arial, Helvetica, sans-serif;
  margin: 0 0 4px 0;
  color: #000;
}
#ynstoryhead .storyhdr { font: 85% Verdana, Arial, sans-serif; color: #666; margin-bottom: 4px; }
#ynstoryhead .byl { font-weight: bold; color: #333; }
#storybody { font-size: 13px; line-height: 17px; }
#storybody p { margin: 0 0 9px 0; }
#storybody .dateline { font-weight: bold; }
#storybody .divider { text-align: center; color: #999; margin: 10px 0; }
.art-photo { float: right; width: 200px; margin: 2px 0 8px 10px; }
.art-photo img { border: 1px solid #ccc; width: 196px; }
.art-photo .cap { font-size: 9px; color: #333; line-height: 12px; margin-top: 2px; }

#actions {
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  padding: 4px 0;
  margin: 8px 0;
  font-size: 10px;
}
#actions a { margin-right: 12px; white-space: nowrap; }
#actions img { vertical-align: middle; margin-right: 3px; }

#recommend { font-size: 10px; color: #333; margin: 10px 0; border-top: 1px dotted #999; padding-top: 6px; }
#recommend .ratemod { margin-bottom: 3px; }
#recommend a { font-weight: bold; }
#recommend .ratebtn { font-size: 9px; }

#ynrelated .chunk { border: 1px solid #a5b2bd; margin: 8px 0; }
#ynrelated .hd { background: #f2f3f5; border-bottom: 1px solid #a5b2bd; padding: 2px 5px; }
#ynrelated .hd h4 { padding: 0; }
#ynrelated ul.blinks { list-style: none; margin: 4px 0; padding: 0 5px; }
#ynrelated ul.blinks li {
  padding: 1px 0 2px 9px;
  background: url(/img/bblt.gif) no-repeat 0 5px;
  font-size: 11px; line-height: 14px;
}
#ynrelated .small { padding: 0 5px 4px 5px; display: block; }

.copynotice {
  font-size: 9px; color: #666;
  border-top: 1px dotted #999;
  padding-top: 4px; margin-top: 8px; line-height: 12px;
}

/* ---------- footer ---------- */
#ynfooter {
  clear: both;
  position: relative; /* render above the absolutely positioned sidebar if they abut */
  background: #fff;
  border-top: 1px solid #a5b2bd;
  margin-top: 12px;
  padding: 8px 4px 20px 4px;
  font-size: 10px;
  color: #666;
  text-align: center;
}
#ynfooter .fline { margin-bottom: 4px; line-height: 16px; }
#ynfooter .fline a { margin: 0 2px; white-space: nowrap; }
#ynfooter .fineprint { font-size: 9px; color: #999; line-height: 12px; margin-top: 8px; }

/* ---------- search results ---------- */
#results ol { margin: 6px 0 6px 20px; padding: 0; font-size: 11px; }
#results ol li { margin-bottom: 8px; }
#results .r-hl { font-weight: bold; font-size: 12px; }
#results .r-sn { color: #333; line-height: 14px; }
#results .r-meta { color: #008000; font-size: 9px; }

/* ---------- photos / aux pages ---------- */
.photogrid .thumb { float: left; width: 148px; margin: 0 8px 12px 0; font-size: 10px; }
.photogrid .thumb img { border: 1px solid #ccc; display: block; margin-bottom: 2px; }
.photogrid .thumb a { font-weight: bold; }
.photogrid .thumb .cap { color: #666; font-size: 9px; }

.mpop { border: 1px solid #a5b2bd; margin-bottom: 10px; }
.mpop .hd {
  background: #f2f3f5; border-bottom: 1px solid #a5b2bd;
  font-weight: bold; font-size: 12px; padding: 3px 6px;
}
.mpop ol { margin: 4px 0 6px 22px; padding: 0; font-size: 11px; }
.mpop ol li { padding: 2px 0; }

hr.dot { border: none; border-top: 1px dotted #999; margin: 8px 0; height: 0; }

/* generic chunk with hd/bd (weather, full coverage, site index) */
#yncat .chunk { border: 1px solid #a5b2bd; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; }
#yncat .chunk .hd { background: #f2f3f5; border-bottom: 1px solid #a5b2bd; padding: 2px 6px; }
#yncat .chunk .hd h4 { padding: 0; margin: 0; }
#yncat .chunk .hd h4 a { color: #003366; }
#yncat .chunk .bd { padding: 5px 7px; font-size: 11px; }
#yncat .chunk ul.blinks { list-style: none; margin: 2px 0; padding: 0; }
#yncat .chunk ul.blinks li {
  padding: 2px 0 2px 9px;
  background: url(/img/bblt.gif) no-repeat 0 6px;
  font-size: 11px; line-height: 14px;
}

/* print-ish tweak */
@media print {
  #util, #masthead .hsearch, #ynnav, #ynsubnav, #breaking, #sidebar, #ynfooter, #actions, .ad { display: none; }
  #ynstory, #yncat, #ynhome { margin: 0; }
  #yncont { width: auto; }
}