/*
Theme Name: SF Public Defender v4b
Theme URI: http://sfpublicdefender.org
Description: This is a newly coded theme.
Version: 4b
Author: Tyler Vu, Larry Roberts, Lea Villegas and Richard Bui
Date Created: April 01, 2009

Notes: In case you were wondering, yes, I originally did this in XHTML Strict AND it validated, but stupid Feedburner and it's email subscription isn't strict compliant, so I had to revert to transitional.

Color scheme: http://colorschemedesigner.com/#0D21TsUtKw0w0

*/

/* == 960 GRID (http://960.gs) == 

.container_12 {background: #fff url(grid/img/12_col.gif) repeat-y; }

==== */


/* Structure */
html {font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; }
body {margin: 0 auto; font-size: 0.8em; background: #48A0CA url(img/background3.jpg) repeat; }
img {border: none; }
.alignleft {float: left; display: inline; }
.alignright {float: right; display: inline; }
.aligncenter {margin: 0 auto; text-align: center; }
.clearboth {clear: both; }
.floatleft {float: left; }
.floatright {float: right; }
.inline {display: inline; }
.block {display: block; }
.hidden {display: none; }
strong {font-weight: bold; }
em {font-style: italic; }
small {font-size: 0.8em; }
h1 {font-size: 2.0em; }
h2 {font-size: 1.5em; }
blockquote { }
blockquote p { }
img.alignleft {margin: 0.5em 0.5em 0.5em 0; }
img.alignright {margin: 0.5em 0 0.5em 0.5em; }

/* == LINKS == */
a:link, a:visited {color: #ED8A17; text-decoration: none; }
a:hover, a:active {color: #F6A94F; text-decoration: none; }

/* ==== */

/* == FONTS == */
#header, .staff, .staff-quote, #three-columns h2, #three-columns h3, #column-two ul li ul li, .serif, .post h2, .post h3 {font-family: Georgia, Century, "Century Schoolbook", Times, "Times New Roman", serif; }

/* ==== */

/* == SITE STRUCTURE == */

#site-container { }
#masthead {margin: 0 auto 1.5em; position: relative; display: block; height: 80px; }

/* ==== */

/* == HEADER == */

#header {position: absolute; bottom: 0; right: 0; }
#header h1 {padding: 0.25em 0 0; font-size: 2.5em; display: block; font-weight: bolder;  }
#header h1 span {padding: 0.25em 0 0; font-size: 0.5em; display: block; font-weight: normal; text-align: left; background: transparent url(img/sf-public-defender-text-logo.png) no-repeat; width: 281px; height: 57px; text-indent: -5999em; }

/* ==== */

/* == SITE NAVIGATION == */

#site-navigation {position: absolute; bottom: 0.5em; left: 0.5em; font-size: 0.8em; text-transform: uppercase; }
#site-navigation ul li {padding: 0.5em 3.0em 0.5em 0; float: left; display: inline; text-align: left; }
#site-navigation ul li a {font-weight: bold; letter-spacing: 0.2em; }
#site-navigation ul li.special-event a {color: #D4D4D4; }
#main-site-navigation {border-top: 2px solid #000; border-bottom: 2px solid #000; }

/* ==== */

/* == SUB NAVIGATION == */

#sub-navigation {padding-left: 0.5em; }
#sub-navigation ul li {padding: 0.5em 3.0em 0.5em 0; float: left; display: inline; }
#sub-navigation ul li a {font-weight: bold; }
#sub-navigation ul li.sub-navigation-message {font-weight: bold; font-style: italic; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; }
#sub-navigation ul li ul {display: none; }

/* ==== */

/* == CANVAS == */
#canvas {padding: 0.5em 0 0; position: relative; width: 940px; height: 240px; background: url(img/canvas-background.png) no-repeat; }
ul#canvas-slide {margin: 0 auto; width: 930px; height: 230px; }
.photo-meta-data {padding: 10px; height: 45px; position: absolute; left: 20px; top: 20px; z-index: 9999; color: white; min-width: 100px; max-width: 40%; }
.staff-quote {padding-bottom: 10px; font-size: 2.0em; font-weight: bold; display: block; line-height: 1.2; }
.staff {padding-right: 2.5em; font-size: 0.9em; font-weight: bold; text-align: right; display: block; }
.staff .staff-title {font-size: 0.8em !important; font-weight: normal; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; line-height: 1.2; }
.read-story {padding: 0.25em 2.5em 0 0; font-size: 0.9em; font-weight: normal; text-align: right; display: block; line-height: 1.25; font-style: italic; color: #ED8A17; }
#small-canvas {padding: 0.35em 0 0; position: relative; width: 940px; height: 140px; background: url(img/small-canvas-background.png) no-repeat; }
ul#small-canvas-slide {margin: 0 auto; width: 930px; height: 130px; }
#sticky {position: absolute; top: 10px; right: 10px; background: transparent url(img/urgent-sticky.png) no-repeat; width: 157px; height: 160px; z-index: 150; }
#sticky h4 {margin: 0 auto; padding: 68px 0 0; width: 110px; }
#sticky h4 a {color: #000; }
#sticky h4 span {padding: 0.2em 0 0; display: block; font-size: 0.7em; color: #ED8A17; }

/* ==== */

/* == 3 COLUMNS == */

#three-columns {margin: 2.0em auto 2.5em; display: block; }
#three-columns h2 {margin-bottom: 1.0em; padding: 0.5em 0 1.0em; font-size: 0.8em; text-transform: uppercase; color: #FFF; font-weight: bold; letter-spacing: 0.3em; border-bottom: 1px dotted #285970; }
#three-columns h2.email-updates {padding: 1.0em 0; }
#three-columns h3 {padding: 0 0 0.5em; font-size: 1.1em; text-transform: uppercase; line-height: 1.2; font-weight: bold; }
#three-columns h3 a:link span, #three-columns h3 a:visited span {padding-left: 3px; font-size: 0.7em; font-style: italic; display: block; color: #CBCBCB; }
#three-columns h3 a:hover span, #three-columns h3 a:active span {color: #FFF; }
#three-columns p {padding: 0 0 10px; line-height: 1.2; color: #E1E1E1; font-size: 1.1em; }
#three-columns ul { }
#three-columns ul li {  }
#three-columns .post {padding-bottom: 10px; }
a.facebook, a.twitter, a.youtube, a.rss, a.flickr, a.yelp, a.sf311 {width: 80px; height: 33px; }
#column-three a img {vertical-align: middle; }
a.facebook span, a.twitter span, a.youtube span, a.rss span, a.flickr span, a.yelp span, a.sf311 span {display: none; }
#column-one, #column-two, #column-three {padding: 0 0.25em; }
#column-two {width: 280px !important; }
#column-two ul, #column-two ul li ul {margin: 0; padding: 0; }
#column-two ul { }
#column-two ul li {margin: 0; padding: 0 0 1.0em; line-height: 1.25; font-weight: bold; }
#column-three input#enter-email {padding: 4px; border: 2px solid #48a0ca; background-color: #FFF; }
#column-three ul li {padding: 0 1.3em 1.5em 0; line-height: 1.25; float: left; display: inline; height: 33px; }
#column-three ul li.last {padding: 0.25em 0; }
h2.email-updates {clear: both; }

/* ==== */

/* == POST & PAGE == */

#content {margin: 1.0em auto 1.5em; display: block; border: 2px double #999; background-color: #285970; }
#content .right-column, #content .left-column {padding: 1.0em 0; }
body.page #content .post {padding: 1.0em; }
ul#widgets li {margin: 0 0 1.0em; padding: 0 0.5em; }
ul#widgets li h3 {margin-bottom: 1.0em; padding: 0.5em 0 1.0em; font-size: 0.8em; text-transform: uppercase; color: #FFF; font-weight: bold; letter-spacing: 0.3em; border-bottom: 1px dotted #074461; }
ul#widgets li form#searchform input {padding: 4px; border: 1px solid #074461; background-color: #FFF; }
ul#widgets li li {margin: 0; padding: 0.15em 0; line-height: 1.25; font-weight: bolder; }
ul#widgets li li li {padding: 0.05em 0em; font-weight: normal; text-transform: lowercase; font-size: 0.9em; }
ul#widgets li li li a {color: #F6BD7C; }
.post {margin: 0 0 2em; padding: 0 0.5em; }
.post h1, .post h2 {padding-bottom: 0.25em; font-size: 2.0em; font-weight: bold; color: #ED8A17; }
.post h3 {padding: 1.5em 0 0.5em; font-size: 0.9em; font-weight: bold; color: #ED8A17; text-transform: uppercase; line-height: 1.25; }
/* .pageid-769 .post h3 {padding: 0 0 0.5em; } */
.post p.postmetadata {padding: 0 0 0.25em; font-size: 0.8em; color: #D4D4D4; text-transform: uppercase; }
.post .entry { }
.post .entry p {padding: 0.5em 0; line-height: 1.25; color: #DDD; }
.post .entry ul, ol {padding: 0.5em 2em; }
.post .entry ul {list-style-type: square; }
.post .entry ol {list-style-type: decimal; }
.post .entry li {padding: 0.5em 0; line-height: 1.25; color: #DDD; }
.post .entry a:link, .post .entry a:visited, .navigation a:link, .navigation a:visited {color: #ED8A17; border-bottom: 1px dotted #ED8A17; }
.post .entry a:hover, .post .entry a:active, .navigation a:hover, .navigation a:active {color: #F6A94F; border-bottom: 1px dotted #F6A94F; }
.navigation {margin: 1.0em 0 0.5em; padding: 0.5em; border-top: 1px dotted #074461; }
.navigation .alignleft, .navigation .alignright {margin: 0 0 1.0em; }
table.address-book {margin: 1em auto; width: 80%; }
table.address-book2 {margin: 0em auto; width: 100%; line-height: 1.25; width: 80%; } 
table.address-book tr th {padding: 0.5em; width: 50%; vertical-align: middle; text-align: left; font-size: 1.2em; }
table.address-book tr td {margin: 0 0 1.0em; padding: 0.5em 0.5em 1.5em; width: 50%; vertical-align: top; color: #FFF; border-bottom: 1px dotted #CBCBCB; }
table.address-book tr td h3 {margin-top: 2.0em; padding: 0.5em 0; color: #ED8A17; font-weight: bold; line-height: 1.25; }
table.address-book tr td h3.first {margin-top: 0; }
table.address-book tr td h3.clean-slate {margin-top: 1.0em; }
table.address-book2 tr td h3 {margin-top: 0; }
table.address-book2 tr td {padding: 0.5em; }
img.alignleft {margin: 0 1.0em 1.0em 0; }
.nobullets {list-style-type: none !important; }
.pageid-769 .pages {font-size: 1.2em; font-weight: bold; border-top: 1px solid #FFF; }
.pageid-769 ol {display: table; }
.warning {margin: 0.25em 0; padding: 0.25em; background: #ffebe8 url(img/exclamation.png) 1% 50% no-repeat; border: 1px solid #cc0000; }
.warning p {padding: 0.25em !important; padding-left: 25px !important; color: #000 !important; font-weight: bold; }
.post .entry .sociable a {border: 0 !important; text-decoration: none; }
body.page-template-page-wide-php .cform {width: 80%; }
body.page-template-page-wide-php .cform label {margin: 0 0.5em; width: 200px; }
body.page-template-page-wide-php .cform label span {width: 100%; }
body.page-template-page-wide-php ol.cf-ol li.textonly {color: #000 !important; font-weight: 600; }

/* ==== */

/* == FOOTER == */

#footer {margin: 0 auto; padding: 0; border-top: 1px solid #285970; width: 90%; }
#footer p {padding: 0.5em 0 1.5em; text-align: center; font-size: 0.8em; line-height: 1.2; }
#footer a:link, #footer a:visited {color: #b3b3b3; }
#footer a:hover, #footer a:active {color: #FFF; }
#footer p.address {color: #b3b3b3; }
#footer p.address cite {font-weight: bolder; font-style: normal; }

/* ==== */

/* == BUTTONS == */

.buttons {margin-left: 0.5em; width: 50px; }
.buttons a, .buttons button {margin: 0 7px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration:none; font-weight: bold; color: #565656; cursor: pointer; padding: 2px 5px; /* Links */ }
.buttons button{width: auto; overflow: visible; margin: 2px 0 0; padding: 2px 5px; /* IE6 */ }
.buttons button[type]{padding: 2px 5px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type]{padding: 1px 5px 1px 5px; /* IE7 */ }
/* STANDARD */
button:hover, .buttons a:hover{background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
.buttons a:active{background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }
/* POSITIVE */
button.positive, .buttons a.positive {color: #ED8A17; }
.buttons a.positive:hover, button.positive:hover{background-color: #E6EFC2; border: 1px solid #C6D880; }
.buttons a.positive:active{background-color: #529214; border: 1px solid #529214; color: #fff; }

/* ==== */

/* == CFORMS STYLING == */

.cform {padding: 1em !important; background-color: #FFF !important; border: 2px double #074461 !important; }
.cform label {padding: 2px 0 !important; background-color: transparent !important; color: #000 !important; }
.cform input, .cform textarea, .cform select {border: 1px solid #285970 !important; }
.linklove {display: none; }
div.success {color: #00ff06 !important; font-weight: bolder !important; }
input[type="radio"] {vertical-align: middle; }
label.cf-after span {font-size: 0.9em !important; }
body.pageid-1095 label.cf-after span {width: 300px !important; }

/* ==== */

/* == TANTAN FLICKR PLUGIN ==*/

#photo-album-container {padding: 1em; }
#photo-album-container h2 {padding-bottom: 0.25em; }
#photo-album-container img {border: 1px solid #000; }
#highlight p {padding: 0.5em 0; line-height: 1.25; color: #DDD; font-size: 0.9em; }
#highlight p.meta {padding: 0.5em 0 0; font-size: 0.8em; line-height: 1.25; }
.tt-older-posts h4 {padding: 0 0 0.5em; }
#photo img, #notes {margin: 0 auto; text-align: center; }
#photo-album-container #context {margin: 0.5em 0; }

/* ==== */

/* == GREETBOX == */

.greet_block {margin: 0.5em 0; background: transparent url(http://buiphotography.smugmug.com/photos/512299061_6Jviq-O.png) repeat; border: 1px solid #DDD; width: 100%; }
.greet_text {margin: 0.5em; font-size: 0.8em !important; color: #333; }
.greet_image {padding: 0 1.0em 0 0; float: left; }
.greet_block_close {margin-left: 1.0em; background-color: #FFF; border: 1px solid #CCC; float: right; height: 15px; width: 15px; }
.greet_block_powered_by a {display: none !important; }

/* ==== */

body.pageid-9 img.alignleft, body.pageid-9 img.alignright {border: 2px solid #48a0ca; }

/* == TABLE: GIFT == */

table.gifts {margin: 2.0em 0; padding: 5px; border: 1px solid #CCC; width: 910px; }
table.gifts th {padding: 0.5em; font-weight: 600; color: #DDD; background-color: #000; }
table.gifts td {padding: 0.5em; border-top: 1px solid #CCC; color: #DDD; text-align: center; }

/* ==== */