/*
Theme Name: SF Public Defender v4c
Theme URI: http://sfpublicdefender.org/
Author: Richard Bui
Author URI: http://sfpublicdefender.org/
Description: This was created on October 22, 2013 to fix up the PubDef-v04.
Version: 4.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: sfpubdef

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

*/

/* Global */
.container, h1, h2, h3, h4, h5, h6 {color: #FFF; }
h1, h2, h3, h4, h5, h6, header ul.menu {margin-top: 0; color: #ED8A17; text-transform: uppercase; font-family: "Times New Roman", Georgia, Serif; }
hr {color: #F6A94F; background-color: #F6A94F; }
a:link, a:visited {color: #F6BD7C; text-decoration: none; }
a:hover, a:active {color: #F6A94F; }
.alignnone {margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto; }
.alignright {float:right; }
.alignleft {float: left; }
.textleft {text-align: left; }
.textright {text-align: right; }
.aligncenter {display: block; margin: 5px auto 5px auto; }
.clear {margin: 0; padding: 0; clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }
#primary .entry img, #primary img.wp-post-image, #secondary img, img[alt~="generic-thumbnail"], img[alt~="sf-public-defender-feature-placeholder"], img.attachment-events-thumbs, #tribe-events-pg-template img {padding: 3px; border: 1px solid #DDD; background-color: #FFF; }
img.alignright, a img.alignright {float: right; margin: 5px 0 20px 20px; }
img.alignnone, a img.alignnone {margin: 5px 20px 20px 0; }
img.alignleft, a img.alignleft {float: left; margin: 5px 20px 20px 0; }
img.aligncenter, a img.aligncenter {display: block; margin-left: auto; margin-right: auto }
.wp-caption {max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 10px 0; }
.wp-caption.alignleft {margin: 5px 20px 10px 0; }
.wp-caption.alignright {margin: 5px 0 10px 20px; }
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text {line-height: 17px; margin: 0; padding: 0 4px 5px; font-size: 0.8em; font-style: italic; }
.tiled-gallery-item img {border: 0 !important; padding: 0 !important; }
blockquote {color: #c9c9c9; font-size: 1.25em; }
blockquote p { }
blockquote cite {margin-top: 5px; display: block; }
blockquote cite:before {content: "\2014 \2009"; }
blockquote, blockquote.letter {clear: both; display: block; }
blockquote.letter {margin: 20px auto; padding: 40px; border: 1px solid #CCC; background-color: #FFF; width: 70%; color: #000; }
.highlight {padding: 3px; background-color: #FFFF00; display: block; color: #000; }
.highlight a {color: #000; text-decoration: underline; }
tbody tr:nth-child(even) td {background-color: #48A0CA; }
table td {vertical-align: top; }
iframe {display: block; }
span.screen-reader-text {display: none; }
strong {font-weight: 800; }


/* Button Shortcode */
/* ------- Default Sliding Door Buttons ------- */
.button_link{background: url(images/buttons/slate_grey/button_sprite.png) no-repeat scroll right -165px transparent; text-decoration: none !important; color: #eee !important; text-shadow: 0 -1px 0 #888888; display: inline-block; font-size: 11px; letter-spacing: 1.6px; margin: 0; border: 0 none; padding: 0 24px 0 0; text-transform: uppercase;}
.button_link span{background: url(images/buttons/slate_grey/button_sprite.png) no-repeat scroll -6px -122px transparent; text-decoration:none !important; display:block; line-height:10px; padding:15px 0 17px 21px;}
.button_link.large_button{background-position: right -61px; font-size:24px; height:56px; padding-right:24px;}
.button_link.large_button span{background-position: -6px -3px; line-height:20px; padding:17px 0 20px 20px; text-transform:none;}
.button_link:hover{text-decoration: none !important;}
/* -------  Alternate Color Buttons & Box Headers ------- */
.coffee_gradient, .coffee_gradient span{background-image: url(images/buttons/coffee/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.teal_gradient, .teal_gradient span{background-image: url(images/buttons/teal/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.copper_gradient, .copper_gradient span{background-image: url(images/buttons/copper/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.deep_sea_green_gradient, .deep_sea_green_gradient span{background-image: url(images/buttons/deep_sea_green/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.earthy_green_gradient, .earthy_green_gradient span{background-image: url(images/buttons/earthy_green/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.hot_pink_gradient, .hot_pink_gradient span{background-image: url(images/buttons/hot_pink/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.navy_gradient, .navy_gradient span{background-image: url(images/buttons/navy/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.primary_blue_gradient, .primary_blue_gradient span{background-image: url(images/buttons/primary_blue/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.primary_green_gradient, .primary_green_gradient span{background-image: url(images/buttons/primary_green/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.primary_orange_gradient, .primary_orange_gradient span{background-image: url(images/buttons/primary_orange/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.primary_purple_gradient, .primary_purple_gradient span{background-image: url(images/buttons/primary_purple/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.primary_red_gradient, .primary_red_gradient span{background-image: url(images/buttons/primary_red/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.rich_black_gradient, .rich_black_gradient span{background-image: url(images/buttons/rich_black/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.sienna_gradient, .sienna_gradient span{background-image: url(images/buttons/sienna/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.silver_gradient, .silver_gradient span{background-image: url(images/buttons/silver/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.slate_grey_gradient, .slate_grey_gradient span{background-image: url(images/buttons/slate_grey/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.soft_purple_gradient, .soft_purple_gradient span{background-image: url(images/buttons/soft_purple/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.soft_teal_gradient, .soft_teal_gradient span{background-image: url(images/buttons/soft_teal/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_black_gradient, .glossy_black_gradient span{background-image: url(images/buttons/glossy_black/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_blue_gradient, .glossy_blue_gradient span{background-image: url(images/buttons/glossy_blue/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_green_gradient, .glossy_green_gradient span{background-image: url(images/buttons/glossy_green/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_purple_gradient, .glossy_purple_gradient span{background-image: url(images/buttons/glossy_purple/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_red_gradient, .glossy_red_gradient span{background-image: url(images/buttons/glossy_red/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.glossy_teal_gradient, .glossy_teal_gradient span{background-image: url(images/buttons/glossy_teal/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.black_glass_gradient, .black_glass_gradient span{background-image: url(images/buttons/black_glass_space/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.frosted_glass_gradient, .frosted_glass_gradient span{background-image: url(images/buttons/frosted_glass_wood/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.classic_white_lights_gradient, .classic_white_lights_gradient span{background-image: url(images/buttons/classic_white/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.classic_silver_gradient, .classic_silver_gradient span{background-image: url(images/buttons/classic_silver/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.soft_orange_gradient, .soft_orange_gradient span{background-image: url(images/buttons/soft_orange/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.olive_gradient, .olive_gradient span{background-image: url(images/buttons/olive/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.wine_gradient, .wine_gradient span{background-image: url(images/buttons/wine/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.blue_gradient, .blue_gradient span{background-image: url(images/buttons/blue/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.steel_blue_gradient, .steel_blue_gradient span{background-image: url(images/buttons/steel_blue/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.tan_gradient, .tan_gradient span{background-image: url(images/buttons/tan/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.lavender_gradient, .lavender_gradient span{background-image: url(images/buttons/lavender/button_sprite.png) !important; color:#eee !important; text-shadow:0 -1px 0 #888 !important;}
.minimal_white_gradient, .minimal_white_gradient span{background-image: url(images/buttons/minimal_white/button_sprite.png) !important; color:#aaa !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
.minimal_soft_yellow_gradient, .minimal_soft_yellow_gradient span{background-image: url(images/buttons/minimal_soft_yellow/button_sprite.png) !important; color:#ADA785 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
.minimal_soft_green_gradient, .minimal_soft_green_gradient span{background-image: url(images/buttons/minimal_soft_green/button_sprite.png) !important; color:#A3B094 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
.minimal_soft_lavender_gradient, .minimal_soft_lavender_gradient span{background-image: url(images/buttons/minimal_soft_lavender/button_sprite.png) !important; color:#9C87A6 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
.minimal_soft_blue_gradient, .minimal_soft_blue_gradient span{background-image: url(images/buttons/minimal_soft_lavender/button_sprite.png) !important; color:#93AAB2 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
.minimal_soft_brown_gradient, .minimal_soft_brown_gradient span{background-image: url(images/buttons/minimal_soft_brown/button_sprite.png) !important; color:#BFB2A7 !important; text-shadow:0 -1px 0 #ccc, 0 1px 0 #F2F2F2 !important;}
/* Columns Shortcode */
/* ------- Fluid Columns ------- */
.one_half {width:48%; }
.one_third {width:30.66%; }
.two_third {width:65.33%; }
.one_fourth {width:22%; }
.three_fourth {width:74%; }
.one_fifth {width:16.8%; }
.two_fifth {width:37.6%; }
.three_fifth {width:58.4%; }
.four_fifth {width:67.2%; }
.one_sixth {width:13.33%; }
.five_sixth {width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {position: relative; margin-right: 4%; float: left; }
.last {margin-right: 0 !important; clear: right; }
.clearboth {clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; padding-bottom: 10px; }
/* Infobox */
#infobox, #biobox {width: 230px; border: 3px solid #CCC; background-color: #156C96; display: block; }
#infobox.alignleft {margin: 5px 20px 20px 0; }
#infobox.alignright {margin: 5px 0 20px 20px; }
#infobox ul, #biobox ul {margin: 0 0 10px; padding: 0 10px 0 25px; list-style-type: bullet; }
#infobox h1, #infobox h2, #infobox h3, #infobox h4, #infobox h5, #biobox h5 {padding: 10px 10px 0; }
#infobox p, #infobox .dig-in, #biobox p {padding-left: 10px !important; padding-right: 10px !important; }
#infobox li, #biobox li {}

/* 1. Header & Navigation */
header {margin: 20px 0; position: relative; height: 57px; }
header .span-16 { }
header ul.menu, header .menu ul {margin: 0; padding: 0; list-style-type: none; position: absolute; left: 0; bottom: 0; font-weight: 600; }
header ul.menu li, header .menu ul li {display: inline; text-transform: uppercase; }
header ul.menu li a {margin-right: 20px; }
header ul.menu li.current-page-ancestor a, header ul.menu li.current-menu-item a, header ul.menu li.current_page_parent a {color: #48A0CA; }
body.home header ul.menu li.current-page-ancestor a, body.home header ul.menu li.current_page_parent a {color: #F6BD7C !important; }
header a.logo {display: block; text-align: right; position: absolute; right: 0; top: 10; height: 57px; }
.nivoSlider {webkit-box-shadow: 0px 1px 5px 0px #272727; -moz-box-shadow: 0px 1px 5px 0px #272727; box-shadow: 0px 1px 5px 0px #272727; }


/* 2. Homepage */
body.home section {border: 0; }
body.home section.home-boxes h3 {padding: 10px 10px 0; }
body.home section.home-boxes p {padding: 0 10px; }
body.home section.home-boxes ul, body.home section.home-boxes ol {margin: 0; padding: 0 10px; list-style-type: none; }
body.home section.home-boxes li {padding-bottom: 5px; }
body.home section.home-boxes .widget-container {margin-bottom: 15px; }


/* 3. Content */
#content, #home-boxes-combined {margin: 0 auto 20px; padding: 10px 0 10px; border-top: 1px solid #285970; border-bottom: 1px solid #285970; }
section.post, section.page {padding-right: 10px; }
section.post article p.post-info {text-transform: uppercase; font-size: 0.8em; color: #6BABCA; }
body.blog section.post {padding: 0 10px 10px 0; }
body.blog section.post h2 {margin: 0 0 5px; }
#article-navigation {margin: 10px auto 20px; border-top: 1px solid #285970; border-bottom: 1px solid #285970; }
#article-navigation div.alignleft {padding: 10px 0 20px; width: 49%; border-right: 1px solid #285970; }
#article-navigation div.alignright {padding: 10px 0 20px; width: 50%; }
#article-navigation span {display: block; text-transform: uppercase; font-weight: 0.8em; color: #6BABCA; }
div.sharedaddy .sd-content {margin: 0 !important; padding: 0 !important; text-align: left !important; float: none !important; width: auto !important; }


/* 4. Comments */
#comments {margin: 10px 0 0; clear: both; }


/* 5. Sidebar */
#secondary {padding-top: 10px; overflow: hidden; max-width: 230px; }
#secondary .widget {margin-bottom: 20px; clear: both; }
#secondary .widget ol.vcalendar {margin: 0; padding: 0; }
#secondary .widget ol.vcalendar li, #secondary .widget ol.vcalendar li h4 {margin: 0; padding: 0; }
#secondary .widget ol.vcalendar li {padding-bottom: 10px; }
#secondary .widget iframe {width: auto; }


/* 6. Footer */
#content-footer {text-align: center; }
#content-footer a {color: #FFF; }


/* 7. Other */
iframe.wufoo-form-container {margin: 10px auto; padding: 10px; background-color: #FFF; width: 90% !important; }

/* 8. Tables */
table.contact-numbers td {background-color: transparent !important; width: 50%; }


/* 9. Tribe Events */
form#tribe-bar-form {background-color: transparent; }
.tribe-events-single-section, .tribe-events-list-photo-description, body.tribe-events-photo .time-details, .tribe-events-list-separator-month, .tribe-events-event-cost {color: #000; }
body.home ol.vcalendar h4.entry-title {margin: 0; text-transform: capitalize; }
body.home p.tribe-events-widget-link {display: none; }
.tribe-events-single img {max-width: 942px; }