/*
Default Title - Default Module
/css/default/ads001.css
pmims month/2008
*/

.sfg_ads001 p,
.sfg_ads001 h2
{
  margin: 0;
  padding: 0;
}

.sfg_ads001          { background: #ffffff     url('curvebox_gray1.gif') left  top    no-repeat; }
.sfg_ads001 .corner2 { background: transparent url('curvebox_gray2.gif') right top    no-repeat; }
.sfg_ads001 .corner3 { background: transparent url('curvebox_gray3.gif') right bottom no-repeat; }
.sfg_ads001 .corner4 { background: transparent url('curvebox_gray4.gif') left  bottom no-repeat; padding: 11px 1px 1px 1px; }

.sfg_ads001 h2
{
  margin: 0 0 10px 10px;
  font-size: .72em;
}

.sfg_ads001 p
{
  float:left;
  display:inline;
  text-align: center;
  width: 132px;
  padding: 0 4px 5px 10px;
  font-family: Verdana, sans-serif;
  height: 98px;
  font-size: .72em;
}

.sfg_ads001 p.local img
{
  border: 1px solid #ccc;
}

.sfg_ads001 a:link,
.sfg_ads001 a:visited,
.sfg_ads001 a:hover,
.sfg_ads001 a:active
{
  color: #333;
	text-decoration: none;
}

/*
BLG001 Blog Promo
pfagan 1/2008
*/
 
/* Style Reset */

.sfg_blg001 h2, .sfg_blg001 h3, .sfg_blg001 h4, .sfg_blg001 h5, .sfg_blg001 p,
.sfg_blg001 form, .sfg_blg001 select { margin: 0; padding: 0; }

/* Curve Boxes */

.sfg_blg001          { font-family: Verdana, sans-serif; }
.sfg_blg001 .img     { text-indent: -1024px; overflow: hidden; } /* logotext headings */
.sfg_blg001 .corner4 { padding: 7px 10px 10px 10px; }

.sfg_blg001 .mint          { background: #ecf6f7     url('curvebox_mint1.gif') left  top    no-repeat; height: 1%; }
.sfg_blg001 .mint .corner2 { background: transparent url('curvebox_mint2.gif') right top    no-repeat; }
.sfg_blg001 .mint .corner3 { background: transparent url('curvebox_mint3.gif') right bottom no-repeat; }
.sfg_blg001 .mint .corner4 { background: transparent url('curvebox_mint4.gif') left  bottom no-repeat; }


/* Content Elements */

.sfg_blg001 h2,
.sfg_blg001 h3        { font-size: .72em; margin-bottom: 5px; }

.sfg_blg001 h4        { font-size: .88em; margin-bottom: 2px; }
.sfg_blg001 h4.subhed { font-weight: normal; }
.sfg_blg001 .desc h4  { margin-bottom: 2px; }
.sfg_blg001 h5        { font-size: .8em; font-weight: normal; color: #666; }
.sfg_blg001 .desc h5  { margin-bottom: 2px; }
.sfg_blg001 p         { font-size: .88em; line-height: 14px; }
.sfg_blg001 p.small   { font-size: .8em;  line-height: 12px; }

.sfg_blg001 a:link    { text-decoration: none; color: #015660; }
.sfg_blg001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_blg001 a:hover,
.sfg_blg001 a:active  { text-decoration: underline; }

.sfg_blg001 a.commentlink:link,
.sfg_blg001 a.commentlink:visited,
.sfg_blg001 a.commentlink:hover,
.sfg_blg001 a.commentlink:active { color: #666; } 

.sfg_blg001 img.thumb     { float: left; border: 1px solid #000; }
.sfg_blg001 h2 img,
.sfg_blg001 h3 img        { border: 0; }

.sfg_blg001 form          { margin: 5px 0 10px 0; }

.sfg_blg001 select,
.sfg_blg001 input.submit {
display: inline;
float: left;
} /* lines up button in safari */

.sfg_blg001 select {
margin-right: 8px;
font-family: Verdana, sans-serif;
font-size: .88em;
}
.sfg_blg001 select.blogselect   { width: 175px; }

.sfg_blg001 .black { color: #000; }
.sfg_blg001 .gray  { color: #666; }

.sfg_blg001 .mint .beveled_rule {
margin: 0 -9px 8px -9px;
height: 2px;
background: transparent url('curvebox_mint_bevelrule.gif') repeat-x;
}

.sfg_blg001 hr { display: none; } /* never visible when css is enabled */ 

.sfg_blg001 .hr_dotted {
margin: 10px 0;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

.sfg_blg001 .more       { font-size: .8em; font-weight: normal; }
.sfg_blg001 .rightalign { text-align: right; }

/* Item rows ---------------------------------------------------------------- */

.sfg_blg001 .item { margin-bottom: 10px; }

.sfg_blg001 .item.last { margin-bottom: 0; }

/* width of .desc float specified to keep text spilling under thumb */
.sfg_blg001 .w300 .desc { float: right; display: inline; width: 205px; }
.sfg_blg001 .w336 .desc { float: right; display: inline; width: 241px; }

/* Home Page variations ----------------------------------------------------- */

#sfg_blg001_home_staff_stripped input.submit {
margin-top: -1px;
font-family: Verdana, sans-serif;
font-size: .88em;
}



/*
chr005 Today's Chronicle
/css/contentmodules/chr005.css
pfagan 05/2008
*/

/*  Layout  =============300==============
            ====148======= ======152======
            1 ==136== 1 10 ======152======  */

.sfg_chr005 h3,
.sfg_chr005 p,
.sfg_chr005 form,
.sfg_chr005 input { margin: 0; padding: 0; }

.sfg_chr005  { font-family: Verdana, sans-serif; width: 300px; overflow: hidden; }

.sfg_chr005 a:link,
.sfg_chr005 a:visited { text-decoration: none; color: #015660; }
.sfg_chr005 a:hover,
.sfg_chr005 a:active  { text-decoration: underline; }

.sfg_chr005 h3,
.sfg_chr005 p.viewsection,
.sfg_chr005 p.or,
.sfg_chr005 p.viewissue,
.sfg_chr005 #sectionDrop input,
.sfg_chr005 #sectionDrop select,
.sfg_chr005 #pastIssue input,
.sfg_chr005 #pastIssue select { font-size: .88em; }
.sfg_chr005 .todayslinks      { font-size:  .8em; }

.sfg_chr005 #sectionDrop input,
.sfg_chr005 #sectionDrop select,
.sfg_chr005 #pastIssue input,
.sfg_chr005 #pastIssue select { margin-top: 4px; }

.sfg_chr005 #pastIssue input,
.sfg_chr005 #pastIssue select { margin-left: -1px; } /* tighter spacing for safari */
.sfg_chr005 #pastIssue        { padding-left: 1px; } /* tigther spacing offset     */

.sfg_chr005  h3     { width: 300px; margin-bottom: 7px; }
.sfg_chr005  h3 img { border: 0; }

.sfg_chr005  a img           { display: inline; float: left; border: 1px solid black; margin-bottom: 7px; }
.sfg_chr005 .todayspaperform { display: inline; float: right; width: 152px; overflow: hidden; }

.sfg_chr005 #pastIssue select { width: 48px; }
.sfg_chr005 input.submit      { width: 35px; }

* html .sfg_chr005 #go { margin-top: -10px; }

.sfg_chr005 #sectionDrop,
.sfg_chr005 p.or              { margin-bottom: 8px; }
.sfg_chr005 .todayslinks      { width: 300px; color: #666; }

/* cls001 */

.sfg_cls001 { font-family: Verdana, sans-serif; }

.sfg_cls001 img, 
.sfg_cls001 h3, 
.sfg_cls001 li, 
.sfg_cls001 ul,
.sfg_cls001 select, 
.sfg_cls001 form, 
.sfg_cls001 input,
.sfg cls001 div,
.sfg cls001 span
{ margin: 0; padding: 0; }

.sfg_cls001 img { border: 0; }

.sfg_cls001 h2 {
font-weight: bold;
color:#000; 
font-size:.8em;
margin: 8px 0;
}

.sfg_cls001 .leftColCar h2,
.sfg_cls001 .rightColCar h2 {
font-weight: bold;
color:#000; 
font-size:.8em;
margin: 6px 0 8px 0;
}

html* .sfg_cls001 .leftColCar h2,
html* .sfg_cls001 .rightColCar h2 {
font-weight: bold;
color:#000; 
font-size:.8em;
margin: 8px 0;
}

.sfg_cls001 h3 {
margin: 0 0 3px 0;
font-size:.72em;
}
 
/* Content Elements */

.sfg_cls001 .adspace { margin: 7px 0 0 0; }

.sfg_cls001 a  { font-size:.8em; }
.sfg_cls001 a:link    { text-decoration: none; color: #015660; }
.sfg_cls001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_cls001 a:hover, .sfg_cls001 a:active { text-decoration: underline; }

/* Tabs */

.sfg_cls001 div.tabs ul { display: inline; list-style: none; }
.sfg_cls001 div.tabs li {
display: inline; 
float: left;
white-space: nowrap;
}

.sfg_cls001 .tabs a img {
display: block;
border: 0;
text-decoration: none;
}

/* Curve Boxes */
.sfg_cls001 .corners {
background-color: #eee;
padding: 3px 10px 5px 10px; 
border: #999 solid; 
border-width: 0 1px;
}

.sfg_cls001 .bottomcorners { 
width: 300px;
height: 5px;
background: url('curvebottom.gif') no-repeat;
}

/*Form Elements*/

.sfg_cls001 div.advSearch { 
/*
float: left;
display: inline;
*/
margin-top: 8px;
width: 180px;
}

.sfg_cls001 input,
.sfg_cls001 select { 
font-size:.8em; 
color: #333;
font-family: Verdana, sans-serif;
}

.sfg_cls001 div.advSearch a { float: left; padding-top: 4px; }

.sfg_cls001 div.advSearch input { float: right; } 

.sfg_cls001 form span { font-size:.8em; }

.sfg_cls001 div.links ul { margin: -2px 0 0 0; list-style: none; }

.sfg_cls001 div.links li { padding: 0 0 3px 0; margin: 0; line-height: .8em;}

.sfg_cls001 div.single
{ margin-bottom:5px;}

.sfg_cls001 div.single select
{
display: block; 
margin-bottom: 8px; 
}

.sfg_cls001 div.multiple select
{ display: inline; width: 80px;}

html* .sfg_cls001 div.multiple select
{ display: inline; width: 75px;} 

/*Real Estate, Rentals*/

.sfg_cls001 .leftColReal, 
.sfg_cls001 .leftColRent
{ float: left; width: 180px;}

.sfg_cls001 .leftColReal div.single select.county,
.sfg_cls001 .leftColReal div.single select.area,
.sfg_cls001 .leftColReal div.multiple, 
.sfg_cls001 .leftColRent div.single select.county,
.sfg_cls001 .leftColRent div.single select.area,
.sfg_cls001 .leftColRent div.multiple
{ width: 180px; white-space: nowrap !important;}

.sfg_cls001 div.rightColReal,
.sfg_cls001 div.rightColRent
{ float: right; width: 89px; }

/* Cars */

.sfg_cls001 .leftColCar
{ float: left; width: 129px;}

.sfg_cls001 .leftColCar div.single select,
.sfg_cls001 .rightColCar div.single select
{ width: 129px; }

.sfg_cls001 div.rightColCar
{ float: right; width: 129px;}

.sfg_cls001 div.zipSearch { 
width: 129px;
margin-top: 8px;
}

.sfg_cls001 div.zipSearch input.text { float: left; width: 70px;}

.sfg_cls001 div.zipSearch input.searchButton { float: right; }


/* Jobs */

.sfg_cls001 .leftColJob
{ float: left; width: 155px;}

.sfg_cls001 .leftColJob select
{ width: 153px; margin-top: 8px;}

.sfg_cls001 div.rightColJob
{ float: right; width: 113px;}

.sfg_cls001 div.jobSearch { 
width: 155px;
margin: 8px 0 0 0;
}

.sfg_cls001 div.jobSearch input { 
width: 150px;
float: left; 
margin: 0 0 7px 0;
}

.sfg_cls001 div.jobSearch select { 
width: 150px;
float: left; 
margin: 8px 0 0 0;
}

/*
.sfg_cls001 div.jobRadio { 
font-size:.72em; 
}
*/

                
.sfg_cls001 div.jobRadio input {
margin: 0 5px -2px 0px;
}

.sfg_cls001 span.include {
font-size:.72em; 
}

html* .sfg_cls001 div.jobRadio input {
margin: 0 3px -3px 0px;
}

html* .sfg_cls001 span.include {
font-size:.72em; 
letter-spacing: -0.1em;
}




.sfg_cls001 div.jobSearch select,
.sfg_cls001 div.leftColJob div.advSearch {  
width: 155px;
}

.sfg_cls001 div.jobSearch input.searchButton { float: right; }


/* iFrame */

.sfg_cls001 iframe { 
width: 278px; 
height: 161px;
background-color: transparent;
} 

.sfg_cls001 body, body.iframe { 
background-color: #eee;
} 




.sfg_cls003 h2, 
.sfg_cls003 h3, 
.sfg_cls003 h4, 
.sfg_cls003 h5,
.sfg_cls003 hr,
.sfg_wea001 ul,
.sfg_wea001 li
{
  margin: 0;
  padding: 0;
}

.sfg_cls003 { font-family: Verdana, sans-serif; }

.sfg_cls003 h4 {
  padding-bottom:0;
  margin:0;
  font-size: .88em;
}

.sfg_cls003 h3
{
  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('bullet_square333.gif') 0 6px no-repeat;
  line-height: 16px;
  font-size: .88em;
  font-weight: normal;
  color: #000;
}

.sfg_cls003 p {
  margin-top:0;
  padding-top:0;
  font-size: .8em;
}

.sfg_cls003 p.more {
  float:right;
  display:inline;
}


.sfg_cls003 .ad {
  float:left;
  display:inline;
  padding: 0;
  margin: 10;
  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('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('hr_dotted_bamoms.gif') repeat-x;}

.sfg_cls003 .hr_dotted {
 clear: both;
 margin: 0px 0 9px 0;
 height: 1px;
 background: transparent url('hr_dotted_bamoms.gif') repeat-x;
}

.sfg_cls003          { background: #ffffff     url('curvebox_gray1.gif') left  top    no-repeat; }
.sfg_cls003 .corner2 { background: transparent url('curvebox_gray2.gif') right top    no-repeat; }
.sfg_cls003 .corner3 { background: transparent url('curvebox_gray3.gif') right bottom no-repeat; }
.sfg_cls003 .corner4 { background: transparent url('curvebox_gray4.gif') left  bottom no-repeat; padding: 10px 10px 2px 10px; }

/*
col003 Columns Gallery
/web/sites/sfgate/css/contentmodules/col003.css
pfagan  09/2007 (pho001)
rgarcia 01/2008
pfagan  01/2008 (matching with pho001)
*/


/* module style */

.sfg_col003 { font-family: Verdana, sans-serif; }

.sfg_col003 .corner4 { padding: 5px 10px 10px 10px; }

.sfg_col003 h2, .sfg_col003 p, .sfg_col003 form { margin: 0; padding: 0; font-size: .8em; } 

.sfg_col003 h2 {
display: inline;
float: left;
margin: 8px 0 6px 1px;
}

.sfg_col003 p.count {
display: inline;
float: left;
width: 15px;
margin: 7px 0 0 4px;
}

.sfg_col003 p.nav {
display: inline;
float: right;
width: 50px;
text-align: right;
margin: 4px 1px 10px 0;
}

.sfg_col003 p.page {
display: inline;
float: right;
width: 130px;
text-align: right;
margin: 7px 8px 0 0;
}
#sfg_col003_inst1_showing {
display:block;
margin-top:1px;
}
.sfg_col003 .w300 .items { margin-left: 21px;}
.sfg_col003 .w336 .items { margin-left: 38px; }

.sfg_col003 .items p.item {
display: inline;
float: left;
width: 66px;
padding-left: 20px;
}
.sfg_col003 .items p.first { padding-left: 0; }

.sfg_col003 p.item a.byline {
display:block;
margin:0px 0 3px 0;
}

.sfg_col003 p.nav  img  { border: 0; margin-left: 1px;}
.sfg_col003 p.item img  { border: 1px solid #000; float: left; margin-bottom: 5px;}

.sfg_col003 a:link    { text-decoration: none; color: #015660; }
.sfg_col003 a:visited { text-decoration: none; color: #667b7b; }
.sfg_col003 a:hover, .sfg_col003 a:active { text-decoration: underline; }
.sfg_col003 .see-all {font-size:.8em; float:right;margin-top:10px;margin-right:3px;}

/* hide extra items */
.sfg_pho001 .w300 #page .sfg_pho0014 { display: none; }

#page .sfg_pho001 #page .sfg_pho0015,
#page .sfg_pho001 #page .sfg_pho0016,
#page .sfg_pho001 #page .sfg_pho0017,
#page .sfg_pho001 #page .sfg_pho0018,
#page .sfg_pho001 #page .sfg_pho0019 { display: none; }


/* Curve Box and Links */
.sfg_edi002          { background: #ecf6f7     url('curvebox_mint1.gif') left  top    no-repeat; }
.sfg_edi002 .corner2 { background: transparent url('curvebox_mint2.gif') right top    no-repeat; }
.sfg_edi002 .corner3 { background: transparent url('curvebox_mint3.gif') right bottom no-repeat; }
.sfg_edi002 .corner4 { background: transparent url('curvebox_mint4.gif') left  bottom no-repeat; padding: 5px 0 2px 10px; }

.sfg_edi002 a:link    { text-decoration: none; color: #015660; }
.sfg_edi002 a:visited { text-decoration: none; color: #667b7b; }
.sfg_edi002 a:hover,
.sfg_edi002 a:active  { text-decoration: underline; }
.sfg_edi002 h2 a:hover,
.sfg_edi002 h2 a:active  { text-decoration: none; }

/* Style Reset */
.sfg_edi002 h2,
.sfg_edi002 h3,
.sfg_edi002 h4, 
.sfg_edi002 p,
.sfg_edi002 ul,
.sfg_edi002 li { margin: 0; padding: 0; }

/* Structure */
.sfg_edi002 .item 
{
    display: inline;
    float: left;
    width: 153px;
    margin: 0 10px 8px 0;
}

.sfg_edi002 .wide,
.sfg_edi002 .more { width: 316px; }

.sfg_edi002 .item .thumb,
.sfg_edi002 .item .desc  { display: inline; float: left; }
.sfg_edi002 .item .desc  { width: 77px; margin-left: 10px; }
.sfg_edi002 .wide .desc  { width: 240px; }

/* Content */
.sfg_edi002    { font-family: Verdana, sans-serif; }
.sfg_edi002 h2 { font-size: .96em; margin-bottom: 6px; }
.sfg_edi002 h2 img { margin: 2px 0 -2px 0; }
.sfg_edi002 .item h4 { font-size: .72em; margin-bottom: 4px; }
.sfg_edi002 .wide h4 { font-size: .88em; }

.sfg_edi002 .item p { font-size: .72em;}
.sfg_edi002 .wide p { font-size: .88em;}
.sfg_edi002  p.more { font-size: .8em; text-align: right; margin-bottom: 5px; }

.sfg_edi002 img       { border: 0; }
.sfg_edi002 img.thumb { border: 1px solid #000; }

.sfg_edi002 h3 { clear: both; font-weight: normal; margin-bottom: 4px; }

.sfg_edi002 h3,
.sfg_edi002 .more p,
.sfg_edi002 .more li { font-size: .8em; color: #666; }

.sfg_edi002 ul { list-style-type: none; }
.sfg_edi002 li { padding-left: 9px; background: url('bullet_square333.gif') 0 6px no-repeat; line-height: 14px; }



/*
edi004 Inside SFGate
rmedlin 10/2007
pfagan  11/2007
pmims   01/2008
/css/contentmodules/edi004.css
*/

.sfg_edi004 h3, 
.sfg_edi004 h4, 
.sfg_edi004 h5, 
.sfg_edi004 ul, 
.sfg_edi004 li, 
.sfg_edi004 .hr, 
.sfg_edi004 p
{
    margin: 0; 
    padding: 0;
}

.sfg_edi004 h5
{ 
    font: bold .88em verdana;
    color: #006666;
}

.sfg_edi004 p
{ 
    font: normal .88em verdana;
    color: #000;
    margin: 2px 0 0 0;
}

/* link states */
.sfg_edi004 a:link    { text-decoration: none; color: #015660; }
.sfg_edi004 a:visited { text-decoration: none; color: #667b7b; }
.sfg_edi004 a:hover, a:active { text-decoration: underline; }

.headerbox          { font-family: Verdana, sans-serif; }
.headerbox .corner4 { padding: 5px 10px 10px 10px; }
.headerbox .grayedge          { background: #fff        url('headerbox_grayedge1.gif') left  top no-repeat; height: 1%; }
.headerbox .grayedge .corner2 { background: transparent url('headerbox_grayedge2.gif') right top no-repeat; }
.headerbox .grayedge .corner3 { background: transparent url('headerbox_grayedge3.gif') right bottom no-repeat; }
.headerbox .grayedge .corner4 { background: transparent url('headerbox_grayedge4.gif') left  bottom no-repeat; }

.sfg_edi004 .gray          { background: #ccc        url('headerbox_gray1.gif') left  top no-repeat; height: 1%; }
.sfg_edi004 .gray .corner2 { background: transparent url('headerbox_gray2.gif') right top no-repeat; }
.sfg_edi004 .gray .corner3 { background: transparent url('curvebox_gray3.gif') right bottom no-repeat; }
.sfg_edi004 .gray .corner4 { background: transparent url('curvebox_gray4.gif') left  bottom no-repeat; }

/* hr dotted rule*/
.sfg_edi004 .dotted_rule
{
	height: 1px;
	background: transparent url('dotrule.gif') repeat-x;             
	margin: 10px 0 0 0
}

.sfg_edi004 hr
{
	display: none;
} 

.sfg_edi004 .item
{
	margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

.sfg_item2 h5
{
	margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

.sfg_edi004 img
{
	float: left;
	border: 1px solid #000;
    margin: 0 10px 0 0;
}

.sfg_edi004 img.headtext
{
	border: none;
    float: none;
}

.sfg_edi004 .desc
{
    display: inline;
	float: left;
	width: 200px;
}
	
/* ie 6 */
.sfg_edi004 h3
{
	margin: 7px 0 13px 0;
}

/* safari firefox */	
html>body .sfg_edi004 h3
{
	margin: 2px 0 13px 0;
}

/* ie 7 */
*:first-child+html .sfg_edi004 h3
{
	margin: 7px 0 13px 0;
}

.sfg_edi004 h4
{
	margin: 8px 0 -2px 0;
}

.sfg_edi004 ul { list-style-type: none; }

.sfg_edi004 li
{
	padding-left: 9px;
	background: url('bullet_square333.gif') 0 6px no-repeat;
	line-height: 14px;
	margin-bottom: 2px;
	font-size: .88em;
}

/*
edi006 Dynamic Centerpiece
/css/contentpromos/edi006.css
pfagan 08/2007
*/
 
#sfg_cpiece a:link    { text-decoration: none; color: #015660; }
#sfg_cpiece a:visited { text-decoration: none; color: #667b7b; }
#sfg_cpiece a:hover, #sfg_cpiece a:active { text-decoration: underline; }

#sfg_cpiece { width: 300px; }

#sfg_cpiece div.content {
border-top:   1px solid #666;
border-right: 1px solid #666;
border-left:  1px solid #666;
}

#sfg_cpiece div.content img {
border: 0;
}

#sfg_cpiece h2 {
margin: 0 9px 4px 9px; padding: 0;
font-family: Arial, sans-serif;
font-size: 1.42em;
}

#sfg_cpiece div.content p {
margin: 0 9px 5px 9px; padding: 0;
font-family: Verdana, sans-serif;
font-size: .88em;
}

#sfg_cpiece div.content ul {
margin: 0 9px; padding: 0 0 7px 0;
list-style: none;
}
#sfg_cpiece div.content li {
display: inline;
float: left;
margin: 0; padding: 0 10px;
background: url('sub_pipe_bullet.gif') 0 2px no-repeat;
font-family: Verdana, sans-serif;
font-size: .88em;
}
#sfg_cpiece div.content li.first {
margin-left: 0;
padding-left: 0;
background: none;
}

#sfg_cpiece form { margin: 0; padding: 0; }

#sfg_cpiece div.tabs {
background: url('centerpiece_tab1a.gif'); }

#sfg_cpiece div.tabs img { float: right; border: 0; }

#sfg_cpiece div.tabs ul {
display: inline; float: left;
margin: 0; padding: 0;
list-style: none;
}

#sfg_living #sfg_cpiece div.tabs ul {
width: 274px;
white-space: nowrap;
overflow: hidden;
}


#sfg_cpiece div.tabs li {
display: inline; float: left;
margin: 0; padding: 0;
background: url('centerpiece_tab1a.gif');
font-family: Verdana, sans-serif;
font-size: .88em;
font-weight: bold;
white-space: nowrap;
}
#sfg_cpiece div.tabs li.selected {
background: url('centerpiece_tab2a.gif') no-repeat;
}

#sfg_cpiece div.tabs li a {
display: block;
margin: 0; padding: 4px 9px 0 9px;
height: 18px;
background: url('centerpiece_tab1b.gif') right top no-repeat;
}

* html             #sfg_cpiece div.tabs li a { width: 1%; }
*:first-child+html #sfg_cpiece div.tabs li a { width: 1%; }

#sfg_cpiece div.tabs li.selected a {
background: url('centerpiece_tab2b.gif') right top no-repeat;
}

#sfg_cpiece div.tabs div.first {
background: transparent url('centerpiece_tabcorner.gif') left top no-repeat;
}

#sfg_cpiece div.tabs li.selected a:link,
#sfg_cpiece div.tabs li.selected a:visited,
#sfg_cpiece div.tabs li.selected a:hover,
#sfg_cpiece div.tabs li.selected a:active {
text-decoration: none;
color: #000;
}

/* Initial State Hiding */
#sfg_cpiece2,
#sfg_cpiece3,
#sfg_cpiece div.tabs #sfg_cpiece_play { display: none; }

/*
edi007 Single Item
/css/contentmodules/edi007.css
rmedlin 10/2007
pfagan  01/2008
*/

/* style reset */
.sfg_edi007 h3, .sfg_edi007 h4, .sfg_edi007 ul,
.sfg_edi007 li, .sfg_edi007 .hr, .sfg_edi007 p { 
margin: 0; padding: 0; 
}

.sfg_edi007 img { 
border:1px solid #000;
margin: 0 10px 0 0;
float:left;
}

.sfg_edi007 h3,
.sfg_edi007 p {  
font: bold .88em verdana;
color: #006666;
padding:0 0 2px 0;
}

.sfg_edi007 p { font-weight: normal; color: #000; }

.sfg_edi007 .inlinebar { color: #666; }

/* link states */
.sfg_edi007 h3 a:link,
.sfg_edi007 p a:link { text-decoration: none; color: #015660; }

.sfg_edi007 h3 a:visited,
.sfg_edi007 p a:visited { text-decoration: none; color: #667b7b; }

.sfg_edi007 h3 a:hover,
.sfg_edi007 p a:hover { text-decoration: underline; }


/* Page Mods */

#sfg_living .sfg_edi007 { padding: 0 10px 10px 10px; }

/*
edi011 Inside SFGate (wide tan)
/css/contentmodules/edi011.css
pfagan 05/2008
*/

.sfg_edi011 h2, .sfg_edi011 p { margin: 0; padding: 0; }

.sfg_edi011          { background: #eaecd9     url('insidesfgate_corner1.gif') left  top    no-repeat; height: 1%; }
.sfg_edi011 .corner2 { background: transparent url('insidesfgate_corner2.gif') right top    no-repeat; }
.sfg_edi011 .corner3 { background: transparent url('insidesfgate_corner3.gif') right bottom no-repeat; }
.sfg_edi011 .corner4 { background: transparent url('insidesfgate_corner4.gif') left  bottom no-repeat; padding: 7px 7px 7px 10px; }

.sfg_edi011  { clear: left; font-family: Verdana, sans-serif; }

.sfg_edi011 img       { border: none;            }
.sfg_edi011 img.thumb { border: 1px solid black; }

.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('insidesfgate_tile.gif') repeat-x; margin-bottom: 4px; }

.sfg_edi011 h2 { width: 83px; font-size: 1em; display: inline; float: left; }

.sfg_edi011 p.page     { width: 30px; display: inline; float: right; white-space: nowrap; }
.sfg_edi011 p.page img { margin-left: 2px; }

.sfg_edi011 p.nav      { width: 50px; display: inline; float: right; padding: 0 0 0 5px; background: #eaecd9; white-space: nowrap; }
.sfg_edi011 p.nav img  { margin-left: 1px; }

.sfg_edi011                      .item  { margin-right: 7px; width: 197px; display: inline; float: left; }
.sfg_edi011 #sfg_edi011_inside_sfgate3,
.sfg_edi011 #sfg_edi011_inside_sfgate6,
.sfg_edi011 #sfg_edi011_inside_sfgate9  { margin-right: 0; }

.sfg_edi011 .thumb  { display: inline; float: left; margin-right: 10px; }
.sfg_edi011 .desc   { width: 121px; display: inline; float: left; font-size: .88em; }
.sfg_edi011 .desc a { display: block; font-weight: bold; }

.sfg_edi011 form { display: none; }

/*
edi012 Topics (Green, Moms, Pets, etc.)
/css/contentmodules/edi012.css
pfagan 05/2008
*/

.sfg_edi012 h2, .sfg_edi012 h4, .sfg_edi012 p { margin: 0; padding: 0; }

.sfg_edi012  { font-family: Verdana, sans-serif; }

.sfg_edi012          { background: white       url('curvebox_grayedge1.gif') left  top    no-repeat; height: 1%; }
.sfg_edi012 .corner2 { background: transparent url('curvebox_grayedge2.gif') right top    no-repeat; }
.sfg_edi012 .corner3 { background: transparent url('curvebox_grayedge3.gif') right bottom no-repeat; }
.sfg_edi012 .corner4 { background: transparent url('curvebox_grayedge4.gif') left  bottom no-repeat; padding: 11px; }

.sfg_edi012 .desc   { width: 202px; margin-left: 10px; display: inline; float: left; }

.sfg_edi012 img       { border: none;            }
.sfg_edi012 img.thumb { border: 1px solid black; display: inline; float: left; }

.sfg_edi012 h2      { font-size: .72em; margin-bottom: 8px; }
.sfg_edi012 h4      { font-size: .88em; margin-bottom: 3px; }
.sfg_edi012  p      { font-size:  .8em; color: #222; }
.sfg_edi012  p.more { color: #999; }
.sfg_edi012  p span { color: #333; }

.sfg_edi012 a:link    { text-decoration: none; color: #015660; }
.sfg_edi012 a:visited { text-decoration: none; color: #667b7b; }
.sfg_edi012 a:hover, .sfg_edi012 a:active { text-decoration: underline; }

.sfg_edi012  hr { display: none; } /* never visible when css is enabled */ 
.sfg_edi012 .hr_dotted {
margin: 10px 0 7px 0 !important;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

/*
edi013 Topics (Green, Moms, Pets, etc.)
/css/contentmodules/edi013.css
pfagan 05/2008
*/

.sfg_edi013 h2, .sfg_edi013 h4, .sfg_edi013 p { margin: 0; padding: 0; }

.sfg_edi013  { font-family: Verdana, sans-serif; }

.sfg_edi013          { background: #eaecd9     url('curvebox_gray1.gif') left  top    no-repeat; height: 1%; }
.sfg_edi013 .corner2 { background: transparent url('curvebox_gray2.gif') right top    no-repeat; }
.sfg_edi013 .corner3 { background: transparent url('curvebox_gray3.gif') right bottom no-repeat; }
.sfg_edi013 .corner4 { background: transparent url('curvebox_gray4.gif') left  bottom no-repeat; padding: 11px; }

.sfg_edi013 img       { border: none; }

.sfg_edi013 h2      { font-size: .72em; margin-bottom: 8px; }
.sfg_edi013  p      { font-size: .88em; color: #222; }
.sfg_edi013  p.more { margin: 6px 0 2px 0; color: #333; }

.sfg_edi013 a:link    { text-decoration: none; color: #015660; }
.sfg_edi013 a:visited { text-decoration: none; color: #667b7b; }
.sfg_edi013 a:hover, .sfg_edi013 a:active { text-decoration: underline; }

.sfg_edi013 .item a { font-weight: bold; }


/* ent001 */

.sfg_ent001 { font-family: Verdana, sans-serif; width:300px;}

body,
.sfg_ent001 iframe,
.sfg_ent001 form,
.sfg_ent001 .leftCol,
.sfg_ent001 .rightCol,
.sfg_ent001 img, 
.sfg_ent001 h2,
.sfg_ent001 h3, 
.sfg_ent001 li, 
.sfg_ent001 ul,
.sfg_ent001 select, 
.sfg_ent001 form, 
.sfg_ent001 input,
.sfg_ent001 div,
.sfg_ent001 span,
.sfg_ent001 p
{ margin: 0; padding: 0; }

.sfg_ent001 img { border: 0; }

.sfg_ent001 li span,
.sfg_ent001 form span,
.sfg_ent001 a,
.sfg_ent001 p,
.sfg_ent001 h2,
.sfg_ent001 input,
.sfg_ent001 select
{ font-size:.8em; }

.sfg_ent001 h2 {
font-weight: bold;
color:#000; 
margin: 6px 0;
font-size:.8em;
}

.sfg_ent001 h3 {
margin: 0 0 3px 0;
font-size:.72em;
}

.sfg_ent001 p {
color:#000; 
margin: 6px 0 6px 0;
}
 
/* Content Elements */

.sfg_ent001 .adspace { margin: 7px 0 0 0; }

.sfg_ent001 a:link    { text-decoration: none; color: #015660; }
.sfg_ent001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_ent001 a:hover, .sfg_ent001 a:active { text-decoration: underline; }

/* Tabs */

.sfg_ent001 div.tabs ul { display: inline; list-style: none; }
.sfg_ent001 div.tabs li {
display: inline; 
float: left;
white-space: nowrap;
}

.sfg_ent001 .tabs a img {
display: block;
border: 0;
text-decoration: none;
}

/* Curve Boxes */

.sfg_ent001 .corners { 
background-color: #eee;
padding: 3px 10px 5px 10px; 
border: #999 solid; 
border-width: 0 1px;
}

.sfg_ent001 .bottomcorners { 
width: 300px;
height: 5px;
background: url('w300_curvebottom.gif') no-repeat;
}
                         
/*Form Elements*/

.sfg_ent001 input,
.sfg_ent001 select { 
color: #333;
font-family: Verdana, sans-serif;
}

.sfg_ent001 select { margin: 0 0 7px 0; }

.sfg_ent001 div.advSearch { margin-top: 8px;}

.sfg_ent001 div.go { margin-top: 5px;}

.sfg_ent001 div.advSearch a { float: left; padding-top: 4px; }
.sfg_ent001 div.advSearch input { float: right; } 

.sfg_ent001 .inputLeft { float: left; width: 100px; } /* events tab */

.sfg_ent001 div.links ul { margin: -4px 0 0 0; list-style: none;  } /* -top margin */
.sfg_ent001 div.links li { line-height: 1.12em; }

.sfg_ent001 div.restLinks ul { margin: 8px 0 0 0; list-style: none; } /* +top margin */
.sfg_ent001 div.restLinks li { line-height: 1.12em; }

.sfg_ent001 input.searchButton { float: right; }


/*Music, Events, Dining*/
 
.sfg_ent001 .leftCol
{ float: left; width: 140px;}

.sfg_ent001 div.rightCol
{ float: right; width: 130px; }

html* .sfg_ent001 .leftCol,
html* .sfg_ent001 div.rightCol,
html* .sfg_ent001 .leftColMovies,
html* .sfg_ent001 div.rightColMovies
{ padding: 6px 0 0 0; }

.sfg_ent001 .leftCol select
{ width: 140px;}

.sfg_ent001 .rightInput input
{ width: 140px;}/*for 147px width*/

.sfg_ent001 .leftColMusic select,
.sfg_ent001 .leftColEvents select
{ width: 112px;}

.sfg_ent001 div.wselect span
{ float: left; margin: 3px 0 0 0;}

.sfg_ent001 div.wselect select
{ float: right; width: 100px;}


/* Movies */

.sfg_ent001 .leftColMovies
{ float: left; width: 140px;}

.sfg_ent001 .leftInputMovies input
{ width: 135px; }
.sfg_ent001 div.rightColMovies
{ float: right; width: 140px;}

/* iFrame */

.sfg_ent001 iframe { 
width: 280px;
height: 271px; 
background-color: transparent;
} 

.sfg_ent001 body, body.iframe { 
background-color: #eee;
} 

.sfg_ent001 .rightCol {width:120px !important; margin-right:20px;}
* html .sfg_ent001 .rightCol {margin-right:0px;}
.sfg_ent001 iframe { 
height: 130px !important; 
} 




/*
hed001
dfruehe 12/2007
*/

/*
Headline content modules
*/
 
.hed_module     { font-family: Verdana, sans-serif; }
.hed_module  h2, .hed_module h3, .hed_module h4, .hed_module h5, .hed_module p,
.hed_module form, .hed_module ul, .hed_module li { margin: 0; padding: 0;}
.hed_module h2,
.hed_module h3 { font-family: Arial, sans-serif; }
.hed_module p .source      { color: #666; }

.hed_module ul          { list-style-type: none; margin-top: 3px; }
.hed_module li          { font-size: .88em; line-height: 16px; }

.hed_module ul.subitems li { padding-left: 9px;
background: url('bullet_square333.gif') 0 7px no-repeat; }

.hed_module ul.multimedia li       { display: inline; white-space: nowrap; margin-right: 12px; }
.hed_module ul.multimedia li.last  { margin-right: 0;}

.hed_module a:link    { text-decoration: none; color: #015660; }
.hed_module a:visited { text-decoration: none; color: #667b7b; }
.hed_module a:hover, .hed_module a:active { text-decoration: underline; }

.hed_module img       { border: 0; }
.hed_module img.thumb { border: 1px solid #000; float: left; }

.hed_module .pipe { color: #666; }

/*
Headline content modules: hed001
*/
 
.sfg_hed001 { font-family: Verdana, sans-serif; }

.sfg_hed001 h2, .sfg_hed001 p,
.sfg_hed001 ul, .sfg_hed001 li { margin: 0; padding: 0; }

.sfg_hed001 h2 
    { 
    font-family: Arial, sans-serif; 
    font-size: 1.42em; 
    margin-bottom: 3px;
    }

.sfg_hed001 p 
    { 
    font-size:  .96em; 
    margin-bottom: 3px; 
    line-height: 15px;
    }

.sfg_hed001  p .byline,
.sfg_hed001  p .source  { font-size: .83em; }

.sfg_hed001 p.breaking
    { 
    line-height: 12px;
    font-size: .8em;
    color: #900;
    }

.sfg_hed001 p .source  { color: #666; }

.sfg_hed001 ul  { list-style-type: none; margin-top: 3px; }
.sfg_hed001 li  { font-size: .88em; line-height: 16px; }

.sfg_hed001 ul.subitems li 
    { 
    padding-left: 9px;
    background: url('bullet_square333.gif') 0 7px no-repeat; 
    }

.sfg_hed001 p.multimedia    
    { 
    display: inline; 
    font-size: .88em;
    }
    
.sfg_hed001 p.multimedia  a  
    { 
    margin-right: 6px;
    white-space: nowrap;
    }

.sfg_hed001 a:link    { text-decoration: none; color: #015660; }
.sfg_hed001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed001 a:hover, .hed_module a:active { text-decoration: underline; }

.sfg_hed001 img       { border: 0; }
.sfg_hed001 img.thumb { border: 1px solid #000; float: left; }

.sfg_hed001 .pipe { color: #666; }

/* Items ---------------------------------------------------------------------*/


.sfg_hed001 .item
    { margin-bottom: 13px;}
    
.sfg_hed001 .desc 
    {
    padding-left: 10px;
    float: left; 
    display: inline; 
    width: 194px; 
    }
 
.sfg_hed001 .w410 .desc 
    {
    padding-left: 10px;
    float: left; 
    display: inline; 
    width: 334px; 
    }
    

/*
Headline content modules: hed002
*/

.sfg_hed002 h3 { font-size: 1.18em; margin-bottom: 2px; }

.sfg_hed002 p  { font-size:  .88em; margin-bottom: 3px; }


/*
relative ems for spans inside p
.83 x .96em =  .8em
 .9 x .88em =  .8em
*/

.sfg_hed002 p .byline,
.sfg_hed002 p .source  { font-size:  .9em; }

.sfg_hed002 p.breaking {
line-height: 12px;
font-size: .8em;
color: #900;
}


/* Items ---------------------------------------------------------------------*/

.sfg_hed002 .item { margin-bottom: 12px; }

.sfg_hed002 .desc 
    {
    padding-left: 10px;
    float: left; 
    display: inline; 
    width: 194px; 
    }
 
.sfg_hed002 .w410 .desc 
    {
    padding-left: 10px;
    float: left; 
    display: inline; 
    width: 334px; 
    }

/*
HED003 Headlines
/css/contentmodules/hed003.css
dfruehe 09/2007
pfagan  05/2008
*/

.sfg_hed003 h3,
.sfg_hed003 h4,
.sfg_hed003 p, 
.sfg_hed003 ul,
.sfg_hed003 li { margin: 0; padding: 0; }

          .sfg_hed003 { margin-top: 15px; font-family: Verdana, sans-serif; }
#sfg_home .sfg_hed003 { margin-top: 0; }

.sfg_hed003 h3 {margin-bottom:5px;}

/* Bullets */
          .sfg_hed003 ul.subitems { list-style-type: none; }
          .sfg_hed003 ul.subitems li { margin-bottom: 4px; }
          .sfg_hed003 ul.subitems li a { font-size: .88em; }     
#sfg_home .sfg_hed003 ul.subitems li a { font-size: .96em; }     

.sfg_hed003 ul.subitems li span { font-size:.8em; color:#666; white-space:nowrap; }
 
.sfg_hed003 span.pipe_bullet { color: #666; font-size:.88em; }

.sfg_hed003 p.moreaphead {
margin-top: 5px;
text-align:right;
font-size:.8em;
white-space: nowrap;
} 

/* Links Hover states */	

.sfg_hed003 a:link    { text-decoration: none; color: #015660; }
.sfg_hed003 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed003 a:hover,
.sfg_hed003 a:active  { text-decoration: underline; }

/*
hed010
*/

/* Style Reset */
 
.sfg_hed010  h2, .sfg_hed010 h3, .sfg_hed010 h4, .sfg_hed010 h5, .sfg_hed010 p,
.sfg_hed010 form, .sfg_hed010 ul, .sfg_hed010 li { margin: 0; padding: 0;}

.sfg_hed010 h2, .sfg_hed010 h3 { font-family: Arial, sans-serif; }
.sfg_hed010 p .source      { color: #666; }

.sfg_hed010 ul             { list-style-type: none; margin-top: 3px; }
.sfg_hed010 li             { font-size: .88em; line-height: 16px; }

.sfg_hed010 ul.subitems li { padding-left: 9px;
background: url('bullet_square333.gif') 0 7px no-repeat; }

.sfg_hed010 ul.multimedia li       { display: inline; white-space: nowrap; margin-right: 12px; }
.sfg_hed010 ul.multimedia li.last  { margin-right: 0;}

.sfg_hed010 a:link    { text-decoration: none; color: #015660; }
.sfg_hed010 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed010 a:hover, .sfg_hed010 a:active { text-decoration: underline; }

.sfg_hed010 img       { border: 0; }
.sfg_hed010 img.pageart { border: 0; float: left; }

.sfg_hed010 .pipe { color: #666; }

/*
Headline content modules: hed010
*/
 
.sfg_hed010 { font-family: Verdana, sans-serif; }

.sfg_hed010 h2, .sfg_hed010 p,
.sfg_hed010 ul, .sfg_hed010 li { margin: 0; padding: 0; }

.sfg_hed010 h2 
    { 
    font-family: Arial, sans-serif; 
    font-size: 1.74em; 
    margin-bottom: 8px;
    }

.sfg_hed010 .feature p 
    { 
    font-size:  .96em; 
    margin-bottom: 3px; 
    line-height: 15px;
    }

.sfg_hed010 p.breaking
    { 
    line-height: 12px;
    font-size: .8em;
    color: #900;
    margin-bottom: 5px; 
    }

.sfg_hed010 ul  { list-style-type: none; margin-top: 3px; }
.sfg_hed010 li  { font-size: .88em; line-height: 16px; }

.sfg_hed010 ul.subitems li
    { 
    padding-left: 9px;
    background: url('bullet_square333.gif') 0 7px no-repeat; 
    }

.sfg_hed010 p.multimedia    
    { 
    display: inline; 
    font-size: .88em;
    }
    
.sfg_hed010 p.multimedia  a  
    { 
    margin-right: 6px;
    white-space: nowrap;
    }

.sfg_hed010 a:link    { text-decoration: none; color: #015660; }
.sfg_hed010 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed010 a:hover, .sfg_hed010 a:active { text-decoration: underline; }

.sfg_hed010 img         { border: 0; }
.sfg_hed010 img.pageart { display: inline; float: left; }

.sfg_hed010 .pipe { color: #666; }

.sfg_hed010 .feature { margin-bottom: 7px; }

.sfg_hed010 .relateditems .item {
display: inline;
float: left;
width: 187px;
margin-left: 15px;
}

.sfg_hed010 .relateditems img    { float: left; border: 1px solid #000; }
.sfg_hed010 .relateditems .desc  { width: 111px; margin-left: 10px; }
.sfg_hed010 .relateditems .first { margin-left: 0; }

.sfg_hed010 .relateditems h4 { font-size: .88em; }
.sfg_hed010 .relateditems p  { font-size:  .8em; }


.contentbody  hr { display: none; } /* never visible when css is enabled */ 
.contentbody .hr_dotted {
margin: 10px 0;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

/* Items ---------------------------------------------------------------------*/


.sfg_hed010 .desc 
    {
    margin-left: 10px;
    display: inline; 
    float: left; 
    width: 283px; 
    }

/*
hed011 Editorial Sections
pfagan  05/2008
/web/sites/sfgate/css/contentmodules/hed011.css

column measurements:
===============================627================================
==============311=============== 15 =============300============ 1
----122----- 10 -----179-------- -- --66--- 10 -------224------- 1
*/

.sfg_hed011 h2,
.sfg_hed011 h3,
.sfg_hed011 h4,
.sfg_hed011 p,
.sfg_hed011 ul,
.sfg_hed011 li,
.sfg_hed011 form { margin: 0; padding: 0; }

.sfg_hed011 { clear: left; font-family: Verdana, sans-serif; position: relative; }

.sfg_hed011 .moduleheader {
border-top: 1px solid #bbb;
background: #ddd url('tile_moduleheadings_ddd.gif') repeat-x;
padding: 6px 10px 7px 8px;
margin-bottom: 10px;
}

.sfg_hed011 .moduleheader h2 {
padding-top: 3px;
width: 160px;
display: inline;
float: left;
font-size:  .72em;
}

.sfg_hed011 .moduleheader p {
width: 440px;
display: inline;
float: right;
text-align: right;
}

.sfg_hed011    .pillar { 
display:    inline;
float:      right;
width: 1px;
height:     110px;
}

.sfg_hed011      .item { width: 300px; display: inline; float: right; margin-bottom:10px; }
.sfg_hed011 .firstitem { width: 311px; display: inline; float: left;  margin-right: 10px; }

            .sfg_hed011      .item .desc { width: 224px; display: inline; float: left; }
            .sfg_hed011 .firstitem .desc { width: 179px; }
.hed011test .sfg_hed011 .firstitem .desc { width: 236px; } /* regular 64x64 icon */

.sfg_hed011 img       { border: 0; }
.sfg_hed011 img.thumb { border: 1px solid black; display: inline; float: left; margin-right: 10px; }

.sfg_hed011            h4 { font-size:  .88em; margin-bottom: 4px; }
.sfg_hed011 .firstitem h4 { font-size: 1.12em; margin-bottom: 3px; }

.sfg_hed011               p { font-size: .88em; }
.sfg_hed011 .moduleheader p { font-size:  .8em; color: #666; }

.sfg_hed011 ul { list-style-type: none; clear: left; }
.sfg_hed011 li {
padding-left: 9px; background: url('bullet_square333.gif') 0 6px no-repeat;
font-size:  .88em;
margin-top: 6px;
}
* html .sfg_hed011 li { margin-top: 3px; }
.sfg_hed011 li.first { margin-top: 0; }

.sfg_hed011 ul.multimedia         { margin-top: 3px; }
.sfg_hed011 ul.multimedia li      { display: inline; padding-left: 0; white-space: nowrap; background: none; margin-right: 12px; }
.sfg_hed011 ul.multimedia li.last { margin-right: 0; }
* html .sfg_hed011 ul.multimedia li { white-space: normal; }


.sfg_hed011 a:link    { text-decoration: none; color: #015660; }
.sfg_hed011 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed011 a:hover,
.sfg_hed011 a:active  { text-decoration: underline; }

.sfg_hed011 .modulefooter   { clear: right; display: inline; float: right; width: 300px; height: 12px; margin-bottom: 10px; overflow: hidden; }
.sfg_hed011 .modulefooter p {text-align: right; font-size: .8em; color: #999; padding-right: 2px; }
* html .sfg_hed011 .modulefooter,
* html .sfg_hed011 .modulefooter p { margin-top: 0; }

/*
Business & Technology
Markets and Get Quote  
*/

* html #sfg_hed011_business_technology { padding-top: 10px; } 

.sfg_hed011biz h3,
.sfg_hed011biz h4,
.sfg_hed011biz p,
.sfg_hed011biz form { margin: 0; padding: 0; }

.sfg_hed011biz { font-family: Verdana, sans-serif; position: relative; }
.sfg_hed011biz a:link    { text-decoration: none; color: #015660; }
.sfg_hed011biz a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed011biz a:hover,
.sfg_hed011biz a:active  { text-decoration: underline; }

.sfg_hed011biz img       { border: 0; }

#sfg_hed011_bizrule {
height: 1px;
background: transparent url('dotrule.gif') left top repeat-x;
margin-top: 0 !important;
margin-bottom: 4px;
}
#sfg_hed011_bizrule  hr { display: none; } /* never visible when css is enabled */ 

#sfg_hed011_markets,
#sfg_hed011_stockquote { display: inline; float: left; padding-bottom:10px; }
#sfg_hed011_markets    { width: 311px; clear: both; }
#sfg_hed011_stockquote { width: 300px; margin-left: 15px; }

#sfg_hed011_markets                 { position: relative; }
#sfg_hed011_markets h3              { position: absolute; left: 0; top: 6px; }
* html #sfg_hed011_markets h3       { top: 7px; }
#sfg_hed011_markets table.quotes    { width: 230px !important; }
#sfg_hed011_markets td.header a     { display: none; }
#sfg_hed011_markets td.header .time { text-align: left !important; padding-left: 70px; }

#sfg_hed011_stockquote h3 { margin: 6px 0 11px 0; }
#sfg_hed011_stockquote form           { margin-bottom: 10px; }
#sfg_hed011_stockquote input.ticker   {
width: 90px;
padding-left: 2px;
border-top:    2px solid #666;
border-right:  1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left:   2px solid #666;
}
#sfg_hed011_stockquote input.ticker,
#sfg_hed011_stockquote input.go       { font: normal .88em Verdana, sans-serif; margin-right: 5px; }
#sfg_hed011_stockquote a.lookup,
#sfg_hed011_stockquote p.fintools     { font-size: .8em; }


/*
Food & Wine
Restaurant Search Form
*/

#sfg_hed011_foodwine #foodform { position: absolute; width: 300px; left: 322px; top: 40px; }

#sfg_hed011_foodwine .item     { width: 311px; display: inline; float: left; margin-right: 10px; }
#sfg_hed011_foodwine .lastitem { width: 300px; margin: 0 0 10px 0; }

#sfg_hed011_foodwine            h4 { font-size:  .72em; margin-bottom: 4px; }
#sfg_hed011_foodwine .firstitem h4 { font-size: 1.12em; margin-bottom: 3px; }
#sfg_hed011_foodwine form       h4 {                    margin-bottom: 8px; }

#sfg_hed011_foodwine form select,
#sfg_hed011_foodwine form input.text,
#sfg_hed011_foodwine form input.submit { width: 190px; font: normal .88em Verdana, sans-serif; margin-bottom: 8px; }
#sfg_hed011_foodwine form input.text   { width: 186px; border: 1px solid #ccc; }
#sfg_hed011_foodwine form input.submit { width: 30px; }
#sfg_hed011_foodwine form input.text   { width: 184px; padding-left: 2px;
border-top:    2px solid #666;
border-right:  1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left:   2px solid #666;
}
#sfg_hed011_foodwine form p.more { font-size: .8em; color: #999; margin-bottom: 8px; }

#sfg_hed011_foodwine           li { padding-left: 0; background: none; }
#sfg_hed011_foodwine .lastitem li { padding-left: 9px; background: url('bullet_square333.gif') 0 6px no-repeat; }

/*
hed012 Reader Views
pfagan  05/2008
/web/sites/sfgate/css/contentmodules/hed011.css

column measurements:
===============================627================================
==============312=============== 15 =============300==============
*/

.sfg_hed012 h2,
.sfg_hed012 h3,
.sfg_hed012 h4,
.sfg_hed012 h5,
.sfg_hed012 p { margin: 0; padding: 0; }

.sfg_hed012 { clear: left; font-family: Verdana, sans-serif; }

.sfg_hed012 .moduleheader {
border-top: 1px solid #bbb;
background: #ddd url('tile_moduleheadings_ddd.gif') repeat-x;
padding-bottom: 7px;
margin-bottom: 10px;
}

.sfg_hed012 .moduleheader h2 {
margin: 9px 0 0 8px;
width: 160px;
display: inline;
float: left;
font-size:  .8em;
}

.sfg_hed012 .moduleheader p {  /* top right links, unused */
margin: 6px 10px 0 0;
width: 440px;
display: inline;
float: right;
text-align: right;
}

.sfg_hed012 .quote,
.sfg_hed012 .gallery,
.sfg_hed012 .list { width: 312px; display: inline; float: left; margin-bottom: 10px; }

.sfg_hed012 .gallery,
.sfg_hed012 .list-alt { width: 300px; margin-left: 15px; }

.sfg_hed012  hr { display: none; } /* never visible when css is enabled */ 
.sfg_hed012 .hr_dotted {
clear: both;
margin-bottom: 8px;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

.sfg_hed012 .more { color: #999; }

.sfg_hed012 a:link    { text-decoration: none; color: #015660; }
.sfg_hed012 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed012 a:hover,
.sfg_hed012 a:active  { text-decoration: underline; }

/* Quote */

.sfg_hed012 .quote img.ldquo { display: inline; float: left; margin: -2px 4px 0 0;}

.sfg_hed012 .quote p      { font: normal 1.12em Georgia, serif; padding: 5px 0 0 4px; line-height: 18px; }
.sfg_hed012 .quote p span,
.sfg_hed012 .quote p.more { margin-top: 4px; font: normal .88em Verdana, sans-serif; }
.sfg_hed012 .quote p span { margin-left: 2px; font-size: .72em; color: #666; white-space: nowrap; }


/* Gallery */

.sfg_hed012 .gallery          { background: white       url('curvebox_grayedge1.gif') left  top    no-repeat; height: 1%; }
.sfg_hed012 .gallery .corner2 { background: transparent url('curvebox_grayedge2.gif') right top    no-repeat; }
.sfg_hed012 .gallery .corner3 { background: transparent url('curvebox_grayedge3.gif') right bottom no-repeat; }
.sfg_hed012 .gallery .corner4 { background: transparent url('curvebox_grayedge4.gif') left  bottom no-repeat; padding: 11px 0 11px 11px; }

.sfg_hed012 .gallery    img { margin: 0 9px 10px 0; border: 1px solid black; }
.sfg_hed012 .gallery h3 img { border: none; }
.sfg_hed012 .gallery p  img { width: 44px; height: 44px;}

.sfg_hed012 .gallery p      { margin-left: 6px; }
.sfg_hed012 .gallery p.more { font-size: .8em; text-align: right; padding-right: 11px; }


/* Article Lists for Blogs, Forums, ??? */

.sfg_hed012 .list h3  { font: normal .8em Arial, sans-serif; margin-bottom: 6px; }

.sfg_hed012 .list h3 a:link,
.sfg_hed012 .list h3 a:visited,
.sfg_hed012 .list h3 a:hover,
.sfg_hed012 .list h3 a:active { color: #333; text-transform: uppercase; }

.sfg_hed012 .list h4  { font: bold .88em Verdana, sans-serif; }
.sfg_hed012 .list h5  { font: normal .8em Verdana, sans-serif; color: #666; margin-top: 3px; }

/*
hed013 Reader Views
pfagan  05/2008
/web/sites/sfgate/css/contentmodules/hed013.css

column measurements:
===============================627================================
==============317=============== 10 =============300==============
--66--- -- ---------241--------- -- --66--- -- -------224---------
*/

.sfg_hed013 h2,
.sfg_hed013 h4,
.sfg_hed013 p,
.sfg_hed013 ul,
.sfg_hed013 li  { margin: 0; padding: 0; }

.sfg_hed013 { clear: left; font-family: Verdana, sans-serif; }

.sfg_hed013 .moduleheader {
border-top: 1px solid #bbb;
background: #ddd url('tile_moduleheadings_ddd.gif') repeat-x;
padding-bottom: 7px;
margin-bottom: 10px;
}

.sfg_hed013 .moduleheader h2 {
margin: 9px 0 0 8px;
width: 160px;
display: inline;
float: left;
font-size:  .8em;
}

.sfg_hed013 .moduleheader p {
margin: 6px 10px 0 0;
width: 440px;
display: inline;
float: right;
text-align: right;
}

.sfg_hed013      .item { width: 300px;  float: right; display: inline; margin-bottom:10px; }
.sfg_hed013 .firstitem { width: 317px;  float:  left; margin-right: 10px; }

.sfg_hed013      .item .desc { width: 224px; display: inline; float: left; }
.sfg_hed013 .firstitem .desc { width: 241px; } /* regular 64x64 icon */


.sfg_hed013 img       { border: 0; }
.sfg_hed013 img.thumb { border: 1px solid black; display: inline; float: left; margin-right: 10px; }

.sfg_hed013            h4 { font-size:  .88em; margin-bottom: 4px; }

.sfg_hed013               p { font-size: .88em; }
.sfg_hed013 .moduleheader p { font-size:  .8em; color: #666; }

.sfg_hed013 ul { list-style-type: none; }
.sfg_hed013 li {
padding-left: 9px; background: url('bullet_square333.gif') 0 6px no-repeat;
font-size:  .88em;
line-height: 16px;
}

.sfg_hed013 a:link    { text-decoration: none; color: #015660; }
.sfg_hed013 a:visited { text-decoration: none; color: #667b7b; }
.sfg_hed013 a:hover,
.sfg_hed013 a:active  { text-decoration: underline; }

.sfg_hed013 .modulefooter { clear: right; text-align: right; }

.sfg_hed013 .modulefooter p {font-size:  .8em; }


/*
Home Page
/css/home/home.css
pfagan 5/2008
*/

/* Page Structure ----------------------------------------------------------- */

#sfg_home .contentbody { 
margin: 10px 0 0 10px;
background: url('vertical_dots_627-300.gif') repeat-y;
}

#sfg_home .contentbody .column1     { width: 627px; }
#sfg_home .contentbody .column2     { width: 300px; }

#sfg_home .contentbody .column1,
#sfg_home .contentbody .column2 {
display: inline; float: left;
}

#sfg_home .contentbody .column2 { margin-left: 21px; }

/* Page Elements ------------------------------------------------------------ */

#headernav ul.sub li {
margin:  0 0 0 9px;
padding: 0 0 0 9px;
}

#sfg_home .contentbody  hr { display: none; } /* never visible when css is enabled */ 
#sfg_home .contentbody .hr_dotted {
margin: 10px 0;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

#sfg_home .contentbody .hr_hed_separator {
display: inline; float: left;
width: 317px;
margin-bottom: 10px;
height: 1px;
background: transparent url('dotrule.gif') repeat-x;
}

#sfg_home .contentbody  p.date {
margin: 0 0 10px 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: .8em;
}
#sfg_home .contentbody  p.date em {
font-style: normal;
color: #900;
}

#sfg_home .column3 .sfg_edi002 .item p { font-size: .8em; }

/* adinterax sliding billboard - rmedlin 05/01/08 --------------------------- */
.x88 .creative {padding: 7px 0 0 10px;}
 * html .x88 {padding: 7px 0 0 10px;}
*:first-child+html .x88 {padding: 0 0 0 10px;margin-top:-3px;}


/* Module Arrangement ------------------------------------------------------- */

.sfg_ads001,
.sfg_blg001,
.sfg_cls003,
.sfg_col003,
.sfg_edi002,
.sfg_edi004,
.sfg_edi011,
.sfg_edi012,
.sfg_ent001,
.sfg_hed003,
.sfg_hed012,
.sfg_hed013,
.sfg_lrt001,
.sfg_mul001,
#sfg_cpiece,
#topmost
{ margin-bottom: 10px; }

/* normal (no jumbo ad feature) */
#sfg_cpiece { display: inline; float: right; }
.sfg_hed001,
.sfg_hed003,
.sfg_lrt001 { display: inline; float: left; }

.sfg_hed001,
.sfg_hed003 { width: 317px; }

/* Ed Tools Tweaks */
            .sfg_ed_tools_mod { clear: left; width: 296px; padding-left: 2px; }
#sfg_cpiece .sfg_ed_tools_mod a { color: #00e; text-decoration: underline; }

.jumboset .sfg_hed003 { width: 300px; float: right;}

.sfg_lrt001      { width: 315px !important; }
#sfg_lrt001_wide { width: 625px !important; }

.sfg_edi011 { clear: both; }

.sfg_nav002 { margin: 0 10px 10px 10px; }
    

/* Ads */
.sfg_ent001 { margin-top: 10px; } /* for middle1 Box Ad above */

#sfg_home .column2 .frame1tile {
width: 234px;
padding: 0 33px;
text-align: center;
}
#sfg_home .column2 .frame1tile .creative .sponsortext { display: none; }
/* not ideal */
#sfg_home .column2 .frame1tile .creative { margin-top: 10px; }
#sfg_home .sfg_blg001 { margin-top: 10px; }


/* Dev */

.sfg_placeholder { 
clear: both;
border: 1px solid #ccc;
padding: 10px;
font-family: Verdana, sans-serif;
font-size: .88em;
margin-bottom: 10px; 
}

#page .columnender { margin-bottom: 0; }


/* Content Footer ----------------------------------------------------------- */

#sfg_home .contentfooter { margin-top: 10px; }

/*
    sfg_lrt001 module
    rgarcia 1/30/08
*/
.sfg_lrt001 {
border:1px solid #900;
font-family:verdana, sans-serif;
width:100%;
}
* html .alertcolumn .sfg_lrt001 {width:100%}
* html .column2 .sfg_lrt001 {width:99%}
.sfg_lrt001 img {border:none;}
 .sfg_lrt001 .contentbox {margin:8px 10px;}
.sfg_lrt001 .contentbox-txt {margin:8px 10px 8px 8px;}
.sfg_lrt001 h2 {
color:#fff; 
background:#900;
margin:0px;
padding:3px 10px 6px 9px;
font:normal .8em verdana, sans-serif;
}
.sfg_lrt001 .contentbox a.image {
display:block;
width:100%;
text-align:center;
}
.sfg_lrt001 .contentbox img.main {
margin-bottom:10px;
}
.sfg_lrt001 h3 {
text-align:center;
font:bold 1.42em Arial; 
margin:0 0 4px 0;
padding:0;
}
.sfg_lrt001 a:link    { text-decoration: none; color: #015660; }
.sfg_lrt001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_lrt001 a:hover, #sfg_lrt001 a:active { text-decoration: underline; }
.sfg_lrt001 p.caption, .sfg_lrt001 p.caption-txt {
font:normal 1em verdana, sans-serif;
margin:0 0 5px 0;
}
.sfg_lrt001 p.caption-txt {margin:0px;}
.sfg_lrt001 ul.subitems {
font-size:.88em;
margin:0;
padding:0;
list-style-type:none;
}
.sfg_lrt001 ul.subitems li{
display:inline; 
margin:0;
padding:0 0 0 1px;
}
.sfg_lrt001 ul.subitems li.comment {
background-image: url(mmicon_comment.gif);
padding-left:20px;
background-repeat: no-repeat;
background-position: 0.1em;
}



/*
mul001 SFGate Home Page - Day in Pictures
/css/contentmodules/mul001/home/mul001.css
pfagan 05/2008
*/

.sfg_mul001 h2, .sfg_mul001 h4, .sfg_mul001 p { margin: 0; padding: 0; }

.sfg_mul001  { font-family: Verdana, sans-serif; }

.sfg_mul001          { background: #fff        url('curvebox_grayedge1.gif') left  top    no-repeat; height: 1%; }
.sfg_mul001 .corner2 { background: transparent url('curvebox_grayedge2.gif') right top    no-repeat; }
.sfg_mul001 .corner3 { background: transparent url('curvebox_grayedge3.gif') right bottom no-repeat; }
.sfg_mul001 .corner4 { background: transparent url('curvebox_grayedge4.gif') left  bottom no-repeat; padding: 11px; }

.sfg_mul001 .desc   { width: 202px; margin-left: 10px; display: inline; float: left; }

.sfg_mul001 img       { border: none; }
.sfg_mul001 img.thumb { border: 1px solid black; display: inline; float: left; }

.sfg_mul001 h2       { font-size: .72em; margin-bottom: 8px; }
.sfg_mul001 h4       { font-size: .88em; margin-bottom: 4px; }
.sfg_mul001  .desc p { font-size: .88em; margin-bottom: 8px; }
.sfg_mul001  p.more  { font-size:  .8em; color: #666; width: 202px; display: inline; float: right; }

.sfg_mul001 a:link    { text-decoration: none; color: #015660; }
.sfg_mul001 a:visited { text-decoration: none; color: #667b7b; }
.sfg_mul001 a:hover, .sfg_mul001 a:active { text-decoration: underline; }

/*
/css/contentmodules/nav002.css
pmims 01/2008
pmims 02/07/08 enhanced
pmims 02/11/08
*/

.sfg_nav002
{ 
  font-family: Verdana, sans-serif; 
height: 78px;
}

.sfg_nav002 .navad
{
	height: 31px;
	width: 88px; 
	float:left;
  display:inline;
  margin: 0px 0 30px 42px;
  text-align: center;
}

.sfg_nav002 .navad a
{
  width: 90px;
  font-size: .72em;
  color: #333;
}

.sfg_nav002 .navad a:link 
{
	text-decoration: none;
}

.sfg_nav002 a:visited
{
	text-decoration: none;
}

.sfg_nav002 a:hover,
.sfg_nav002 a:active
{
	text-decoration: underline;
}

.sfg_nav002  hr { display: none; } /* never visible when css is enabled */ 
.sfg_nav002 .hr_dotted 
{
  margin: 10px 0;
  height: 1px;
  background: transparent url('dotrule.gif') repeat-x;
}

/*
SFGate Site Navigator
pfagan 06/2007
*/

/* Common Style --------------------------------------------------------------*/

body {
margin: 0; padding:0;
background: #fff;
font-size: 80%;
}

#page {  /* #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: .8em;
text-align: right;
}

#headernav ul.media li {
display: block; float: left;
background: url('media_tile2.gif');
margin: 0; padding: 2px 5px 2px 42px;
list-style: none;
}

#headernav ul.media li.first { background: url('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;
}
#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: .72em; /* 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: .72em;
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: .72em;
color: #666;
}

/* Layout changes for different shapes of Ads --------------------------------*/

/* elements that change:
   background image, height of midsection, width of ad,
   h1 (SFGate logo), p.paper (Chronicle logo),
   p.papertools (Chronicle newspaper management tools)
*/

/* Tile */
div.headernav_tile                        { background: url('tile_gradient_skyline.jpg') no-repeat; padding-top: 8px; }   
div.headernav_tile div.midsection         { height: 76px; }
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('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: 21px; background: url('brand_chronicle178x21.gif') no-repeat; }
div.headernav_tile p.papertools           { padding: 2px 0 0 194px; }

/* Leaderboard */
div.headernav_leaderboard                        { padding-top: 6px; background: url('tile_gradient_leaderboard.gif') repeat-x; }   
div.headernav_leaderboard div.midsection         { height: 106px; }
div.headernav_leaderboard div.ad                 { width: 736px; height: 90px; text-align: right; background: transparent url('ads_label.gif') left bottom no-repeat; }
div.headernav_leaderboard h1                     { padding: 2px 0 0 10px; }
div.headernav_leaderboard h1 a                   { width: 154px; height: 30px; background: url('brand_sfgate154x30.gif') no-repeat; }
div.headernav_leaderboard p.paper                { width: 159px; 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: 159px; height: 18px; background: url('brand_chronicle159x18.gif') no-repeat; }
div.headernav_leaderboard p.papertools           { clear: left; width: 190px; padding: 2px 0 0 10px;}

/* No Ads */
div.headernav_noads                        { padding-top: 6px; background: url('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('brand_sfgate154x30.gif') no-repeat; }
div.headernav_noads p.paper                { width: 222px; padding: 11px 0 0 14px;}
div.headernav_noads p.paper span.chronhome { padding-top: 4px; }
div.headernav_noads p.paper a.chronbrand   { width: 159px; height: 18px; background: url('brand_chronicle159x18.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: .8em;
}

/* 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: .8em; }

#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: .88em;
}

#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: .92em; }

/* 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:  80px; width:  39px; }
#headernav ul.main li.sports_selected,
#headernav ul.main li.sports          { left: 139px; width:  45px; }
#headernav ul.main li.business_selected,
#headernav ul.main li.business        { left: 198px; width:  57px; }
#headernav ul.main li.entertainment   { left: 270px; width:  92px; }
#headernav ul.main li.food_selected,
#headernav ul.main li.food            { left: 381px; width:  36px; }
#headernav ul.main li.living_selected,
#headernav ul.main li.living          { left: 434px; width:  42px; }
#headernav ul.main li.travel          { left: 492px; width:  43px; }
#headernav ul.main li.blogs           { left: 554px; width:  49px; }
#headernav ul.main li.classifieds     { left: 633px; width:  68px; }
#headernav ul.main li.jobs            { left: 721px; width:  34px; }
#headernav ul.main li.homes           { left: 775px; width:  46px; }
#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('main_none.gif')  -10px -30px no-repeat; }
#headernav ul.main li.news          a:hover { background: url('main_none.gif')  -80px -30px no-repeat; }
#headernav ul.main li.sports        a:hover { background: url('main_none.gif') -139px -30px no-repeat; }
#headernav ul.main li.business      a:hover { background: url('main_none.gif') -198px -30px no-repeat; }
#headernav ul.main li.entertainment a:hover { background: url('main_none.gif') -270px -30px no-repeat; }
#headernav ul.main li.food          a:hover { background: url('main_none.gif') -381px -30px no-repeat; }
#headernav ul.main li.living        a:hover { background: url('main_none.gif') -434px -30px no-repeat; }
#headernav ul.main li.travel        a:hover { background: url('main_none.gif') -492px -30px no-repeat; }
#headernav ul.main li.blogs         a:hover { background: url('main_none.gif') -554px -30px no-repeat; }
#headernav ul.main li.classifieds   a:hover { background: url('main_none.gif') -633px -30px no-repeat; }
#headernav ul.main li.jobs          a:hover { background: url('main_none.gif') -721px -30px no-repeat; }
#headernav ul.main li.homes         a:hover { background: url('main_none.gif') -775px -30px no-repeat; }
#headernav ul.main li.cars          a:hover { background: url('main_none.gif') -841px -30px no-repeat; }
#headernav ul.none { background: url('main_none.gif'); }

#headernav ul.home     { background: url('main_home.gif');     }
#headernav ul.news     { background: url('main_news.gif');     }
#headernav ul.business { background: url('main_business.gif'); }
#headernav ul.sports   { background: url('main_sports.gif');   }
#headernav ul.food     { background: url('main_food.gif');     }
#headernav ul.living   { background: url('main_living.gif');   }

/* 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('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('index_header554x28.gif') no-repeat;
font-size: .8em;
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('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.04em;
color: #222;
text-transform: uppercase;
}
#headernav .index .content h4 {
margin: 14px 0 5px 0; padding: 0;
font-size: .88em;
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: .88em;
}

/* 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('rule_dotted_horiz.gif') left bottom repeat-x;
list-style: none;
}
#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('sub_pipe_bullet.gif') 0 2px no-repeat;
font-family: Verdana, sans-serif;
font-size: .88em;
}
#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; }


/* Bottom of the Header Nav --------------------------------------------------*/

#headernav div.bottom {  }

#headernav div.billboard { height: 90px; margin: 0; padding: 10px 0 10px 10px; text-align: center; }
#headernav div.billboard img { border: 0; }

/* Content Body ----------------------------------------------------------------*/


#page 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: .8em;
}

#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('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: .8em;
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%;            }  

/*
TopMost Widget
pfagan 11/2007
*/

#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('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;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .86em;
}

#topmost ul {
    margin: 0px 0px 0px 12px;   
    padding: 2px 2px 0px 2px;
}

#topmost ol {
    margin: 0px 0px 0px 18px;
    padding: 2px 2px 0px 2px;
}
* html #topmost ol {
    margin: 0px 0px 0px 21px;
}

#topmost li {
    padding: 0px 0px 4px 0px;
}

#topmost ul li {
    list-style-type: square;
}

#topmost .footer {
    background: #EEF6F6 url('fill_footer.gif') repeat-x;
}

#topmost .footer img {
    width:4px;
    height:4px;
}

#topmost img.botleftcorner {
    float:left;
}

#topmost img.botrightcorner {
    float:right;
}


.sfg_wea001 h2, 
.sfg_wea001 h3, 
.sfg_wea001 h4, 
.sfg_wea001 h5,
.sfg_wea001 hr
{
  margin: 0;
  padding: 0;
}

.sfg_wea001 { font-family: Verdana, sans-serif; }
.sfg_wea001 h2
{
  font-size: .88em;
  color: #015660;
}

.sfg_wea001 .item img
{
  margin-bottom: 5px;
}

.sfg_wea001 p
{
  padding-top:2px;
  font-size: .88em;
  font-weight: normal;
  color: #666;
  clear:both;
}

.sfg_wea001 h3
{
  float:left;
  display:inline;
  font-size: .88em;
  font-weight: bold;
  color: #000;
}

.sfg_wea001 h4
{
  float:left;
  display:inline;
  font-size: .88em;
  font-weight: normal;
  color: #900;
  margin: 0 8px 0 12px;
}

.sfg_wea001 h5
{
  float:left;
  display:inline;
  font-size: .88em;
  font-weight: normal;
  color: #000;
}

.sfg_wea001 .desc { 
  display:inline;
  float:left;
}

.sfg_wea001 .desc h3 { margin-bottom: 2px; }

.sfg_wea001 .desc h5
{
  font-size: .88em;
  font-weight: normal;
  color: #000;
}

.sfg_wea001 h3 a:link, h3 a.bold:link
{
    font-weight:bold;
	text-decoration: none;
	color: #000;
}

.sfg_wea001 h3 a:visited, h3 a.bold:visited
{
	text-decoration: none;
	color: #000;
}

.sfg_wea001 h3 a:hover, h3 a.bold:hover,
.sfg_wea001 h3 a:active, h3 a.bold:active
{
	text-decoration: underline;
	color: #000;
}

.sfg_wea001 a:link, a.bold:link
{
    font-weight:bold;
	text-decoration: none;
	color: #015660;
}

.sfg_wea001 a:visited, a.bold:visited
{
	text-decoration: none;
	color: #015660;
}

.sfg_wea001 a:hover, a.bold:hover,
.sfg_wea001 a:active, a.bold:active
{
	text-decoration: underline;
	color: #015660;
}

.sfg_wea001 img 
{ 
    margin-bottom: 10px; 
}

.sfg_wea001 img.thumb
{
	float: left;
	display: inline;
	padding-right: 9px;
	padding-bottom: 9px;
	margin-top: 0px;
}

.sfg_wea001 .item
{
    float: left;
    display: inline;
    width: 300px;
    margin: 0;
}

.sfg_wea001 hr { display: none; } /* never visible when css is enabled */ 
.sfg_wea001 .hr_dotted, 
.sfg_wea001 .dotted_rule {
 clear: both;
 margin-top: 0px;
 height: 1px;
 background: transparent url('dotrule.gif') repeat-x;
}

/*
YSM001 Ads By Yahoo!
pfagan 12/2007
*/
 
/* 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;
}

.sfg_ysm001 h3 {
margin: 0 0 5px 0;
padding: 5px;
font-size: .88em;
color: #444;
font-family: Arial, sans-serif;
border-bottom: 1px solid #e4e4e4;
}

.sfg_ysm001 h4 {
margin: 0 5px;
font-size: .88em;
}

.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: .88em;
text-align:left;
}

.sfg_ysm001 p.sitehost {
margin: 0 5px;
font-size: .8em;
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%; }






