/* graffiti theme v1.0 by todd */

/* ========================================================================== */
/* =======================  culture blog specific styles ==================== */
/* ==== border color, content fonts, font color, backgrounds and images ===== */
/* ========================================================================== */

/* =============================== graffiti theme =========================== */
/* ========================================================================== */


/* ============================ general page style ========================== */

/* --- link colors ---------------------------------------------------------- */

#groupbody a, #groupbody a:link { color: #3C4F6F; }
#groupbody a:hover { color: #777; }
#groupbody a:visited { color:#555; }

#groupmenu a, #groupmenu a:link { color: #3C4F6F; }
#groupmenu a:hover { color: #777; }
#groupmenu a:visited { color:#555; }

.item p.credit a, .item p.credit a:link, .item p.credit a:visited, .item p.credit a:hover {
color:#333;
}

/* ============================  blog banner header ========================= */

/* --- banner with an image ------------------------------------------------- */
/* this is the blog header and logo image. an image should be 800px wide, and */
/* about 100px tall, but */

#banner-img {
background-image: url(/templates/types/blogs/pages/sfgate/culture/style/bkg-graffitibluejagged-head.jpg);
background-repeat: no-repeat;
height:100px;
}
div.img-link a {
height:100px;
}
.banner-alt {
display: none;
}
#banner {
display: none;
}
#banner a {
text-decoration: none;
}

/* --- banner with text only ------------------------------------------------ */
/* or, don't use an image. just  the  and style the blog name  */
/* using only font styles.    

/* ========================= groupmenu =========================== */
/* change sidebar/groupmenu img, or just use a background color    */

#groupmenu {
background-color: #EFE7D2;
background-image: url(/templates/types/blogs/pages/sfgate/culture/style/bkg-graffitibluejagged-grou.jpg);
background-repeat: no-repeat;
}

/* ===================== groupmenu items ========================= */
/* definitions may be affected by the order in which they are      */
/* displayed. give them 1em of margin, below each item.            */


#categorymenu, #recentmenu, #archivemenu, #calendar, #about, #contact {
margin:0 0 1em 0;
}
#blogmenu {
border-bottom:2px solid #fff;
}
#blogmenu, #blogroll, #gatemenu {
margin:2em 0 0 0;
}
.postimage p, .postimageright p, .postimageleft p {
font-family: verdana, helvetica, arial, sans-serif;
}
#groupmenu h3, #groupmenu h4 {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
font-size: 1.1em;
}
#groupmenu h3, #masthead h4, #minimasthead h4 {
text-transform: uppercase;
}
#blogroll h4 {
margin:1em 0 .5em 0;
}

/* ========================== calendar =========================== */
/* calendar is designed to have 1px border. please only change the */
/* color values for each border definition                         */


#calendar caption {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
text-transform:uppercase;
border-top:1px solid #D5BB86;
border-right:1px solid #D5BB86;
border-left:1px solid #D5BB86;
background-color: #fff;
}
#calendar caption a, #calendar caption a:link, #calendar caption a:visited {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
}
#calendar tr.headerrow {
border-bottom:1px solid #D5BB86;
}
#calendar th {
color: #555;
font-family: 'gill sans', tahoma, arial, sans-serif;
}
#calendar .current {
color: #3C4F6F;
background-color: #D2DFF6;
}
#calendar td.previous, #calendar td.next {
color:#666;
}
#calendar table {
border-top:1px solid #D5BB86;
border-left:1px solid #D5BB86;
}
#calendar table td {
color:#333;
}
#calendar table td.nextmonth {
color:#777;
}
#calendar table th {
background-color: #FFF7D8;
}
#calendar td, #calendar th {
border-right:1px solid #D5BB86;
border-bottom:1px solid #D5BB86;
background-color: #fff;
}

/* ========================= content header  ======================== */

#contentheader h3 {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
padding: .4em 0 .2em 0;
border-bottom: 2px solid #D2DFF6;
border-left: 8px solid #D2DFF6;
background-image: url(/templates/types/blogs/pages/sfgate/culture/style/bkg-bluefade-pubday.jpg);
background-repeat: no-repeat;
}
#contentmenu {
color:#777;
}
#breadcrumbs {
color:#777;
}

/* ============================ day divider ==========================*/

#groupbody h4.pubday, #comments h4 {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
text-align: left;
text-transform: uppercase;
font-size: 1.1em;
padding: .4em 0 .2em 0;
border-bottom: 2px solid #D2DFF6;
border-left: 8px solid #D2DFF6;
background-image: url(/templates/types/blogs/pages/sfgate/culture/style/bkg-bluefade-pubday.jpg);
background-repeat: no-repeat;
}

/* ============================= post items ========================= */

#groupbody .item {
color:#333;
clear:both; /* added 2005.1.23 for floating issues */
}
.item p.credit {
color:#777;
}
.postmenu, .datasummary {
color:#777;
}
.item blockquote {
border-left: 3px solid #D2DFF6;
}
#groupbody .item h2 {
color: #3C4F6F;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: bold;
}
#groupbody .item h2 a, #groupbody .item h2 a:link, #groupbody .item h2 a:visited {
color: #3C4F6F;
}
#groupbody .item h2 a:hover {
color: #6673A3;
}
.postmenu {
border-bottom:1px dotted #777;
}

/* ============================ post images ==========================*/

.postimagecenter p.source, .postimageright p.source, .postimageleft p.source {
color:#777;
}
.postimagecenter img, .postimageright img, .postimageleft img  {
border:1px solid #000;
}
.postimagecenter p.source a, .postimageright p.source a, .postimageleft p.source a, .postimagecenter p.source a:link, .postimageright p.source a:link, .postimageleft p.source a:link {
color:#777;
}

/* ======================== trackbacks ========================== */

#trackbacks h4 {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
text-align: left;
font-weight:normal;
text-transform: uppercase;
font-size: 1.1em;
padding: .4em 0 .2em 0;
margin: 0;
border-bottom: 2px solid #D2DFF6;
}
#trackbacks p.intro {
color:#777;
}


/* ============================ masthead ========================= */

#masthead {
border-bottom:2px solid #fff;
}
#masthead p {
color:#333;
}
#minimasthead {
border-bottom:2px solid #fff;
}
#minimasthead, #minimasthead a, #minimasthead a:link {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
}
#minimasthead p.inlinemenu {
font-weight:bold;
text-transform:uppercase;
}


/* =========================== author bios ======================= */


.authorbio h4 {
color: #9E3B2A;
font-family: 'gill sans', tahoma, arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
}
.authorbio img {
border:1px solid #000;
width:8em;
height:8em;
}
.authorbio .itemmenu {
border-bottom: 2px solid #D2DFF6;
}