/*
Food
/css/food/top100.css
dfruehe 3/2008
*/

/* Page Header -------------------------------------------------------------- */

.contentheader {
margin: 0 10px 0 10px; font-family: Verdana, sans-serif;
background: url('http://imgs.sfgate.com/graphics/sitenav/rule_dotted_horiz.gif') 10px bottom repeat-x;
width: 945px;
}

.contentheader .title { width: 520px; display: inline; float: left;
padding: 4px 0 8px 0;}

.contentheader .title .date { margin-left: 5px; color: #900; }

.contentheader .title h1 { padding: 0; margin: 5px 0 0 0;}

/* Page Structure ----------------------------------------------------------- */

.contentbody { 
margin: 10px 0 10px 10px;
background: url('/graphics/utils/vertical_dots_627-300.gif') repeat-y;
}

.contentbody .column1     { width: 627px; }
.contentbody .column2     { width: 300px; }

.contentbody .column1,
.contentbody .column2 {
display: inline; float: left;
}

.contentbody .column2 {
margin-left: 21px;
}

/* Content ----------------------------------------------------------- */

#sfg_food
{ 
font-family: Verdana, sans-serif; 
}

#sfg_food p.food
{ 
font-size: .88em;
padding: 0;
margin: 0 0 10px 0;
}

#sfg_food .intro p
{ 
font-size: .88em;
padding: 0;
margin: 0 0 10px 0;
}

#sfg_food .food a:link    { text-decoration: none; color: #015660; }
#sfg_food .food a:visited { text-decoration: none; color: #667b7b; }
#sfg_food .food a:hover, 
#sfg_food .food a:active { text-decoration: underline; }
          
#sfg_food .top100logo {
float: left;
}

#sfg_food .navigation {
float: right;
margin: 0;
padding: 0 0 0 10px;
width: 325px;
}

#sfg_food .thumbs img {
border: 1px solid #006;
margin-right: 5px;
}  

#sfg_food .credit {
font-style: italic;
}

#sfg_food .date {
font-size: .8em;
}

/* Cuisine ----------------------------------------------------------- */

#sfg_food h3 {
padding: 0;
margin: 0;
font-size: .96em;
}

#sfg_food .threecol {
background: #e6e6e6;
padding: 10px;
}

#sfg_food .twocol {
float: left;
width: 410px;
}

#sfg_food .cuisinecol1 {
float: left;
width: 220px;
}

#sfg_food .cuisinecol2 {
float: left;
width: 205px;
}

#sfg_food .cuisinecol3 {
float: right;
width: 145px;
}

#sfg_food .cuisinescat {
font-weight: bold;
font-size: .88em;
}

#sfg_food .restaurants a:link    { text-decoration: none; color: #015660; font-size: .88em; }
#sfg_food .restaurants a:visited { text-decoration: none; color: #667b7b; font-size: .88em; }
#sfg_food .restaurants a:hover, 
#sfg_food .restaurants a:active { text-decoration: underline; font-size: .88em; }

#sfg_food .restaurants ul, 
#sfg_food .restaurants li {
padding:0;
margin:0;
list-style-type:none;
}

#sfg_food .restaurants li {
background:transparent url(http://imgs.sfgate.com/graphics/utils/bullet_square666.gif) no-repeat scroll 0 6px;
margin:0 0 0 2px;
padding:0 0 0 9px;
}


/* Ad Styles ---------------------------------------------------------------- */

#adpos3     { width: 300px; margin: 0 0 10px 0; }
#topmost,
#adpos2     { margin-bottom: 10px; }
#adjacency,
#adpos2div  { display: inline; float: left; }
#adjacency  { width: 166px; }
#adpos2div  { width: 160px; padding-left: 10px; }