/* YSM001 Ads By Yahoo! /css/contentmodules/ysm001.css pfagan 12/2007 ktessier 06/2008 -- ff font fix */ /* Style Reset */ /* Possibly needed for pre-787: #contentbody .sfg_ysm001 etc... */ .sfg_ysm001 h3, .sfg_ysm001 h4, .sfg_ysm001 p { margin: 0; padding: 0; } /* Links */ .sfg_ysm001 a:link, .sfg_ysm001 a:visited { text-decoration: none; color: #006; } .sfg_ysm001 a:hover, .sfg_ysm001 a:active { text-decoration: underline; } .sfg_ysm001 h3 a:link, .sfg_ysm001 h3 a:visited, .sfg_ysm001 h3 a:hover, .sfg_ysm001 h3 a:active { color: #444; } .sfg_ysm001 p a:link, .sfg_ysm001 p a:visited, .sfg_ysm001 p a:hover, .sfg_ysm001 p a:active { color: #000; } #ysm_ads_sky .sfg_ysm001 p.sitehost { width: 144px; overflow: hidden; } .sfg_ysm001 p.sitehost a:link, .sfg_ysm001 p.sitehost a:visited, .sfg_ysm001 p.sitehost a:hover, .sfg_ysm001 p.sitehost a:active { color: #999; } /* Content */ .sfg_ysm001 { border: 1px solid #d6d6d6; padding-bottom: 5px; font-family: Verdana, sans-serif; } .sfg_ysm001 .item { margin-bottom: 5px; /* Need this in case .item somewhere defines the font-family */ font-family: Verdana, sans-serif; } .sfg_ysm001 h3 { margin: 0 0 5px 0; padding: 5px; font-size: .86em; color: #444; font-family: Arial, sans-serif; border-bottom: 1px solid #e4e4e4; } .sfg_ysm001 h4 { margin: 0 5px; font-size: .86em; } .sfg_ysm001 p, #contentfooter #ysm_ads_bottom .contextualad .sfg_ysm001 .item p, #contentfooter #ysm_ads_bottom .contextualad .sfg_ysm001 .item_last p { margin: 0 5px; font-size: .86em; text-align:left; } .sfg_ysm001 p.sitehost { margin: 0 5px; font-size: .78em; color: #999; } /* Placement hacks for instances on legacy pages */ /* Search Results */ #container .sfg_searchresults #google_container1, #container .sfg_searchresults #ysm_ads_bottom { padding-top: 10px; font-size: 80%; } #container .sfg_searchresults #google_container2, #container .sfg_searchresults #ysm_ads_sky { padding-top: 5px; font-size: 110%; } /* Rentals */ #sfg_rentals .contextualad, #container .sfg_home .contextualad { font-size: 80%; } /* Article */ #container table.article .sfg_ysm001 { margin: 10px 0; } /* UniversalPage DTL-based pages */ #universalpagetable .contextualad { margin-top: 10px; font-size: 80%; } /*qws columnist search font percentage fix */ #contentfooter #ysm_ads_bottom .contextualad, #ysm_ads_bottom .contextualad { margin-top: 10px;margin-bottom: 10px; font-size: 80%; } /* e /css/contentmodules/ysm001.css */ /* ######################################################################## begin: /css/sitenav/sitenav.css ######################################################################## SFGate Site Navigator HPLeader pmims: 042109 */ /* Common Style --------------------------------------------------------------*/ body { margin: 0; padding:0; background: #fff; font-size: 80%; } #page, #cobrand_header, #cobrand_content, #cobrand_footer { /* #page + borders = 970px page width */ margin: 0 auto; border-left: 1px solid #999; border-right: 1px solid #999; width: 968px; background: #fff; } #headernav { width: 968px; } /* Link Colors, Font Colors --------------------------------------------------*/ #headernav a:link, #headernav a:visited, #footernav a:link, #footernav a:visited, #sitecopyright a:link, #sitecopyright a:visited, #channelnav a:link, #channelnav a:visited { text-decoration: none; color: #015660; } #headernav a:hover, #headernav a:active, #footernav a:hover, #footernav a:active, #sitecopyright a:hover, #sitecopyright a:active, #channelnav a:hover, #channelnav a:active { text-decoration: underline; } #headernav .pipe { color: #666; } /* Media Nav -----------------------------------------------------------------*/ #headernav ul.media { float: right; margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: .78em; text-align: right; } #headernav ul.media li { display: block; float: left; background: url('http://imgs.sfgate.com/graphics/sitenav/media_tile2.gif'); margin: 0; padding: 2px 5px 2px 42px; list-style: none; } #headernav ul.media li.first { background: url('http://imgs.sfgate.com/graphics/sitenav/media_tile1.gif'); } #headernav ul.media li.last { padding-right: 10px; } #headernav ul.media a { text-transform: uppercase; } /* Midsection: Logos and Links -----------------------------------------------*/ #headernav div.midsection { clear: both; } #headernav div.ad { display: inline; float: right; margin: 2px 10px 0 0 ; padding: 0; } #lead div.ad { display: inline; float: right; margin: 2px 10px 0 0 ; padding: 0; } #headernav div.ad img { border: 0; } #headernav h1 { display: inline; float: left; margin: 0; } #headernav h1 a { display: block; float: left; text-indent: -1024px; overflow: hidden; font-size: .71em; /* size of text less than image, or IE6 draws box too big */ } #headernav p.paper { display: inline; float: left; margin: 0; font-family: Verdana, sans-serif; font-size: .71em; text-transform: lowercase; } #headernav p.paper span.chronhome { float: left; color: #555; } #headernav p.paper a.chronbrand { display: block; float: right; text-indent: -1024px; overflow: hidden; } #headernav p.papertools { display: inline; float: left; margin: 0; font-family: Verdana, sans-serif; font-size: .71em; color: #666; } /********************************************************************* * begin: HPLeader CSS **********************************************************************/ #headernav div.topsection { margin:0; } #headernav div.topsection div.ad { display:block; float:none; margin:0; padding:0; text-align:center; } div.headernav_tile div.topsection div.ad { text-align:center; } #headernav div.topsection div.ad p.creative { margin:0; padding:0; } /*div.headernav_tile div.midsection {padding-right:242px;}*/ div.headernav_tile div.midsection {padding-right:0px;} /*pm: Same leaderboard img, but now it's wrapped in a new div 'lead' */ #headernav #lead { background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_skyline.jpg') no-repeat; padding-top: 8px; } * #headernav #lead {height:1%;} /********************************************************************** * end: HPLeader CSS ***********************************************************************/ /* #headernav div.headernav_tile div.headernav_tile { background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_skyline.jpg') no-repeat; padding-top: 8px; } */ /* #headernav div.headernav_tile div.headernav_leaderboard_tile { background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_skyline.jpg') 0 98px no-repeat; padding-top: 8px; } */ div.headernav_tile2 { background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_skyline.jpg') no-repeat; padding-top: 8px; } div.headernav_tile div.midsection { height:76px; } #lead div.headernav_tile div.ad { width: 234px; height: 60px; text-align:right;} div.headernav_tile h1 { padding: 26px 0 0 10px; } div.headernav_tile h1 a { width: 192px; height: 37px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_sfgate192x37.gif') no-repeat; } div.headernav_tile p.paper { width: 240px; padding: 25px 0 0 131px; } div.headernav_tile p.paper span.chronhome { padding-top: 6px; } div.headernav_tile p.paper a.chronbrand { width: 178px; height: 23px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_chronicle178x21.gif') no-repeat; } div.headernav_tile p.papertools { width: 242px; padding: 0 0 0 194px; } /* Leaderboard */ div.headernav_leaderboard { padding-top: 6px; background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_leaderboard.gif') repeat-x scroll 0 5px;} div.headernav_leaderboard div.midsection { height: 111px; } div.headernav_leaderboard div.ad { width: 736px; height: 90px; text-align: right;} div.headernav_leaderboard h1 { padding:12px 0 0 10px; } div.headernav_leaderboard h1 a { width: 154px; height: 30px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_sfgate154x30.gif') no-repeat; } div.headernav_leaderboard p.paper { width: 172px; padding: 0 0 0 10px;} div.headernav_leaderboard p.paper span.chronhome { padding-top: 9px; padding-bottom: 4px;} div.headernav_leaderboard p.paper a.chronbrand { width: 172px; height: 18px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_chronicle172x18.gif') no-repeat; } div.headernav_leaderboard p.papertools { clear: left; width: 212px; padding: 2px 0 0 10px;} /* No Ads */ div.headernav_noads { padding-top: 6px; background: url('http://imgs.sfgate.com/graphics/sitenav/tile_gradient_noads.gif') repeat-x; } div.headernav_noads div.midsection { height: 45px;} div.headernav_noads h1 { padding: 2px 0 0 10px; } div.headernav_noads h1 a { width: 154px; height: 30px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_sfgate154x30.gif') no-repeat; } div.headernav_noads p.paper { width: 235px; padding: 11px 0 0 14px;} div.headernav_noads p.paper span.chronhome { padding-top: 4px; } div.headernav_noads p.paper a.chronbrand { width: 172px; height: 18px; background: url('http://imgs.sfgate.com/graphics/sitenav/brand_chronicle172x18.gif') no-repeat; } div.headernav_noads p.papertools { width: 230px; padding: 15px 0 0 9px; } /* User Tools ( eg. welcome, username ) --------------------------------------*/ #headernav p.user_tools { display: inline; float: right; margin: 0; padding: 3px 10px 0 0; font-family: Verdana, sans-serif; font-size: .78em; } /* Search Form ( ---------------------------------------------------------------*/ #headernav form.searchbar { clear: left; margin: 0; padding: 0 0 0 10px; } * html #headernav form.searchbar { margin-top: -1px; } #headernav form.searchbar input { margin-right: 5px; } #headernav form.searchbar label { font-weight: bold; } #headernav form.searchbar input.submit, #headernav form.searchbar label, #headernav form.searchbar img, #headernav form.searchbar a { font-family: Verdana, sans-serif; font-size: .78em; } #headernav form.searchbar input.radio { font-family: Verdana, sans-serif; font-size: 1.02em; } #headernav form.searchbar input.text, #headernav form.searchbar input.submit, #headernav form.searchbar input.radio, #headernav form.searchbar label, #headernav form.searchbar img, #headernav form.searchbar a, #headernav form.searchbar span { vertical-align: middle; } #headernav form.searchbar input.text { width: 193px; height: 14px; border: 1px solid #999; padding: 1px 0 2px 4px; font-family: Verdana, sans-serif; font-size: .86em; } #headernav form.searchbar a.pipe { padding: 0 5px; } #headernav form.searchbar em { font-style: normal; font-weight: normal; } #headernav form.searchbar b.yahoo { color: #f03; font-size: .91em; } /* Main Nav ------------------------------------------------------------------*/ #headernav ul.main { clear: both; width: 968px; height: 30px; margin: 3px 0 2px 0; padding: 0; position: relative; } #headernav ul.main li.main, #headernav ul.main li.index { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; height: 30px; } #headernav ul.main li.main a, #headernav ul.main li.index a.item { display: block; height: 30px; text-indent: -1024px; overflow: hidden; } #headernav ul.main li.home_selected, #headernav ul.main li.home { left: 10px; width: 50px; } #headernav ul.main li.news_selected, #headernav ul.main li.news { left: 75px; width: 39px; } #headernav ul.main li.sports_selected, #headernav ul.main li.sports { left: 130px; width: 46px; border:0px solid #fff;} #headernav ul.main li.business_selected, #headernav ul.main li.business { left: 191px; width: 57px; } #headernav ul.main li.entertainment_selected, #headernav ul.main li.entertainment { left: 264px; width: 92px; } #headernav ul.main li.food_selected, #headernav ul.main li.food { left: 373px; width: 37px; } #headernav ul.main li.living_selected, #headernav ul.main li.living { left: 425px; width: 42px; } #headernav ul.main li.travel_selected, #headernav ul.main li.travel { left: 484px; width: 43px; } #headernav ul.main li.blogs_selected, /* blogs is deprecated */ #headernav ul.main li.blogs { left: 550px; width: 49px; } #headernav ul.main li.columns_selected, #headernav ul.main li.columns { left: 547px; width: 54px; } #headernav ul.main li.classifieds { left: 621px; width: 74px; } #headernav ul.main li.jobs { left: 703px; width: 34px; } #headernav ul.main li.homes_selected, #headernav ul.main li.homes { left: 752px; width: 73px; } #headernav ul.main li.cars_selected, #headernav ul.main li.cars { left: 841px; width: 32px; } #headernav ul.main li.index { left: 884px; width: 84px; } #headernav ul.main li.home a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -10px -30px no-repeat; } #headernav ul.main li.news a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav//main_none.gif') -75px -30px no-repeat; } #headernav ul.main li.sports a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -130px -30px no-repeat; } #headernav ul.main li.business a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -191px -30px no-repeat; } #headernav ul.main li.entertainment a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -264px -30px no-repeat; } #headernav ul.main li.food a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -373px -30px no-repeat; } #headernav ul.main li.living a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -425px -30px no-repeat; } #headernav ul.main li.travel a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -484px -30px no-repeat; } #headernav ul.main li.blogs a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -548px -30px no-repeat; } #headernav ul.main li.columns a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -547px -30px no-repeat; } #headernav ul.main li.classifieds a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -621px -30px no-repeat; } #headernav ul.main li.jobs a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -703px -30px no-repeat; } #headernav ul.main li.homes a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -752px -30px no-repeat; } #headernav ul.main li.cars a:hover { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') -841px -30px no-repeat; } #headernav ul.none { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_none.gif') no-repeat; } #headernav ul.home { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_home.gif') no-repeat; } #headernav ul.news { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_news.gif') no-repeat; } #headernav ul.sports { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_sports.gif') no-repeat; } #headernav ul.business { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_business.gif') no-repeat; } #headernav ul.entertainment { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_entertainment.gif') no-repeat; } #headernav ul.food { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_food.gif') no-repeat; } #headernav ul.living { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_living.gif') no-repeat; } #headernav ul.travel { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_travel.gif') no-repeat; } /* blogs is deprecated, columns is phasing in */ #headernav ul.blogs { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_columns.gif') no-repeat; } #headernav ul.columns { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_columns.gif') no-repeat; } #headernav ul.cars { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_cars.gif') no-repeat; } #headernav ul.homes { background: url('http://imgs.sfgate.com/graphics/homev3/sitenav/main_homes.gif') no-repeat; } /* Site Index --------------------------------------------------------------- */ #headernav .index .popupkit { position: relative;} #headernav .index #popup, #headernav .index #popmask { display: none; position: absolute; } #headernav .index #popup { z-index: 31000; width: 554px; margin-left: -470px; } #headernav .index #popmask { width: 672px; height: 600px; margin:-74px 0 0 -570px; /* background: #ffc000; */ } #headernav .index .tab { display: inline; float: right; width: 84px; } #headernav .index .tab a { display: block; height: 26px; background: url('http://imgs.sfgate.com/graphics/sitenav/index_tab84x26.gif') no-repeat; } #headernav .index .tabmask { display: inline; float: left; width: 470px; height: 26px; /* background: #996000; */ } #headernav .index .content { clear: both; width: 554px; } #headernav .index .content h3, #headernav .index .content h4, #headernav .index .content div.title, #headernav .index .content li { font-family: Verdana, sans-serif; } #headernav .index .content span.pipe { padding: 0 5px; } #headernav .index .content div.title { padding: 8px 0 0 12px; width: 542px; height: 20px; /* minus padding */ background: url('http://imgs.sfgate.com/graphics/sitenav/index_header554x28.gif') no-repeat; font-size: .78em; color: #c5dede; } #headernav .index .content div.title a { font-weight: bold; color: #fff; } #headernav .index .content .columns { border-right: 2px solid #222; border-bottom: 2px solid #222; border-left: 2px solid #222; background: #ecf6f7; padding: 8px 0 11px 11px } #headernav .index .content .column1, #headernav .index .content .column2, #headernav .index .content .column3, #headernav .index .content .column4 { display: inline; float: left; } #headernav .index .content .column1 { width: 137px; } #headernav .index .content .column2 { width: 126px; padding-top: 11px; } #headernav .index .content .column3 { width: 139px; padding-left: 12px; background: transparent url('http://imgs.sfgate.com/graphics/sitenav/rule_dotted_vert.gif') left top repeat-y; } #headernav .index .content .column4 { width: 124px; padding-top: 11px; } * html #headernav .index .content .column2, * html #headernav .index .content .column4 { padding-top: 25px; } *:first-child+html #headernav .index .content .column2, *:first-child+html #headernav .index .content .column4 { padding-top: 25px; } #headernav .index .content h3 { margin: 0 0 -5px 0; padding: 0; font-size: 1.02em; color: #222; text-transform: uppercase; } #headernav .index .content h4 { margin: 14px 0 5px 0; padding: 0; font-size: .86em; color: #222; text-transform: uppercase; } #headernav .index .mute a:link, #headernav .index .mute a:visited, #headernav .index .mute a:hover, #headernav .index .mute a:active { color: #222; text-decoration: none; } #headernav .index .content ul { margin: 0; padding: 0; list-style: none; } #headernav .index .content li { margin: 0; padding: 0; line-height: 15px; font-size: .86em; } /* Sub Nav -------------------------------------------------------------------*/ #headernav p.dontmiss { display: inline; float: left; margin: 2px 0 0 ; padding: 0; } #headernav ul.sub { margin: 0 0 0 10px; padding: 0; width: 948px; height: 22px; background: url('http://imgs.sfgate.com/graphics/sitenav/rule_dotted_horiz.gif') left bottom repeat-x; list-style: none; overflow: hidden; } #headernav ul.sub li { display: inline; float: left; /* margin: 0 0 0 9px; padding: 0 0 0 9px; */ margin: 0 0 0 7px; padding: 0 0 0 7px; background: url('http://imgs.sfgate.com/graphics/sitenav/sub_pipe_bullet.gif') 0 2px no-repeat; font-family: Verdana, sans-serif; font-size: .86em; } #headernav ul.sub li.first { margin-left: 0; padding-left: 0; background: #fff; } #headernav ul.sub li.note { float: right; background: none; } #headernav ul.sub strong, #headernav ul.sub strong a:link, #headernav ul.sub strong a:visited, #headernav ul.sub strong a:hover, #headernav ul.sub strong a:active { color: #000; text-decoration: none; } #headernav ul.sub img.label { margin: 0 8px -2px 0; } /* x88 Sliding Billboard Ad --------------------------------------------------*/ #headernav .x88 .creative { clear: both; margin: 10px; width:948px; } /* Content Body ----------------------------------------------------------------*/ div.contentbody { clear: left; } /* Footer Nav ----------------------------------------------------------------*/ #footernav { clear: both; border-top: 1px solid #999; width: 968px; margin: 0; padding: 6px 0 0 0; } #footernav h3, #footernav ul, #footernav p { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: .78em; } #footernav h3 { clear: left; display: inline; } #footernav ul { display: inline; list-style: none; } #footernav ul.main { padding-left: 5px; } #footernav li { height: 8px; display: inline; margin: 0; padding: 0 5px 0 9px ; background: url('http://imgs.sfgate.com/graphics/sitenav/footer_pipe_bullet.gif') 0 1px no-repeat; } #footernav li.first { padding: 0 5px; background: none; } #footernav p { margin: 0; padding: 0; } #footernav p.anchortop { margin-right: 8px; width: 10%; float: right; text-align: right; text-transform: lowercase; } #footernav div.sub { clear: both; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 7px 0 0 0; padding: 8px 0 3px 10px; background: #eee; } #footernav div.sub div { margin-bottom: 5px; } /* Site Copyright ------------------------------------------------------------*/ #sitecopyright { width: 970px; font-family: Verdana, sans-serif; font-size: .78em; margin: 7px auto 20px auto; padding: 0; text-align: center; } #sitecopyright img { margin: 7px; } /* Clear (deprecated) --------------------------------------------------------*/ .clear { clear: both; } /* ClearFix ------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* ######################################################################## end: /css/sitenav/sitenav.css ######################################################################## */ /* ######################################################################## begin: /css/utils/sitecontent.css ######################################################################## */ #retrofit1, #retrofit2, td.retrofit { margin: 0; padding: 0; float: none !important; } body { margin: 0; padding:0; font-size: 80%; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .curvebox .mint { background: #ecf6f7 url('http://imgs.sfgate.com/graphics/utils/curvebox_mint1.gif') left top no-repeat; } .curvebox .mint .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint2.gif') right top no-repeat; } .curvebox .mint .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint3.gif') right bottom no-repeat; } .curvebox .mint .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint4.gif') left bottom no-repeat; } .curvebox .mintedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge1.gif') left top no-repeat; } .curvebox .mintedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge2.gif') right top no-repeat; } .curvebox .mintedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge3.gif') right bottom no-repeat; } .curvebox .mintedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge4.gif') left bottom no-repeat; } .curvebox .gray { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_gray1.gif') left top no-repeat; } .curvebox .gray .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray2.gif') right top no-repeat; } .curvebox .gray .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray3.gif') right bottom no-repeat; } .curvebox .gray .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray4.gif') left bottom no-repeat; } .curvebox .grayedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge1.gif') left top no-repeat; } .curvebox .grayedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge2.gif') right top no-repeat; } .curvebox .grayedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge3.gif') right bottom no-repeat; } .curvebox .grayedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge4.gif') left bottom no-repeat; } .curvebox_mint { background: #ecf6f7 url('http://imgs.sfgate.com/graphics/utils/curvebox_mint1.gif') left top no-repeat; } .curvebox_mint .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint2.gif') right top no-repeat; } .curvebox_mint .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint3.gif') right bottom no-repeat; } .curvebox_mint .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint4.gif') left bottom no-repeat; } .curvebox_mintedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge1.gif') left top no-repeat; } .curvebox_mintedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge2.gif') right top no-repeat; } .curvebox_mintedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge3.gif') right bottom no-repeat; } .curvebox_mintedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge4.gif') left bottom no-repeat; } .curvebox_gray { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_gray1.gif') left top no-repeat; } .curvebox_gray .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray2.gif') right top no-repeat; } .curvebox_gray .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray3.gif') right bottom no-repeat; } .curvebox_gray .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray4.gif') left bottom no-repeat; } .curvebox_grayedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge1.gif') left top no-repeat; } .curvebox_grayedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge2.gif') right top no-repeat; } .curvebox_grayedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge3.gif') right bottom no-repeat; } .curvebox_grayedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge4.gif') left bottom no-repeat; } /*advertisement tagline*/ .adinfo {color:#666666;font-size:.71em;font-family:verdana,sans-serif;margin-bottom:2px;text-align:center;} div.midsection .adinfo {text-align:left;margin-top:-3px;margin-left:10px;float:left;} .column2 .adinfo {margin-top:-3px;width:300px;} .adinfo a {color:#015660;text-decoration:none;} .adinfo a:hover {text-decoration:underline;} /* ######################################################################## end: /css/utils/sitecontent.css ######################################################################## */ /* SFGate Article /css/article/article.css pfagan 1/2009 pmims 09/2009 */ /* Page Layout -------------------------------------------------------------- */ #sfg_article { width: 948px; margin: 0px 0 10px 10px; } #sfg_article table.article { margin: 0; padding: 0; border-collapse: collapse; } #sfg_article table.article tr.article { vertical-align: top; } #sfg_article table.article td.column1, #sfg_article table.article td.column2 { margin:0; padding:0; } #sfg_article table.article .wide_column2top, #sfg_article table.article .wide_column2bottom { display: inline; float: right; width: 300px; } #sfg_article table.article td.column2, #sfg_article table.article .wide_column2top, #sfg_article table.article .wide_column2bottom { padding-left: 21px; background: #fff url('http://imgs.sfgate.com/templates/types/article/graphics/vertical_rule.gif') 10px 0 repeat-y; } #sfg_article table.article .wide_column2top { height: 250px; overflow: hidden; margin-bottom: 10px; } #sfg_article .articleimage {float:left;padding:0;margin:6px 10px 0px 0;} /* Link Colors ---------------------------------------------------------- */ #sfg_article .articleheadings a, #sfg_article .bodytext a { color: #015660; text-decoration: none; } #sfg_article .articleheadings a:hover, #sfg_article .articleheadings a:active, #sfg_article .bodytext a:hover, #sfg_article .bodytext a:active { text-decoration: underline; } /* Dividers (Column Banners) ------------------------------------------------ */ #divider #bylinelogo, #divider #columnlogo { border-top: 1px solid #bbb; padding: .5em 0; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #bbb; margin-bottom:11px; } #divider #bylinelogo img, #divider #columnlogo img { display:inline; vertical-align:middle; margin: 0 1.4em 0 0; } #divider #bylinelogo h3, #divider #columnlogo h3 { display:inline; vertical-align: middle; margin: 0; padding: 0; line-height: 2em; font-size: 1.52em; text-transform: uppercase; color: #293173; } #divider #bylinelogo h4, #divider #columnlogo h4 { display:inline; vertical-align:middle; margin:0 0 0 1.4em; padding:0; line-height:2em; color:#666; } /* Headings ----------------------------------------------------------------- */ #sfg_article .headlines { margin-bottom: 10px; } #sfg_article .headlines h1, #sfg_article .headlines h2 { margin:0; padding:0; font: bold 1.44em Arial, Helvetica, sans-serif; } #sfg_article .headlines h2 { font-size: 1.26em; margin-top: 3px; } #sfg_article .articleheadings .byline, #sfg_article .articleheadings .date { margin: 0; padding: 0; font: .86em Verdana, sans-serif; } #sfg_article .articleheadings .byline { margin-bottom: 3px; } #sfg_article .articleheadings { margin-bottom: 10px; } #sfg_article .vendor {padding-bottom:10px;} /* Articletools ------------------------------------------------------------- */ #sfg_article .tools { clear: left; } #sfg_article .tools_top { margin-bottom: 10px; } #sfg_article .tools table, #sfg_article .tools tr, #sfg_article .tools td, #sfg_article .tools p { margin: 0; padding: 0; } #sfg_article .tools hr { display: none; } #sfg_article .tools .hr { width: 627px; height: 1px; background: url('http://imgs.sfgate.com/graphics/article/tools/dotted.gif') repeat-x; } #sfg_article .tools table { border: 0; border-collapse: collapse; } #sfg_article .tools tr { vertical-align: middle; } #sfg_article .tools td { font: normal 9px Arial, sans-serif; text-transform: uppercase; } #sfg_article .tools a:link, #sfg_article .tools a:visited, #sfg_article .tools a:hover, #sfg_article .tools a:active { text-decoration: none; color: #222; } #sfg_article .tools table { width: 625px; } #sfg_article .tools .print { width: 60px; } #sfg_article .tools .email { width: 65px; } #sfg_article .tools .share { width: 68px; position: relative; } #sfg_article .tools .font { width: 76px; position: relative; } #sfg_article .tools .size { width: 31px; } #sfg_article .tools_bot .comments { width: 115px; } #sfg_article .tools .sponsor { width: 153px; text-align: right; } #sfg_article .tools .sponsor .creative { width: 153px; height:31px; text-align: right; background: url('http://imgs.sfgate.com/graphics/article/tools/sponsor.gif') 15px 8px no-repeat; } #sfg_article .tools img { margin: 0 7px -3px 0; border: 0; } #sfg_article .tools .option img, #sfg_article .tools .height img, #sfg_article .tools .sponsor img { margin: 0; } #sfg_article .tools .height img { width: 1px; height: 25px; } #sfg_article .tools .size img { margin-right: 0; } #sfg_article .tools .size img.minus { margin-right: 5px; } /* Yahoo! Buzz */ #yahooBuzzBadge-form, #yahooBuzzBadge-0-form, #yahooBuzzBadge-form a, #yahooBuzzBadge-0-form a { margin: 0 !important; padding: 0 !important; width: 74px !important; height: 22px !important; } /* Sharing Selectors with numerals correspond to top and bottom instances of the popup because the show/hide JavaScript needs unique IDs. */ #sharepop1box, #sharepop2box { z-index: 2; /* bringing it up excepts it from mask rollover */ display: none; position: absolute; width: 270px; height: 120px; margin: -9px 0 0 -6px; } * html #sharepop1box { margin-top: -1px; } *:first-child+html #sharepop1box { margin-top: -1px; } #sfg_article #sharepop2box { margin: -6px 0 0 -5px; } * html #sharepop2box { margin-top: -1px; } *:first-child+html #sharepop2box { margin-top: -1px; } #sharepop1mask, #sharepop2mask { display: none; position: absolute; width: 500px; height: 320px; margin: -109px 0 0 -100px; } * html #sharepop1mask, * html #sharepop2mask { margin-top: -101px; } *:first-child+html #sharepop1mask, *:first-child+html #sharepop2mask { margin-top: -101px; } #sfg_article .tools .share .tab { display: inline; float: left; width: 66px; height: 25px; border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; } #sfg_article .tools .share .tabmask { display: inline; float: right; width: 202px; height: 25px; border-bottom: 1px solid gray; } #sfg_article .tools .share .popup { clear:both; width: 258px; height: 120px; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; background: white; padding: 8px 0 0 10px; } #sfg_article .tools .share table { width: 250px; border: 0; border-collapse: collapse; } #sfg_article .tools .share tr, #sfg_article .tools .share td { vertical-align: top; } #sfg_article .tools .share td { white-space: nowrap; font: normal 11px Verdana, sans-serif; text-transform: none; line-height: 22px; } #sfg_article .tools .share td.first { padding-right: 10px; } #sfg_article .tools .share td, #sfg_article .tools .share td a { color: #015660 !important; } #sfg_article .tools .share td a:hover, #sfg_article .tools .share td a:active { text-decoration: underline; } #sfg_article .tools .share td img { margin: 0 5px -4px 0; border: 0; } * html #sfg_article .tools .share td img { margin: 5px 3px -3px 0;} #sfg_article .tools .share td .buzz { padding: 3px 0 0 3px; } /* buzz text */ #sfg_article .tools .share td .yahooBuzzBadge-form span span { /* buzz logo */ left: -2px !important; top: -3px !important; } * html #sfg_article .tools .share td .buzz { padding: 7px 0 0 3px; } * html #sfg_article .tools .share td .yahooBuzzBadge-form span span { top: 4px !important; } /* Fonts */ #fontpopbox { z-index: 2; /* bringing it up excepts it from mask rollover */ display: none; position: absolute; width: 145px; height: 136px; margin: -9px 0 0 -13px; } * html #fontpopbox { margin-top: -1px; } *:first-child+html #fontpopbox { margin-top: -1px; } #fontpopmask { display: none; position: absolute; width: 345px; height: 336px; margin: -109px 0 0 -100px; } * html #fontpopmask { margin-top: -101px; } *:first-child+html #fontpopmask { margin-top: -101px; } #sfg_article .tools .font .tab { display: inline; float: left; width: 66px; height: 25px; border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; overflow: hidden; } #sfg_article .tools .font .tab img { margin:0 0 0 53px; padding:0; width: 40px; height: 40px; } #sfg_article .tools .font .tabmask { display: inline; float: right; width: 77px; height: 25px; border-bottom: 1px solid gray; } #sfg_article .tools .font .popup { clear:both; width: 133px; height: 96px; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; background: white; padding: 8px 0 0 10px; } #sfg_article .tools .font .popup form { margin:0; padding: 0; font-size: 12px; text-transform: none; } #sfg_article .tools .font .popup div.choice { margin-bottom: 5px; } #sfg_article .tools .font .popup input { margin-bottom: -2px; } #sfg_article .tools .font .popup .isdefault { color: #666; font-style: italic; } #sfg_article .tools .font .popup .georgia { font-family: Georgia, 'Times New Roman', Times, serif; } #sfg_article .tools .font .popup .verdana { font-family: Verdana, Arial, sans-serif; } #sfg_article .tools .font .popup .times { font-family: 'Times New Roman', serif; } #sfg_article .tools .font .popup .arial { font-family: Arial, sans-serif; } /* Body Text ---------------------------------------------------------------- */ /* Until paragraphs are proper containers, we can't count on the first paragraph being identified as such. so the leading after the first paragraph is handled by the top of the second, and so on. The leading ABOVE the first paragraph is handled by the bottom margin of .articletools .loweredge */ * html #articlecontent {width:620px !important;} /*ie6fix*/ #sfg_article .w948 #bodytext_top, #sfg_article .w948 #bodytext_bottom p { width: 627px; } #sfg_article .w948 #bodytext_bottom { clear: both; } #sfg_article .w948 #articlebox { display: none; } #sfg_article .bodytext { line-height: 1.75em; } #sfg_article .bodytext .dropcap { display: inline; float:left; font-size: 3.1em; line-height: .9em; padding-top: .02em; padding-right: .15em; } .bodytext .xs { font-size: .86em; } .bodytext .sm { font-size: 1.02em; } .bodytext .md { font-size: 1.25em; } .bodytext .lg { font-size: 1.49em; } .bodytext .xl { font-size: 2em; } .bodytext .georgia { font-family: Georgia, 'Times New Roman', Times, serif; } .bodytext .verdana { font-family: Verdana, Arial, sans-serif; } .bodytext .times { font-family: 'Times New Roman', serif; } .bodytext .arial { font-family: Arial, sans-serif; } #sfg_article .bodytext #divider hr { display: none; } #sfg_article .bodytext .dtlcomment { font-style: italic; } /* Lists in the Body Text */ .bodytext ul, .bodytext ol, .bodytext li { margin:0; padding:0; } .bodytext li { margin-left: 1.25em; } /* Tables in the Body Text */ #sfg_article .infobox table { border-width: 0 0 1px 1px; border-spacing: 0; border-color: #666; border-collapse: collapse; } #sfg_article .w627 .infobox table { width: 627px; } #sfg_article .w948 .infobox table { width: 948px; } #sfg_article .infobox tr, #sfg_article .infobox td { vertical-align: top; } #sfg_article .infobox tr.alt { background: #eee; } #sfg_article .infobox td { margin: 0; border: 1px solid #666; padding: 12px 14px; font: 11px Verdana, sans-serif; line-height: 15px; } #sfg_article .infobox td.b { font-weight: bold; } #sfg_article .infobox td p { margin: 0 0 10px 0; padding: 0; } /* Article Box -------------------------------------------------------------- */ #articlebox { clear: left; display: inline; float: left; margin: -3px 20px 0 0; width: 220px; font-family: Verdana, sans-serif; } #articlebox a:link, #articlebox a:visited { text-decoration: none; color: #015660; } #articlebox a:hover, #articlebox a:active { text-decoration: underline; } #articlebox hr { display: none; } #articlebox .hr { clear:both; margin:5px 0pt 7pt; width:100%; height:1px; background: url(http://imgs.sfgate.com/graphics/utils/dotrule.gif) repeat-x; } /* Object Box */ #objbox { border: 1px solid #999; padding: 6px 0 0 6px; margin-bottom: 10px; } #objbox img { display:inline; float:left; margin: 2px 8px 8px 2px; border: 1px solid #000; } /* the vspace in the img tags is unwanted, but ignored by all but IE6Win. Remove this IE6Win hack when the vspace in the img tags is gone. */ * html #objbox img { margin: 1px 8px 7px 2px; } #objbox a.more { clear:both; margin:2px; font-size:.86em; line-height:.75em; } #objbox div.clear { clear:both; margin-top:6px; } /* Chart Link */ #chartlink { border: 1px solid #999; padding: 6px; font-size:.86em; margin-bottom: 10px; } /* Legacy Dropins ----------------------------------------------------------- */ #articlebox .dropin { border: 1px solid black; width: 202px; font-size: 10px; margin-top: 10px; padding: 8px; } #articlebox .dropin a:link { color: #006; text-decoration: none; } #articlebox .dropin a:visited { color: #369; text-decoration: none; } #articlebox .dropin a:hover, #articlebox .dropin a:active { text-decoration: underline; } #articlebox .dropin h1 { margin: -8px -8px 5px -8px; background: #666; padding: 4px; text-align: center; font: bold 10px Verdana, sans-serif; color: white; } #articlebox .dropin h2 { margin: 0 0 5px 0; padding: 0; font: 10px Verdana, sans-serif; text-align: center; } #articlebox .dropin p { margin: 0 0 5px 0; padding: 0; } #articlebox .dropin hr { display: block; /* undef usual */ border: 0; height: 1px; background-color: #999; color: #999; } #articlebox .dropin .bold a { font-weight: bold; } /* #articlebox .dropin .center { text-align: center; } */ #articlebox .text1sm, #articlebox .text2sm, #articlebox .text1smb, #articlebox .text2smb { font-size: 10px Verdana, sans-serif; } #articlebox .text1smb, #articlebox .text2smb { font-weight: bold; } /* Footer Items ------------------------------------------------------------- */ #articlefooter { font: .74em Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; } #articlefooter .imgleft { float:left; border:1px solid #000; } #articlefooter .imgright { float:right; border:1px solid #000; } /* Page Number */ .column1 #pageno { clear: both; color: #555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .86em; font-style: italic; } /* Ads by Yahoo! */ .sfg_ysm001 { margin: 10px 0; width: 625px; } /* Inside SFGate */ .sfg_edi011 { margin-top: 10px; } /* Buy Chronicle */ #buychronicle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.86em; line-height:2.6em; } #buychronicle a:link, #buychronicle a:visited { text-decoration: none; color: #015660; } #buychronicle a:hover, #buychronicle a:active { text-decoration: underline; } #buychronicle img { display: inline; float: left; margin-right: 5px; border: 0; } /* Subscribe Chronicle */ #subscribe { font-family:Verdana,sans-serif; font-size:10px; font-weight:bold; margin:0; padding:0; } #subscribe h4 { color:#000; font-size:11px; margin:0px 0 5px 6px; padding:0; } * html #subscribe h4 { color:#000; font-size:11px; margin:0px 0 5px 6px; padding:0; } html * #subscribe h4 { color:#000; font-size:11px; margin:0px 0 5px 6px; padding:0; } #subscribe a:link, #subscribe a:visited { text-decoration: none; color: #015660; } #subscribe a:hover, #subscribe a:active { text-decoration: underline; } #subscribe img { border:0; display:inline; float:left; margin-right:10px; margin-bottom:10px; } *html #subscribe img { border:0; display:inline; float:left; margin:10px 10px 10px 0; } html* #subscribe img { border:0; display:inline; float:left; margin:10px 10px 10px 0; } #subscribe div.packages{ color:#555; } #subscribe div.packages form { margin:0; padding:0; } *html #subscribe div.packages form { margin:5px 0 10px 0; padding:0; } html* #subscribe div.packages form { margin:5px 0 10px 0; padding:0; } #subscribe div.packages input{ float:left; margin-right:6px; padding:0; } #subscribe div.packages input.btn { width:100px; } #subscribe div.packages fieldset { border:0px; } #subscribe div.packages label { margin:0 0 0 0px; float:left; } #subscribe div.packages ul { list-style-type:none; margin:0; padding:0; } #subscribe div.packages ul li{ color:#555; line-height:19px; margin:0; padding:0; } #subscribe div.packages ul li .clearfix *{ vertical-align: middle; } #subscribe div.packages div.reg{ display:inline; font-weight:normal; } #subscribe div.packages div.rate{ color:#c00; display:inline; font-weight:normal; } #subscribe #submit{ margin:5px 0 0 2px; } /*I.E 6 Hack! */ *html #subscribe div.packages fieldset { position:relative; /*top:12px;*/ top:-3px; padding:0; margin:0; } *html #subscribe img { border:0; display:inline; float:left; margin-right:10px; margin-bottom:0; padding:0; position:relative; top:-6px; } /*I.E 7 Hack! */ html* #subscribe div.packages fieldset { position:relative; /*top:12px;*/ top:-7px; padding:0; margin:0; } html* #subscribe img { border:0; display:inline; float:left; margin-right:10px; margin-bottom:0; padding:0; position:relative; top:-7px; } /* fanshop dropin /css/article/article.css */ .sfg_dropin { font-family:Verdana,sans-serif; font-size:.86em; margin:0; padding:0; } .sfg_dropin p { display:block; font-weight:bold; margin:0; padding:0; } .sfg_dropin p.sfg_generic { display:block; font-weight:bold; margin:0; padding:0; } #generic .sfg_dropin p { display:block; font-weight:bold; margin:0; padding:0; } #athletics.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/athletics/dropin/athletics_curvebox1.gif') left top no-repeat; } #athletics.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/athletics/dropin/athletics_curvebox2.gif') right top no-repeat; } #athletics.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/athletics/dropin/athletics_curvebox4.gif') right bottom no-repeat; } #athletics.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/athletics/dropin/athletics_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #college.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/college/dropin/college_curvebox1.gif') left top no-repeat; } #college.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/college/dropin/college_curvebox2.gif') right top no-repeat; } #college.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/college/dropin/college_curvebox4.gif') right bottom no-repeat; } #college.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/college/dropin/college_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #generic.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/dropin/generic/generic_curvebox1.gif') left top no-repeat; } #generic.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/dropin/generic/generic_curvebox2.gif') right top no-repeat; } #generic.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/dropin/generic/generic_curvebox4.gif') right bottom no-repeat; } #generic.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/dropin/generic/generic_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #giants.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/giants/dropin/giants_curvebox1.gif') left top no-repeat; } #giants.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/giants/dropin/giants_curvebox2.gif') right top no-repeat; } #giants.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/giants/dropin/giants_curvebox4.gif') right bottom no-repeat; } #giants.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/giants/dropin/giants_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #niners.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/49ers/dropin/niners_curvebox1.gif') left top no-repeat; } #niners.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/49ers/dropin/niners_curvebox2.gif') right top no-repeat; } #niners.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/49ers/dropin/niners_curvebox4.gif') right bottom no-repeat; } #niners.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/49ers/dropin/niners_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #raiders.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/raiders/dropin/raiders_curvebox1.gif') left top no-repeat; } #raiders.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/raiders/dropin/raiders_curvebox2.gif') right top no-repeat; } #raiders.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/raiders/dropin/raiders_curvebox4.gif') right bottom no-repeat; } #raiders.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/raiders/dropin/raiders_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #sharks.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/sharks/dropin/sharks_curvebox1.gif') left top no-repeat; } #sharks.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/sharks/dropin/sharks_curvebox2.gif') right top no-repeat; } #sharks.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/sharks/dropin/sharks_curvebox4.gif') right bottom no-repeat; } #sharks.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/sharks/dropin/sharks_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } #warriors.sfg_dropin { background: #ffffff url('http://imgs.sfgate.com/graphics/sports/warriors/dropin/warriors_curvebox1.gif') left top no-repeat; } #warriors.sfg_dropin .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/sports/warriors/dropin/warriors_curvebox2.gif') right top no-repeat; } #warriors.sfg_dropin .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/sports/warriors/dropin/warriors_curvebox4.gif') right bottom no-repeat; } #warriors.sfg_dropin .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/sports/warriors/dropin/warriors_curvebox3.gif') left bottom no-repeat; padding:6px 11px 7px 5px; } .sfg_dropin a:link { text-decoration:none; color:#015660; } .sfg_dropin a:visited { text-decoration:none; color:#015660; } .sfg_dropin a:hover, .sfg_dropin a:active { text-decoration:underline; } #generic.sfg_dropin a:link { font-size:1em; text-decoration:none; color:#015660; } #generic.sfg_dropin a:visited { font-size:1em; text-decoration:none; color:#015660; } #generic.sfg_dropin a:hover, #generic.sfg_dropin a:active { font-size:1em; text-decoration:underline; } /* e: fanshop dropin /css/article/article.css*/ /* Column 2 Items ----------------------------------------------------------- */ .TSNscores { width: 300px !important; margin-bottom: 10px; } #adpos3 { margin-bottom: 10px; text-align: center; } #topmost, #adjacency, #adpos2 { margin-bottom: 10px; } table.column2 { width:300px; } table.column2 tr { vertical-align: top; } table.column2 td.leftcol { padding-right:10px; } .column2 table.column2 { margin-left:0; } /* Classifieds Module cls003 */ .sfg_cls003 { margin-bottom: 10px; } /* -------------------------------------------------------------------------- */ /* x88 */ #page #headernav .x88 {width:968px;} #page #headernav.headernav_leaderboard .x88 .creative {padding:10px 0 0 10px;} *:first-child+html #page #headernav .x88 {padding-left:10px;} * html #page #headernav .x88 {padding-left:10px;} /* end /css/article/article.css */ /* art001 Article box /web/sites/sfgate/css/contentmodules/art001.css rgarcia 07/2008 */ .sfg_art001 * { margin: 0; padding: 0; } .sfg_art001 { margin-bottom:10px; } .sfg_art001 a.view { display:block; clear:both; } .sfg_art001 h2 { text-transform: uppercase; font-weight:bold; font:bold .78em arial,helvetica,sans-serif; color:#222222; margin-bottom:8px; } .sfg_art001 img {border:none;} .sfg_art001 img.thumb, .sfg_art001 img.last-thumb { display:block; float:left; border:1px solid #000; width:64px; height:64px; } .sfg_art001 img.thumb { margin:0 11px 8px 0; } .sfg_art001 img.last-thumb { margin:0 0px 8px 0; } .sfg_art001 img.solo-thumb { display:block; width:220px; margin-bottom:8px; } .sfg_art001 img.gmap-part1 { border:1px solid #000000; display:block; width:218px; height:218px; margin-bottom:8px; } .sfg_art001 img.solo-thumb-small { width:120px; height:120px; display:block; clear:both; border:1px solid #000; margin-bottom:8px; } .sfg_art001 img.plus {margin-right:5px; clear:both;} .sfg_art001 a { color:#015660; text-decoration:none; font:normal .78em verdana, sans-serif; } /* art004 Article box /web/sites/sfgate/css/contentmodules/art004.css rgarcia 07/2008 */ .sfg_art004 * { margin: 0; padding: 0; border:0; } .sfg_art004 h2 { text-transform: uppercase; font:bold .78em arial, verdana, sans-serif; margin-bottom:6px; color:#222; } .sfg_art004 p { font:normal .86em verdana, arial, sans-serif; margin-bottom:10px; } .sfg_art004 ul li { list-style-type: none; line-height:13px; margin-bottom:5px; padding:0pt 0pt 0pt 11px; background: url('http://imgs.sfgate.com/graphics/utils/bullet_square333.gif') 0px 5px no-repeat; } * html .sfg_art004 ul li, html* .sfg_art004 ul li { background: url('http://imgs.sfgate.com/graphics/utils/bullet_square333.gif') 0px 8px no-repeat; } .sfg_art004 a { font:normal .86em verdana, arial, sans-serif; color:#015660; text-decoration:none; margin-top:5px; line-height:14px; } .sfg_art004 hr { display: none; } /* never visible when css is enabled */ .sfg_art004 .hr { clear:both; margin: 10px 0; height: 1px; background: transparent url('http://imgs.sfgate.com/graphics/utils/dotrule.gif') repeat-x; } .sfg_art004 li span { font: normal .78em verdana; color:#666; } /* ######################################################################## ## Home Module -- edi011 Inside SFGate ## ## /css/contentmodules/edi011_v3.css ## ## ktessier 4/2009 ## ######################################################################## */ .sfg_edi011 h2, .sfg_edi011 h4, .sfg_edi011 p, .sfg_edi011 form { margin: 0; padding: 0; } .sfg_edi011 { background: #eaecd9 url('http://imgs.sfgate.com/graphics/contentmodules/edi011/insidesfgate_corner1.gif') left top no-repeat; height: 1%; clear:both;font-family: Verdana, sans-serif;} .sfg_edi011 .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/contentmodules/edi011/insidesfgate_corner2.gif') right top no-repeat; } .sfg_edi011 .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/contentmodules/edi011/insidesfgate_corner3.gif') right bottom no-repeat; } .sfg_edi011 .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/contentmodules/edi011/insidesfgate_corner4.gif') left bottom no-repeat; padding: 10px 10px 10px 11px;} #sfg_edi011_inside_sfgate_v3_article .corner4 {padding: 10px 1px 10px 11px;} /*article view is thinner*/ table.article .sfg_edi011 { width:627px !important; } .sfg_edi011 img { border: none; } .sfg_edi011 img.thumb { border: 1px solid black;clear:both;width:110px;height:80px; margin-right: 10px;} * html .sfg_edi011 img.thumb {margin-right:0px;} /*ie6fix*/ .sfg_edi011 a:link { text-decoration: none; color: #015660; } .sfg_edi011 a:visited { text-decoration: none; color: #667b7b; } .sfg_edi011 a:hover, .sfg_edi011 a:active { text-decoration: underline; } .sfg_edi011 .header { background: transparent url('http://imgs.sfgate.com/graphics/contentmodules/edi011/insidesfgate_tile.gif') repeat-x; margin-bottom: 4px; width: 100%; } .sfg_edi011 h2 { display: inline; float: left; width: 83px; font-size: .71em; } .sfg_edi011 p.page, .sfg_edi011 p.nav { display: inline; float: right; white-space: nowrap; } .sfg_edi011 p.page { width: 30px; } .sfg_edi011 p.page img { margin-left: 2px; } .sfg_edi011 p.nav { width: 50px; padding-left: 5px; background: #eaecd9; } .sfg_edi011 p.nav img { margin-left: 1px; } .sfg_edi011 .item { width: 112px;float:left;display:inline;margin-right:14px;} #sfg_article .item {margin-right:11px;} /*for article view*/ .sfg_edi011 #sfg_edi011_inside_sfgate3, .sfg_edi011 #sfg_edi011_inside_sfgate6, .sfg_edi011 #sfg_edi011_inside_sfgate9 { margin-right: 0; } .sfg_edi011 .desc { width: 110px; clear:both; font-size: .78em;margin-top:6px; } .sfg_edi011 .desc h4 { font-size: 1em; } .sfg_edi011 .desc a { display: block; font-weight: bold; } .sfg_edi011 form { display: none; } .sfg_edi011 .last {margin-right:0 !important; } .sfg_edi011 img.multimedia {padding-right:2px;} /* spt003 article styles /css/sports/article/spt003_article.css rgarcia 7/2008 */ #sfg_article #spt003_giants, #sfg_article #spt003_athletics, #sfg_article #spt003_raiders, #sfg_article #spt003_warriors, #sfg_article #spt003_49ers, #sfg_article #spt003_stanford, #sfg_article #spt003_cal, #sfg_article #spt003_stmarys, #sfg_article #spt003_superbowl { width:300px; margin-bottom:10px; } /* sti002 article styles /css/sports/article/sti002_article.css rgarcia 9/2008 */ #sfg_article .sfg_sti002 { width:300px; margin-bottom:10px; } /* Comments Box in SFGate Article /css/article/commentsbox.css pfagan 02/2008 */ /* Add Comment */ #sfgate_commentbox h2 { font-size:1.26em; } #sfgate_commentbox h1, #sfgate_commentbox h2, #sfgate_commentbox h3 { font-family:Arial,Helvetica,sans-serif; } #sfgate_commentbox h4, #sfgate_commentbox p, #sfgate_commentbox textarea, #sfgate_commentbox label, #sfgate_commentbox input { margin: 0 0 5px 0; padding: 0; font-family: Verdana, sans-serif; font-size: .88em; } #sfgate_commentbox a:link, #sfgate_commentbox a:visited { text-decoration: none; color: #015660; } #sfgate_commentbox a:hover, #sfgate_commentbox a:active { text-decoration: underline; } #sfgate_commentbox { background:#EFEFEF none repeat scroll 0%; border-bottom:1px solid #CCCCCC; margin-bottom:1px; padding:10px 0 10px 0; width:627px; } #sfgate_commentbox #sfgate_commentbox .commentform { padding: 0; } #sfgate_commentbox h3, #sfgate_commentbox div { font-family: Verdana, sans-serif; } #sfgate_commentbox h3, #sfgate_commentbox #sfgate_bottomQuestion { font-size: .96em; } #sfgate_commentbox #sfgate_bottomCnt, #sfgate_commentbox #sfgate_addlink, #sfgate_commentbox #sfgate_viewlink { font-size: .88em; } #sfgate_commentbox #sfgate_viewlink a { line-height:10px !important; } #sfgate_commentbox h3 { display: inline; float: left; width:92px; height: 11px; margin:0 0 7px 0; padding: 0; text-indent: -1024px; background: url('http://imgs.sfgate.com/templates/types/article/graphics/comments_heading.gif') no-repeat 10px 0; } #sfg_article #sfgate_bottomCnt { display: inline; float: left; width: 120px; margin:-2px 0 7px 7px; font-weight: bold; } #sfg_article #sfgate_bottomQuestion { clear: left; margin-bottom: 7px; font-size: .96em; font-weight: bold; padding:0 0 0 10px; } #sfg_article #sfgate_bottomQuestion .error { margin-left: 10px; color: #900; } #sfg_article #sfgate_addlink { display: inline; float: left; margin-right: 15px; } #articlePageCommentBoxWrapper FORM.commentform { margin:0; padding:0 15px 0 10px !important; } #sfgate_commentbox .commentform .alertmsg { margin: 0; font-family: Verdana, sans-serif; font-weight: bold; } #sfgate_commentbox .error { color: #900; } #sfgate_commentbox .commentform p.error { color: #c00; } #sfgate_commentbox .commentform textarea, #sfgate_commentbox .commentform input.count { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #sfgate_commentbox .commentform textarea { width: 400px; height: 7.35em; } #sfgate_commentbox .commentform input.submit, #sfgate_commentbox .commentform label, #sfgate_commentbox .commentform input.count { display:inline; float: left; } #sfgate_commentbox .commentform input.submit { width: 58px; } #sfgate_commentbox .commentform label { margin: 0 7px 0 190px; width: 100px; text-align:right; } #sfgate_commentbox .commentform input.count { width: 45px; } #articlePageCommentBoxWrapper { width:627px; } /* Most Recommended Comments */ #sfgate_most_rec_comments { width:627px; } .Comments_Container_heading { background:#efefef; height:50px; } .Comments_Container_heading h3 { font-weight:bold; font-family:Verdana,sans-serif; font-size:.86em; margin:0; padding:10px 8pt 6pt; } .Comments_Container_heading hr { border:0pt none; display:none; } .Comments_Container_heading .dotted_rule { background:transparent url(http://imgs.sfgate.com/graphics/utils/dotrule.gif) repeat-x scroll 0% 50%; clear:both; height:1px; margin-left:10px; width:97%; } .Comments_Container_viewall { font-family:Verdana,sans-serif; font-size:0.86em; margin:0pt; padding:0; background:#efefef; width:627px; } .Comments_Container_viewall .viewall_link { padding:10px; background: transparent url(http://imgs.sfgate.com/graphics/utils/gray_rounded_btm_627.gif) no-repeat bottom left; } .Comments_Container_viewall a {color:#015660;text-decoration:none;} .Comments_Container_viewall a:hover {color:#015660;text-decoration:underline;} /***** siteLife styles *****/ #Comments_Container { font-family:Verdana,sans-serif; background:#efefef; width:627px; } .Sitelife_PluckLogo { display:none; } div.Comments_Container table, div.Recommend_Container, div.Comments_Container, div.Comments_Container textarea, div.Comments_Container input { margin-top:0 !important; font-size:1em !important; } div.Comments_Container { padding-top:0 !important; padding-left:10px !important; padding-right:10px !important; } #Comments_Container {margin:0 !important;text-align:left !important; overflow:hidden !important;margin:0 !important;padding:0 !important;margin-top:-18px !important; } #Comments_Container img {border:1px solid #000000 !important; } #Comments_Container a {color:#015660;text-decoration:none !important; } #Comments_Container a:hover {color:#015660;text-decoration:underline !important;} table.Comments_Table {width:605px !important;margin:0 !important;} tr.Comments_TableAltRowColor {background:transparent url(/graphics/utils/dotrule.gif) repeat-x scroll left bottom !important;} tr.Comments_TableRowColor {background:transparent url(/graphics/utils/dotrule.gif) repeat-x scroll left bottom !important;} td.Comments_UserImage {width:76px !important; margin:0 !important; vertical-align:top !important;text-align:left !important; padding:12px 1px 0px !important;} td.Comments_UserImage img { height:64px !important; padding:0pt !important; width:64px !important; } td.Comments_TableRight{width:525px !important; margin:0 !important; text-align:left !important;vertical-align:top !important;padding:0px !important;padding-top:10px !important;padding-bottom:10px !important;} table.Comments_NestedTable {width:525px !important;} div.Comments_From {margin:0 !important; font-size:.86em !important; padding-bottom:3px !important;} div.Comments_From a {font-weight:bold !important;} div.Comments_CommentText {padding-top:5px !important;font-size:.86em !important; line-height:16px !important;} div.Comments_NestedDate {color:#666666 !important; padding-top:5px !important; padding-bottom:4px !important;font-size:.78em !important;} td.Comments_NestedRecommend { width: 370px !important; background: url('http://imgs.sfgate.com/graphics/utils/icon_recommend2.gif') no-repeat !important; padding: 3px 0 1px 0 !important; font-size: .78em !important; } td.Comments_NestedRecommend div { display: block !important; } td.Comments_NestedRecommend div.Recommend_Container, td.Comments_NestedRecommend a.SiteLife_Recommend, td.Comments_NestedRecommend span.SiteLife_Recommended { margin: 0 !important; padding: 0 !important; background: none !important; } td.Comments_NestedRecommend a.SiteLife_Recommend, td.Comments_NestedRecommend span.SiteLife_Recommended { display: block; padding-left: 20px !important; } div.Comments_CommentText { padding-right:13px !important; font-size:.86em !important; padding-top:2px !important; } a.SiteLife_ReportAbuse, .SiteLife_Reported { background:none !important; font-size:.78em !important; float:right !important; padding:0 !important; margin-top:4px !important; margin-right:10px !important; } .SiteLife_Recommended { white-space: nowrap !important; } td.Comments_NestedReport { margin-top:-18px !important; width:150px !important; } #Paginator { display:none !important; } /* end /css/article/commentsbox.css */ /* Article Comments Page /css/article/commentspage13.css pfagan 2/2008 */ /* Page Layout */ #sfg_article, #sfg_article .x88 .creative { padding-top: 10px; } #sfg_article table.article { margin-bottom: 10px; border-collapse: collapse; table-layout: fixed; } #sfg_article table.article tr.article { vertical-align: top; } #sfg_article #contentcol { width: 627px; padding-right:10px; } #groupmenu { margin-top:10px; width: 300px; padding: 0 0 0 11px; background: #fff url('http://imgs.sfgate.com/templates/types/article/graphics/vertical_rule.gif') repeat-y; } /* Column 2 Items ----------------------------------------------------------- */ #adpos3 { margin-bottom: 10px; text-align: center; } #topmost,#adjacency,#adpos2,#adpos4 { margin-bottom:10px; } table.groupmenu { width:300px; } table.groupmenu tr { vertical-align: top; } table.groupmenu td.leftcol { padding-right:10px; } /* Classifieds Module CLS003 */ .sfg_cls003 { margin-bottom: 10px; clear:both;} /* display hacks ------------------------------------------------------------ */ .clear { clear: both; } p.clear { margin: 0; padding: 0; } /* Link Colors */ #commentspage a:link, #commentspage a:visited { text-decoration: none; color: #015660; } #commentspage a:hover, #commentspage a:active { text-decoration: underline; } .ac-contentbody { margin-left: 10px; } /* Comments Page */ #commentspage { padding-bottom: 10px; border-bottom: 1px solid #CCC; width: 627px; } #commentspage h2 { font-size:1.26em; } #commentspage h1, #commentspage h2, #commentspage h3 { font-family:Arial,Helvetica,sans-serif; } #commentspage h4, #commentspage p, #commentspage textarea, #commentspage label, #commentspage input { margin: 0 0 5px 0; padding: 0; font-family: Verdana, sans-serif; font-size: .88em; } #commentspage .details, #commentspage .recommend, #commentspage .reportabuse, #commentspage label { color: #666; } #commentspage .header { background: #EFEFEF; padding: 15px 15px 10px 15px; border-bottom: 1px solid #CCC; } #commentspage .header2 { background: #FFFFFF; padding: 15px 15px 10px 15px; padding: 0px 15px 0px 15px; height: 3em; line-height: 3em; background: url('http://imgs.sfgate.com/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x; } #commentspage .alertmsg { margin: 0 0 8px 15px; font-family: Verdana, sans-serif; font-weight: bold; } #commentspage .header h1 { display: inline; float: left; width:80px; height: 11px; margin:0 0 10px 0; padding: 0; text-indent: -1024px; background: url('http://imgs.sfgate.com/templates/types/article/graphics/comments_heading.gif') no-repeat; } #commentspage .header h1, #commentspage .header #sfgate_topCnt { font-size: .88em; } #commentspage .header #sfgate_topCnt { display: inline; float: left; width: 120px; margin:-2px 0 10px 7px; font-family: Verdana, sans-serif; font-weight: bold; } #commentspage .header h2, #commentspage .header h3 { clear: both; margin: 0 0 0; padding: 0; font-size: 1.02em; } #commentspage .header .details { margin: 7px 0; } #commentspage .header .desc { font-family: Georgia, "Times New Roman", serif; font-size: 1.02em; margin-bottom:10px; } #commentspage .header p { margin-top: 5px; } #commentspage .header #sfgate_addlink { margin-right: 20px; } #commentspage .header2 P { margin: 0; } #commentspage .header2 .commentsAddYourCommentLink { vertical-align: middle; font-weight: bold; } #commentspage .header2 .sortCommentsTogglePara { float: right; text-align: right; vertical-align: middle; margin: 0; font-size: 0.785em; padding-top: 1px; } #commentspage .commentslist { background: url('http://imgs.sfgate.com/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x; padding-bottom: 1px; } #commentspage #commentslist { background-image: none; } #commentspage #commentslist-page2 { ; } #commentspage .commentslist .item { height: 1%; /* Holly Hack */ padding: 7px 15px 2px 15px; padding: 10px 15px; background: #EFEFEF; } #commentspage .commentslist .item h4 { font-weight: normal; } #commentspage .commentslist .item h4 a { font-weight: bold; } #commentslist tr, #commentslist td { vertical-align: top !important; } .commentslist td { vertical-align: top !important; } .commentslist td p {overflow:hidden;} #commentspage .commentslist .item p { line-height: 16px;} #commentspage .commentslist .item .details, #commentspage .commentslist .item .recommend, #commentspage .commentslist .item .recommended, #commentspage .commentslist .item .recommendlabel, #commentspage .commentslist .item .disapprove, #commentspage .commentslist .item .disapproved, #commentspage .commentslist .item .disapprovelabel, #commentspage .commentslist .item .reportabuse, #commentspage .commentslist .item .recommendlinelabel, #commentspage .commentslist .item .reportabuselabel { display:inline; float:left; height:16px; font-family: Verdana, Arial, sans-serif; font-size: .86em; font-size: .79em; } #commentspage .commentslist .item .recommendlinelabel { padding-top: 2px; } #commentspage .commentslist .item .details { width: 286px; padding: 1px 0 0 0; } #commentspage .commentslist .item .recommend, #commentspage .commentslist .item .recommended, #commentspage .commentslist .item .disapprove, #commentspage .commentslist .item .disapproved, #commentspage .commentslist .item .reportabuse { width: 16px; display: block; } #commentspage .commentslist .item .recommend { background: url('http://imgs.sfgate.com/templates/types/article/graphics/thumbs_up.gif') no-repeat; } #commentspage .commentslist .item .disapprove { background: url('http://imgs.sfgate.com/templates/types/article/graphics/thumbs_down.gif') no-repeat; } #commentspage .commentslist .item .reportabuse { background: url('http://imgs.sfgate.com/templates/types/article/graphics/comments_alert.gif') no-repeat; } #commentspage .commentslist .item .checked, #commentspage .commentslist .item .recommended { background: url('http://imgs.sfgate.com/templates/types/article/graphics/thumbs_up.gif') no-repeat; text-indent:13px; width:63px !important; } #commentspage .commentslist .item .disapproved { background: url('http://imgs.sfgate.com/templates/types/article/graphics/thumbs_down.gif') no-repeat; text-indent:13px; width:63px !important; } #commentspage .commentslist .item .recommendlabel, #commentspage .commentslist .item .disapprovelabel, #commentspage .commentslist .item .reportabuselabel { padding-left: 4px; } #commentspage .commentslist .item .disapprovelabel { width: 35px; } #commentspage .commentslist .item .recommendlabel { width: 48px; } #commentspage .commentslist .odd { background: #FFF; } #commentspage div.pagenav { width: 617px; margin: 0 0 10px 0; background: url('http://imgs.sfgate.com/templates/types/article/graphics/tools_dashline.gif') bottom left repeat-x; padding: 10px 0px 10px; font-family: Verdana, sans-serif; font-size: .86em; line-height: 16px; padding-left:10px; } #commentspage div.pagenav #cpp_20_span span { margin-right:10px; } #commentspage .pagenav strong, #commentspage .pagenav a { padding-right: 5px; } #sfg_article #articlePageCommentBoxWrapper FORM.commentform { margin:0; padding: 0 15px 0 10px !important; } #sfgate_bottomQuestion { padding-left:10px; } #commentspage .commentform .alertmsg { margin: 0; font-family: Verdana, sans-serif; font-weight: bold; } #commentspage .error { color: #900; } #commentspage .commentform p.error { color: #c00; } #commentspage .commentform textarea, #commentspage .commentform input.count { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #commentspage .commentform textarea { width: 400px; height: 7.35em; } #commentspage table.fb-table td { font: normal .88em Verdana, sans-serif; } #commentspage .fb-checkbox { padding: 0 4px !important; } * html #commentspage .fb-checkbox { padding: 0 !important; } #commentspage table.fb-table input { margin: 0 !important; } #commentspage table.fb-table { margin-bottom: 4px; } #commentspage .commentform input.submit, #commentspage .commentform label, #commentspage .commentform input.count { display:inline; float: left; } #commentspage .commentform input.submit { width: 58px; } #commentspage .commentform label { margin: 0 7px 0 190px; width: 100px; text-align:right; } #commentspage .commentform input.count { width: 45px; } /* Report Abuse */ #commentspage div.ReportAbuse_Container { margin: 15px 0 0 0; background-color:#cccccc; width:170px; border:1px solid #000000; font-family:Verdana; text-align:left; z-index:4; position:absolute; font-weight:bold; font-size:10px; } #commentspage div.ReportAbuse_SectionHead { padding:2px; height:15px; } #commentspage div.ReportAbuse_SectionHead a { float:right; border:1px solid #000000; color:#000000; background-color:#FFFFFF; padding:1px; text-decoration:none; } #commentspage div.ReportAbuse_SectionHead a:hover { background-color:#000000; color:#FFFFFF; } #commentspage div.ReportAbuse_Interior { width:170px; padding-bottom:3px; clear:both; } #commentspage div.ReportAbuse_Interior a { float:left; font-weight:bold; height:15px; border-bottom:1px solid #000000; color:#000000; padding:2px 0px 0px 10px; width:160px; background-color:#FFFFFF; text-decoration:none; } #commentspage div.ReportAbuse_Interior a:hover { background-color:#CCCCCC; } #commentspage div.ReportAbuse_Interior select { width: 162px; margin:2px 0 0 5px; font-size:11px; } #commentspage div.ReportAbuse_Comment { width:170px; } #commentspage div.ReportAbuse_Comment textarea { width:90%; height:70px; margin-left:5px; font-size:11px; } #commentspage div.ReportAbuse_Comment input { padding:1px; margin:1px 0px 3px 5px; font-size:10px; } /*accounting for articles shorter than photo */ #postcontent {clear:both;} /*object pages ONLY */ #commentspage .header h2 { margin:0 0 8px; } #commentspage .header .item { clear:both; width:100%; } #commentspage .header img.thumb { float:left; display:inline; border:solid 1px #000000; } #commentspage .header .objectdesc { float:left; display:inline; margin-left:10px; width:518px; } /* begin share comments */ #commentspage .optionlabel {font-family:Verdana,sans-serif;font-size:.88em;margin-left:5px;} #commentspage #facebook_connect_option {float:left;margin-left:5px;margin-top:-16px;} #commentspage .commentform input.submit {clear:both;} #commentspage .commentform textarea {float:left;} #commentspage table.fb-table {margin-top:4px;} #commentspage table.fb-table td {line-height:16px;} .commentslist img.permalink_icon {border:0;padding:2px 4px 0px 0px;display:inline;float:left;} .commentslist .permalinklabel {display:inline;float:left;font-family:Verdana,Arial,sans-serif;font-size:0.79em;height:16px;padding:0 8px 0px 0;} /* end share comments */ /*twitter/facebook stuff*/ #share_connect_option { float:left; margin-left:5px; margin-top:-16px; } /* end /css/article/commentspage13.css */ /* /templates/types/object/comments_css_article_override.tmpl */ #sfg_article table.article { margin:0; table-layout:auto; } #commentspage { border-bottom:0pt none; padding-bottom:0pt; } #commentspage .commentslist .odd { background:#EFEFEF none repeat scroll 0%; } #commentspage .commentslist { padding-bottom:0pt; background:#efefef; } #commentslist tr, #commentslist td { padding-bottom:8px; } #commentslist tr { background:transparent url('http://imgs.sfgate.com/graphics/utils/dotrule.gif') repeat-x scroll left bottom; } #commentspage .commentslist .item { padding:4px 0 3px 10px; } .Comments_Container_heading { height:38px; } .Comments_Container_viewall .viewall_link { padding:5px 0px 10px 10px; } /* e /templates/types/object/comments_css_article_override.tmpl */ /* TopMost Widget pfagan 11/2007 /web/sites/sfgate/css/contentmodules/topmost.css */ #topmost { width: 300px; } #topmost a:link { color: #015660; text-decoration: none; } #topmost a:visited { color: #667B7B; text-decoration: none; } #topmost a:hover, #topmost a:visited:hover { text-decoration: underline; } #topmost .tabs { height:20px; background: url('http://imgs.sfgate.com/graphics/topmost/fill_tabs.gif'); } #topmost img { border: 0; } #topmost .content { border-right: 1px solid #B4C7C7; border-left: 1px solid #B4C7C7; background: #EEF6F6; padding: 10px 10px 6px 10px; } #topmost ul { margin: 0px 0px 0px 12px; padding: 2px 2px 0px 2px; color: #015660; } #topmost ol { margin: 0px 0px 0px 18px; padding: 2px 2px 0px 2px; color: #015660; } * html #topmost ol { margin: 0px 0px 0px 21px; } #topmost li { padding: 0px 0px 4px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #topmost li span { font-size: 10px; } #topmost ul li { list-style-type: square; color: #015660; } #topmost .footer { background: #EEF6F6 url('http://imgs.sfgate.com/graphics/topmost/fill_footer.gif') repeat-x; } #topmost .footer img { width:4px; height:4px; } #topmost img.botleftcorner { float:left; } #topmost img.botrightcorner { float:right; } /* adjacency 1.1 by todd */ /* based on topjobs 1.3 */ /* === common adjacency style =============================================== */ #adjacency .listgroup { text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7.5pt; border:1px solid #888; } #adjacency .listgroup h3 { margin:0; border-bottom:1px solid #888; text-align:center; } * #adjacency .listgroup h3 { padding:8px 0 8px 0; font-size:8.5pt; background-image:url(/jobs/graphics/bkg-topjobs.gif); background-repeat:no-repeat; background-color:#eee; } #adjacency .listgroup p.intro { margin:0; padding:0; text-align:center; color:#006; } #adjacency .listgroup p.intro strong { font-size:9pt; } #adjacency .listgroup p.logo { text-align:center; } #adjacency .listgroup p.logo img { margin:5px 0 0 0; } #adjacency .listgroup .simplemenu { background-color:#eee; padding:5px; margin:0; border-top:1px solid #888; list-style-type:none; } #adjacency .listgroup .item, #adjacency .listgroup .firstitem, #adjacency .listgroup .lastitem { margin:5px; border-bottom:1px solid #999; } #adjacency .listgroup .firstitem { border-top:1px solid #999; } #adjacency .listgroup a, #adjacency .listgroup a:link { color:#006; } #adjacency .listgroup a:hover { color:#444; } #adjacency .listgroup h4 { font-size:10px; text-transform:uppercase; margin:0; padding:3px 0 0 0; } #adjacency .listgroup .item p, #adjacency .listgroup .firstitem p, #adjacency .listgroup .lastitem p { margin:0; padding:0; } #adjacency .listgroup p.price { padding:0 0 5px 0; } #adjacency .listgroup .logo { text-align:center; } #adjacency .listgroup .logo p { margin:5px 0 5px 0; } /* === topjobs ============================================================== */ #adjacency #topjobs h4 { background-image: url(/templates/types/common/graphics/arrows/9x7-black-right.gif); background-repeat: no-repeat; padding: 0 0 0 10px; } #adjacency #topjobs .item, #adjacency #topjobs .firstitem, #adjacency #topjobs .lastitem { padding:5px 0 10px 0; } #adjacency #topjobs .firstitem { border-top:0; } #adjacency #topjobs .lastitem { border-bottom:0; } /* cls003.css /css/contentmodules/cls003.css ktessier 06/2008 -- ff font fix */ .sfg_cls003 h2, .sfg_cls003 h3, .sfg_cls003 h4, .sfg_cls003 h5, .sfg_cls003 hr, .sfg_cls003 ul, .sfg_cls003 li { margin: 0; padding: 0; } .sfg_cls003 { font-family: Verdana, sans-serif; } .sfg_cls003 h4 { padding-bottom:0; margin:0; font-size: .86em; } .sfg_cls003 h3 { margin:0; padding:0; padding-bottom: 10px; } .sfg_cls003 img { border: 0px; } .sfg_cls003 img.thumb { float: left; display: inline; margin: 2px 10px 5px 0; border: 1px solid black; } .sfg_cls003 ul{ clear: left; list-style-type: none; padding:0; margin:0px 0 7px 0; } .sfg_cls003 li { padding-left: 9px; background: url('http://imgs.sfgate.com/graphics/utils/bullet_square333.gif') 0 6px no-repeat; line-height: 16px; font-size: .86em; font-weight: normal; color: #000; } .sfg_cls003 p { margin-top:0; padding-top:0; font-size: .78em; } .sfg_cls003 p.more { float:right; display:inline; } .sfg_cls003 .ad { float:left; display:inline; padding: 0; margin: 10px; border: 0; } .sfg_cls003 .ad h3 { padding: 0; margin: 0; } .sfg_cls003 .ad img { margin-bottom: 3px; } .sfg_cls003 .creative { float:left; display:inline; background: url('http://imgs.sfgate.com/graphics/contentmodules/cls003/sponsored_by.gif') no-repeat; padding-top: 8px; } .sfg_cls003 .creative a img { margin: 0 0 7px 0; border: 1px solid #ccc; clear: both; } .sfg_cls003 a:link { text-decoration: none; color: #015660; } .sfg_cls003 a:visited { text-decoration: none; color: #015660; } .sfg_cls003 a:hover, .sfg_cls003 a:active { text-decoration: underline; color: #015660; } .sfg_cls003 hr { display: none; } /* never visible when css is enabled */ .sfg_cls003 .hr_solid { clear: both; margin: 0px 0 9px 0; height: 1px; background: #aaa url('http://imgs.sfgate.com/graphics/bamoms/hr_dotted_bamoms.gif') repeat-x;} .sfg_cls003 .hr_dotted { clear: both; margin: 0px 0 9px 0; height: 1px; background: transparent url('http://imgs.sfgate.com/graphics/bamoms/hr_dotted_bamoms.gif') repeat-x; } .sfg_cls003 { background: #ffffff url('http://imgs.sfgate.com/graphics/bamoms/curvebox_gray1.gif') left top no-repeat; } .sfg_cls003 .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/bamoms/curvebox_gray2.gif') right top no-repeat; } .sfg_cls003 .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/bamoms/curvebox_gray3.gif') right bottom no-repeat; } .sfg_cls003 .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/bamoms/curvebox_gray4.gif') left bottom no-repeat; padding: 10px 10px 2px 10px; } /* end /css/contentmodules/cls003.css */ /* Text Ads One line text ads for articles /web/sites/sfgate/css/contentmodules/textads02.css rmedlin 08/2007 - textnlogowrap added */ #adpos4 .textads { border-top: 1px solid #666; background: #F9F8F8; font: .97em Geneva, Arial, sans-serif; color:#333; border-bottom:1px solid #666; } #adpos4 .textads .heading { background-color:#F4F4DA; padding:10px 5px; font-family: Arial, sans-serif; font-weight: bold; text-transform: uppercase; } #adpos4 .textads a { color:#666; text-decoration:none; padding:8px 5px 8px 5px ; display: block; } #adpos4 .textads a:hover { background: #ECEBEB; } #adpos4 .textnlogowrap { padding:8px 5px; display: block; } #adpos4 .textnlogowrap:hover { background-color: #ECEBEB; display: block; } #adpos4 .textnlogowrap a.wrap { color:#666666; text-decoration:none; display:inline; padding:0; } #adpos4 .textnlogowrap a.wrap:hover { color:#666666; text-decoration:none; display:inline; padding:0; } /* ######################################################################## begin: /css/utils/sitecontent.css ######################################################################## */ #retrofit1, #retrofit2, td.retrofit { margin: 0; padding: 0; float: none !important; } body { margin: 0; padding:0; font-size: 80%; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .curvebox .mint { background: #ecf6f7 url('http://imgs.sfgate.com/graphics/utils/curvebox_mint1.gif') left top no-repeat; } .curvebox .mint .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint2.gif') right top no-repeat; } .curvebox .mint .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint3.gif') right bottom no-repeat; } .curvebox .mint .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint4.gif') left bottom no-repeat; } .curvebox .mintedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge1.gif') left top no-repeat; } .curvebox .mintedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge2.gif') right top no-repeat; } .curvebox .mintedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge3.gif') right bottom no-repeat; } .curvebox .mintedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge4.gif') left bottom no-repeat; } .curvebox .gray { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_gray1.gif') left top no-repeat; } .curvebox .gray .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray2.gif') right top no-repeat; } .curvebox .gray .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray3.gif') right bottom no-repeat; } .curvebox .gray .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray4.gif') left bottom no-repeat; } .curvebox .grayedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge1.gif') left top no-repeat; } .curvebox .grayedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge2.gif') right top no-repeat; } .curvebox .grayedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge3.gif') right bottom no-repeat; } .curvebox .grayedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge4.gif') left bottom no-repeat; } .curvebox_mint { background: #ecf6f7 url('http://imgs.sfgate.com/graphics/utils/curvebox_mint1.gif') left top no-repeat; } .curvebox_mint .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint2.gif') right top no-repeat; } .curvebox_mint .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint3.gif') right bottom no-repeat; } .curvebox_mint .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mint4.gif') left bottom no-repeat; } .curvebox_mintedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge1.gif') left top no-repeat; } .curvebox_mintedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge2.gif') right top no-repeat; } .curvebox_mintedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge3.gif') right bottom no-repeat; } .curvebox_mintedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_mintedge4.gif') left bottom no-repeat; } .curvebox_gray { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_gray1.gif') left top no-repeat; } .curvebox_gray .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray2.gif') right top no-repeat; } .curvebox_gray .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray3.gif') right bottom no-repeat; } .curvebox_gray .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_gray4.gif') left bottom no-repeat; } .curvebox_grayedge { background: #fff url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge1.gif') left top no-repeat; } .curvebox_grayedge .corner2 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge2.gif') right top no-repeat; } .curvebox_grayedge .corner3 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge3.gif') right bottom no-repeat; } .curvebox_grayedge .corner4 { background: transparent url('http://imgs.sfgate.com/graphics/utils/curvebox_grayedge4.gif') left bottom no-repeat; } /*advertisement tagline*/ .adinfo {color:#666666;font-size:.71em;font-family:verdana,sans-serif;margin-bottom:2px;text-align:center;} div.midsection .adinfo {text-align:left;margin-top:-3px;margin-left:10px;float:left;} .column2 .adinfo {margin-top:-3px;width:300px;} .adinfo a {color:#015660;text-decoration:none;} .adinfo a:hover {text-decoration:underline;} /* ######################################################################## end: /css/utils/sitecontent.css ######################################################################## */