body {text-align: center; margin-left: 2px; margin-top: 1px; color: #000; background: #777F87;}
#piBody {text-align: left; width: 960px; margin: 0 auto;}
/* links */
a {text-decoration: none;}
a.link { color: #004386;}
a.visited { color: #895eab;}
a:hover {color: #c03;}
/* main text styles */
#piStory .vgray, .vgray { color: #333333; font-size: 12px; font-family: Verdana, sans-serif;}
#piStory .vgraysmall, .vgraysmall { color: #333333; font-size: 10px; font-family: Verdana, sans-serif;}
#piStory .vgrayHL, .vgrayHL { color: #333333; font-size: 12px; font-family: Verdana, sans-serif; line-height: 1.4em;}
#piStory .vgraysmallHL, .vgraysmallHL { color: #333333; font-size: 11px; font-family: Verdana, sans-serif; line-height: 1.4em;}
.vgraysmallHL2 p { color: #333333; font-size: 11px; font-family: Verdana, sans-serif; margin: 6px 0 2px 0;}
/* article styles */
#abovestory {margin-top: 15px; clear: both;}
.rddateline { font: 10px Arial, sans-serif; margin-top: 0px; margin-bottom: 13px;}
.rdheadline, h1.rdheadline {font: bold 18px verdana,serif; margin: 8px 0 0 0; clear: both;}
.rddeckline, h2.rddeckline {font: bold 12px verdana,serif; margin: 1px 0 15px 0; color: #333;}
.rdbyline { font: 10px Verdana, sans-serif; margin-top: 15px;}
/* photo styles */
#piStory .caption, .caption { font: 11px Arial, sans-serif; line-height: 1.1em;}
#piStory .credit, .credit { font: 10px Arial, sans-serif; line-height: 1.1em; color: #666666;}
.creditfull {font: 11px Arial, sans-serif; line-height: 1.1em; color: #666666; text-align: right; padding-bottom: 3px;}
/* headline styles */
.normhed { font: bold 12px verdana,sans-serif;}
.medhed { font: bold 14px Verdana, sans-serif;}
.subhed { font: bold 16px Verdana, sans-serif;}
.bighed { font: bold 18px Verdana, sans-serif;}
.majorhed { font: bold 26px Verdana, sans-serif;}
/* misc styles */
#piStory .promo, .promo { font: 10px Verdana, sans-serif; line-height: 1.1em;}
.graydate { font: bold 11px Verdana,sans-serif; color: #999999; }
.bulletin { font: bold 10px Verdana,sans-serif; color : #9C0000;}
.bulletinb { font: bold 10px Verdana,sans-serif; color : #333333;}
.dropdown { font: 10px Arial, sans-serif;}
input.search { font: 10px Arial, sans-serif;}
p.wing { margin-top: 13px; margin-bottom: 3px;}
.hang { text-indent: -8px; margin: 0 0 0 8px; }
.squeeze {letter-spacing: -0.04em;}
.dd225 {width: 225px; font: 11px verdana,sans-serif; margin-bottom: 2px;}
#piStory td.bar, td.bar { background-image: url("http://seattlepi.nwsource.com/art2/bar_bg.gif"); color: #333333; font: bold 10px Verdana,sans-serif;}
.hide {display: none;}
input.b {background: #ccc; border: 1px solid #333; font-weight: bold;}
/* old styles */
.summary { font: 13px Arial, sans-serif;}
.list { font: 12px Arial, sans-serif;}
#class_shop {clear: both; width: 472px; padding-top: 30px;}
#class_shop, #piStory #class_shop td {font: 10px Verdana, sans-serif; color: #333;}
#shopbar, #classbar {clear: both;}
#classbox {margin-top: 15px; border-top: 1px solid #11476e;}
#piStory #shopbar td, #piStory #classbar td { border-top: 1px solid #11476e;border-bottom: 1px solid #11476e; font: 10px Verdana,sans-serif; height: 15px; color: #11476e;}
#shopbar td a, #classbar td a {color: #11476e;}
#shopbox1, #classbox1 {background: #fff; font-size: 10px;}
#classbox1 { }
#marketholder {padding-bottom: 16px;}
#marketplace {border-left: 2px solid #a7c6d5; border-right: 2px solid #a7c6d5; border-bottom: 2px solid #a7c6d5; background: #fff;}
#marketplace td {font: 9px verdana,sans-serif; padding: 4px 4px 4px 5px; background: #f5f4f0;}
#marketplace td.mps {padding: 0; }
#marketplace td.mpspacer {padding: 0; background: #01649C;}
#marketplace a {color: #069;}
#piStory td.promob, td.promob { background: #CCD5DA; color: #333333; font: bold 11px Verdana,sans-serif; text-align: center;}
#piStory td.datebar, td.datebar { background-image: url("http://seattlepi.nwsource.com/art2/bar_bg2.gif"); color: #333333; font: bold 10px Verdana,sans-serif;}
/* in article polls */
#pollArticle {margin-top: 12px; border-bottom: 1px solid #c4d5da; border-left: 1px solid #c4d5da;}
#pollArticle td {background: #f4f4f4; font: 10px Verdana,sans-serif; padding: 4px 4px 0 4px;}
#pollArticle td.pollQ {font-weight: bold; }
#pollArticle td.pollTab {padding: 0; }
#pollArticle td.pollB {padding: 0 4px 4px 0; }
/* soundoff */
#soundoff {clear: both; margin: 20px 0;}
#soheader {background-image: url(/art2/soundoff/toptab.jpg); padding-top: 27px; background-repeat: no-repeat;}
#sofooter {background-image: url(/art2/soundoff/bottomtab.jpg); padding-top: 10px; background-repeat: no-repeat;}
#soq {background-image: url(/art2/soundoff/grad.jpg); font: bold 11px verdana,sans-serif; color: #333; padding: 8px 0; background-repeat: repeat-y;}
#soqi {padding-left: 37px; padding-right: 12px; }
#soqc {padding: 8px 12px 0 27px; clear: both;}
#soq a {font-size: 10px; color: #004386;}
/* corrections */
#correction {font: 11px verdana,sans-serif; padding: 0 24px 0 14px;}
#corrections {font: 11px verdana,sans-serif; padding: 0 24px 0 14px;}
/* top of page */
#topAds {margin-bottom: 10px;}
#piStrip {padding-top: 8px; padding-right: 8px; text-align: right; font: 10px verdana,arial,sans-serif; color: #223048;}
#piStrip a {color: #223048; text-decoration: none;}
#piStrip a:hover {color: #c03;}
#piBranding { background: #fff; background-image: url(/art2/top.gif); background-repeat: no-repeat; width: 960px; position: relative; top: 0px; left: 0px; height: 79px;}
#piLogo {position: absolute; top: 0px; left: 0; width: 286px;}
#piSearch {position: absolute; top: 55px; left: 701px;}
#piSearch form {margin: 0;}
#piSearch .searchbox {width: 150px; border: 1px solid #333; font: 10px Arial, sans-serif; margin-right: 2px;}
#piBranding2 { background: #fff; background-image: url(/art2/topnew.gif); background-repeat: no-repeat; width: 960px; position: relative; top: 0px; left: 0px; height: 79px;}
#piSearch2 {position: absolute; top: 33px; left: 685px; font: 10px verdana,sans-serif; color: #333;}
#piSearch2 form {margin: 0;}
#piSearch2 .searchbox {width: 214px; border: 1px solid #333; font: 10px Arial, sans-serif; margin-right: 2px;}
/* nav */
#piNavcontainer {width: 960px; border-bottom: 2px solid #ccc; }
#piNav { position: relative; height: 16px; }
#piNav div ul li {list-style-type: none; margin: 0; padding: 0 0 3px 0; font: bold 10px/13px verdana,sans-serif;}
#piNav div ul {border-bottom: 1px solid #999; display: none; background: #FBFCFD; color: #333; margin: 0; padding: 3px 0 5px 0; border-right: 1px solid #AFB2B8; border-left: 1px solid #AFB2B8; }
#piNav div:hover ul {display: block;}
#piNav div.over ul {display: block;}
#piNav a {display: block; color: #f8f8f8; padding: 2px 0 2px 8px; font: bold 10px/12px verdana,sans-serif;}
#piNav a.inlineleft {display: inline;}
#piNav a.inlineright {display: inline; padding: 0px;}
#piNav div {background: #11476e; }
#piNav div a { border-right: 1px solid #c4cac6; border-left: 1px solid #c4cac6;}
#piNav div ul li a { margin: 0; height: 12px; padding: 1px 0 1px 8px; border: 0; color: #11476e;}
#piNavLocal, #piNavNat, #piNavBiz, #piNavSports, #piNavAE, #piNavLife, #piNavOpin, #piNavBlogs, #piNavFun, #piNavMulti, #piNavSubscribe, #piNavAds, #piNavJobs, #piNavAutos, #piNavHomes, #piNavRentals, #piNavMP {position: absolute; top: 0px; width: 130px; }
#piNavLocal {width: 165px;}
#piNavSubscribe a, #piNavAds a {background: #3A4A56; color: #fff; padding-left: 7px; }
#piNavSubscribe li a, #piNavAds li a {background: #fff; color: #11476e;}
#piNav #piNavJobs a, #piNav #piNavAutos a, #piNav #piNavHomes a, #piNav #piNavRentals a, #piNav #piNavMP a {background: #fff; color: #11476e; padding-left: 7px; }
#piNav a:hover, #piNav #piNavSubscribe a:hover,#piNav #piNavAds a:hover, #piNav #piNavJobs a:hover, #piNav #piNavAutos a:hover, #piNav #piNavHomes a:hover, #piNav #piNavRentals a:hover, #piNav #piNavMP a:hover {background: #337D98; color: #fff; }
#piNavLocal {left: 0px;}
#piNavNat {left: 47px;}
#piNavSports {left: 121px; }
#piNavBiz {left: 176px;}
#piNavAE {left: 244px; }
#piNavLife {left: 287px; }
#piNavFun {left: 325px; }
#piNavMulti {left: 383px;}
#piNavOpin {left: 442px; }
#piNavBlogs {left: 504px; }
#piNavSubscribe {left: 554px;}
#piNavAds {left: 624px;}
#piNavJobs {left: 686px;}
#piNavAutos {left: 726px;}
#piNavHomes {left: 773px;}
#piNavRentals {left: 827px;}
#piNavMP {left: 884px; width: 76px; }
#piNav #piNavSubscribe ul, #piNav #piNavAds ul, #piNav #piNavMP ul {background: #fff; }
#piNavcontainer, #piNav {z-index: 301;}
/* main area */
#piMain {width: 960px; border-top: 4px solid #a9a9a9; float: left; background: #fff; background-image: url(http://seattlepi.nwsource.com/art2/bgnew2.gif); background-repeat: repeat-y; }
#piMain3rd {width: 960px; border-top: 5px solid #a9a9a9; float: left; background: #fff; background-image: url(http://seattlepi.nwsource.com/art2/bg3rdnew.gif); background-repeat: repeat-y; }
#piMainFull {width: 960px; border-top: 5px solid #a9a9a9; float: left; background: #fff; background-image: url(http://seattlepi.nwsource.com/art2/bgfull.gif); background-repeat: repeat-y; }
#piWell {width: 490px; float: left; overflow: hidden; }
#piWell3rd, #piWellWide {width: 657px; float: left; }
#piWellFull {width: 960px; overflow: auto;}
#piMastnolink, #piMasthead {margin-bottom: 6px;}
#piMastnolink, #piMasthead a {display: inline; color: #fff; font: 16px verdana,sans-serif; background: #c4cac6; background: #a9a9a9; background-image: url(http://seattlepi.nwsource.com/art2/mastbg.gif); background-position: bottom right; background-repeat: no-repeat; padding: 0 25px 2px 5px; text-transform:uppercase; }
#piMasthead a:hover {color: #5f5f6f;}
#piMastgraphic {padding: 3px 0 0 10px;}
#piStory {padding: 10px 9px 10px 9px;}
#piStory, #piStory td {font-family: verdana,sans-serif; font-size: .81em;}
#piWell3rd #piStory {padding: 10px 3px 10px 4px;}
#piWellWide #piStory {padding: 10px 8px 10px 9px;}
#piStorytext {margin-top: 10px; }
#piStorytext a {text-decoration: underline;}
#piStory p {margin: 0 0 15px 0;}
#piStory p.rdbyline { font: 10px Verdana, sans-serif; margin-top: 15px;}
#piRight {width: 469px; float: right; font: 11px/13px verdana,sans-serif; color: #333;}
#piRight3rd {width: 300px; overflow: hidden; margin-right: 1px; float: right; font: 11px/13px verdana,sans-serif; color: #333; padding-bottom: 15px;}
#piRight1 {width: 300px; float: left; padding-bottom: 15px; }
#piRight2 {width: 168px; float: right;}
/* in story */
#abovestory {margin: 15px 0 12px 0; clear: both;}
#related {width: 202px; float: left; margin-bottom: 12px; font: 11px verdana,sans-serif;}
#relatedlabel {margin-right: 12px; border-top: 1px solid #878791; border-right: 1px solid #878791; padding-top: 1px;}
#reviewboxlabel { color: #fff; background: #3A4A56; background-image: url(http://seattlepi.nwsource.com/art2/reviewbox.gif); background-repeat: no-repeat; font: bold 10px verdana,sans-serif; padding: 2px 0 2px 18px; margin-right: 1px;}
#relatedbox {margin-right: 12px; padding: 0 5px; border-right: 1px solid #878791; border-bottom: 1px solid #878791;}
#relatedbox p {margin: 0; padding: 10px 0;}
#relatedbox .line {border-top: 1px solid #BFC3C6;}
#piStory td.reviewbox {font: 10px verdana,sans-serif;}
#showlist {font-size: 11px;}
#showlist a {text-decoration: none;}
#piStory td.review {background: #878791; color: #FFFFFF; font: bold 10px Verdana, sans-serif;}
/* toolbars */
#related a, #piStory .credit a, #piStory .creditfull a, #piStory .reviewbox a {text-decoration: none;}
#sowt {margin-top: 20px; }
#soarticle {background-image: url(http://seattlepi.nwsource.com/art2/icons/soundoff.gif); background-repeat: no-repeat; }
#wtarticle {background-image: url(http://seattlepi.nwsource.com/art2/icons/webtowns.gif); background-repeat: no-repeat; }
#soarticle, #wtarticle {padding-left: 31px; font: 11px verdana,sans-serif; margin: 10px 0 10px 0;}
#soarticle a, #wtarticle a {font-weight: bold;}
#piBottomTools {float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 10px; margin-bottom: 30px; width: 472px;}
#piShareTools {padding-left: 15px; font: 11px verdana,sans-serif; }
#piShareTools img.sicon {vertical-align: middle; margin-right: 2px;}
#piShareTools .saveshare { padding: 7px 0 0 0;}
#piShareTools .headblock { padding: 16px 0 0 0;}
#piShareTools .saveshare a, #piShareTools .headblock a {font-weight: normal; margin-right: 5px;}
.pitools {float: right; margin-right: 12px; font: 10px verdana,sans-serif;}
.pitoolsbtm {font: 10px verdana,sans-serif; margin: 0; padding-right: 15px; margin-right: 15px; float: left; border-right: 1px solid #ccc;}
#piStory .pitoolsbtm p {margin: 5px 0 5px 0;}
.pitools img, .pitoolsbtm img {vertical-align: middle; margin-right: 2px;}
.pitools a {margin-left: 8px; }
.videobutton {vertical-align: middle; margin-right: 2px;}
.headblock a, .saveshare a {font: 11px arial,sans-serif;}
/* share block */
#shareblock {border: 1px solid #a9a9a9; font-weight: bold; margin: 12px 7px 0 4px; clear: both; background: #fff;}
#shareblock img.sicon {vertical-align: middle; margin-right: 2px;}
#shareblock .headblock, #shareblock .saveshare, #shareblock .pianywhere { padding: 7px 8px;}
#shareblock .headblock a {font-weight: normal;}
#shareblock .saveshare {padding-bottom: 10px; font-weight: normal;}
#shareblock .saveshare, #shareblock .pianywhere {border-top: 1px solid #D4D4D4;}
#shareblock .headblockmore {padding-top: 4px;}
/* index pages */
#indexpromo {width: 241px; float: right; background-image: url(http://seattlepi.nwsource.com/art2/lines/vdivider_wingI.gif); background-repeat: repeat-y; margin-bottom: 15px;}
#indexpromocontent {padding-left: 15px;}
#indexpromocontent, #indexpromocontent td {font: 11px verdana,sans-serif;}
#indexpromocontent p {margin: 4px 0 10px 0;}
#indexpromocontent table {margin-bottom: 10px;}
.indexbar {background: #ccd5da; color: #333; font-weight: bold; text-align: center; clear: both; margin-bottom: 4px;}
.indeximage {float: left; margin: 0 4px 10px 0;}
/* bottom of page */
#piBottomnav {text-align: center; padding: 3px 0; clear: both; width: 960px; background: #3A4A56; color: #90B3BA; border-top: 1px solid #C4CAC6; border-bottom: 1px solid #899aa2; font: 10px/12px verdana,sans-serif; }
#piBottomnavlinks {padding-left: 7px;}
#piBottomnav a {color: #fff; padding: 2px 0px; font-weight: bold;}
#piBottomnav a:hover {background: #e0e0e0; color: #11476e;}
#piFoot {clear: both; width: 960px; color: #fff; text-align: center; margin-top: 12px; font: 11px verdana,sans-serif;}
#piFoot p {margin: 0 0 11px 0;}
#piFoot a {color: #fff; font-weight: bold;}
/* feature block */
#fgallcont {margin: 10px 7px 10px 4px; }
#fgall {background: #fff; padding-bottom: 3px; border: 1px solid #a9a9a9;}
#fgalllabel {padding: 3px 2px 2px 8px; font: bold 11px georgia,verdana; letter-spacing: .3em; text-align: center; color: #3a4a56; }
#fgall #fgalltable {margin: 0 8px 0 8px; }
#fgall td {font: 10px verdana,sans-serif; }
#fgall td.promo1, #fgall td.promo2 {padding-right: 7px;}
#fgall td p {margin: 8px 0;}
#fgall td img {margin-bottom: 3px;}
#fgall td a {font-weight: bold;}
#fgall td a img {border: 0;}
#fgall td p a {font-weight: normal;}
#fgallmorelinks {margin: 0 8px; padding-top: 5px; font: 11px arial,sans-serif; text-align: center; color: #6F7A83;}
#fgallmorelinks a {color: #3a4a56;}
#fgallmorelinks a:hover {color: #c03;}
/* wing */
.wingadblock {text-align: center; margin: 8px 0; }
.wingfeaturedlabel {background: #11476e; color: #fff; padding: 0 2px; font: bold 11px/16px verdana,sans-serif;}
#shareblock .wingfeaturedlabel {border: 1px solid #fff;}
.wingdailypoll, .wingfeaturedblock {padding: 10px 8px; clear: both; background: #fff;}
.wingblock {margin-right: 7px; margin-left: 4px; margin-top: 10px; padding: 10px 8px; clear: both; border: 1px solid #a9a9a9; background: #fff;}
.wingvideoblock {padding: 5px 2px 10px 2px; clear: both; background: #fff;}
.wingfeatured {padding: 1px 1px 1px 1px; margin: 12px 7px 0 4px; background: #fff; border: 1px solid #a9a9a9;}
.wingfeatured td {font: 11px/13px verdana,sans-serif; color: #333;}
.wingblock p, .wingfeaturedblock p {margin: 3px 0 8px 0;}
.wingvideoblock p {margin: 1px 0 1px 8px;}
.wingdailypoll {background: #e3e8ea;}
.wingdailypoll p {margin: 0 0 5px 0;}
.wingdailypoll p.pollquestion {font-weight: bold; margin-bottom: 8px;}
.wingdailypoll td {font: 11px verdana,sans-serif; padding: 0 4px 5px 0;}
.grayout {background-image: url(/art2/graylabel.gif); background-repeat: no-repeat; background-position: 0 3px; text-align: center;}
.grayin {font: bold 11px georgia,verdana; letter-spacing: .3em; padding: 0 7px 0 9px; display: inline; background: #F0EFF2; color: #3a4a56;}
/* blogs */
#blogblock {clear: both; margin: 8px 7px 0 4px;}
#blogblocklabel {background-image: url(http://seattlepi.nwsource.com/art2/mastheads/blog4.gif); background-repeat: no-repeat; height: 30px; }
#blogblocklabel a {display: block; font: bold 11px/16px verdana,sans-serif; padding-left: 35px; padding-top: 7px; color: #fff;}
#blogcontainer {background: #fff; border: 1px solid #a9a9a9; border-top: 0; padding: 3px 8px 0 8px;}
.wingblog {clear: both; margin: 3px 0 8px 0;}
/* mypi and affiliates */
#nomypi {background: #fff; padding-left: 50px; }
#nomypi a {font: bold 10px verdana,sans-serif; color: #999;}
#mypi {padding: 0 8px 0 4px; background-image: url(http://seattlepi.nwsource.com/art2/mypi/bgleft5.gif); background-repeat: repeat-y;}
#mypi .mycust {font: bold 10px verdana,sans-serif; padding: 8px 0 13px 5px; line-height: 120%; }
#mypi .altplat {float: right; margin: 1px 6px 1px 0;}
#mypi .altplat img {margin-left: 3px;}
#mypi .mypitile {background: #F9FAFB;}
#mypi .mypititle {font: bold 10px verdana,sans-serif; text-transform: lowercase; color: #4b4b4b; background: #ccc; background-image: url(http://seattlepi.nwsource.com/mypi/header2.gif); background-repeat: repeat-y; padding: 2px 4px; }
#mypi .mypititle a {color: #333; text-decoration: none;}
#mypi .mypititle a:hover {color: #c03;}
#mypi .hlblock { font: 11px/13px verdana,sans-serif; color: #333; padding: 3px 3px 15px 3px; }
#mypi .hlblock .wh {padding-top: 5px;}
#mydisable { padding: 12px 0 12px 3px; font: 11px verdana,sans-serif; background: #C4CAC6; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
/* affiliate box */
#affbox {margin: 25px 16px 20px 14px; background: #fff; border: 1px solid #690; }
#affbox img {vertical-align: middle;}
#afflabel {background: #690; color: #fff; font: bold 10px Verdana,sans-serif; height: 14px; text-align: center;}
/* myseattlepix */
#myseattlepixpromo {text-align: center; margin-bottom: 7px; font: 10px verdana,sans-serif;}
#msplinks p {margin: 0;}
#msplinks a img {border: 2px solid #fff; margin: 0 5px 0 0;}
#msplinks a:hover img {border: 2px solid #EA6746;}
#mspwing {margin: 12px 7px 0 4px; border: 2px solid #F4B3A2; padding: 6px 4px 0 4px; background: #fff;}
#mspwing #msplinks a img {margin: 0 1px 2px 2px;}
/* scoreboards */
.stripscores300cont {margin: 12px 7px 0 4px; background: #fff; border: 1px solid #a9a9a9;}
.stripscores300 { border-right: 1px solid #fff; border-left: 1px solid #fff;}
.stripscores300 td {font: 11px arial,verdana,sans-serif; color: #333; }
.stripscores300 td.score {text-align: right; padding-right: 5px; border-right: 1px solid #ccc; background: #E3E8EA;}
.stripscores300 td.links { padding: 1px 4px 3px 0; text-align: center; }
.stripscores300 td.team {width: 80px; padding-left: 3px; background: #E3E8EA; }
.stripscores300 td.logo {width: 25px; padding: 0; border-left: 1px solid #ccc;}
.stripscores300 td.status {padding-left: 2px; width: 55px; color: #fff; border-right: 1px solid #ccc;}
.stripscores300 td.score,.stripscores300 td.team, .stripscores300 td.logo, .stripscores300 td.status {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/* forums, social media */
.profilethumb {float: left; margin: 0 8px 8px 0; border: 0;}
#forumtabs .oneforum {padding: 2px 0 4px 0;}
#forumtabhot {display: none;}
.forumcredit {font: 11px arial,sans-serif; color: #666; }
/* movie times */
#movietimetable td {padding: 10px 0; font: 11px verdana,sans-serif;}
.dd200 {width: 200px; font: 11px verdana,sans-serif; margin-bottom: 2px;}