/*
Theme Name: Colfax for Superior Court Judge
Theme URI: http://lindacolfax.com
Description: This theme is for Colfax for Superior Court Judge website.
Version: 1
Author: Richard T. Bui
Author URI: http://bui4ever.com
Date Created: September 16, 2009
*/

/*  

Color Palette by Color Scheme Generator
Palette URL: http://colorschemedesigner.com/#3L21Tw0w0w0w0

*/

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

.container_16 {background: transparent url(grid/img/12_col.gif) repeat-y; }

 ==== */

/* == SITE WIDE STUFF == */

body {margin: 0 auto !important; padding: 0 !important; font-size: 0.9em !important; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;  width: 100% !important; color: #2f2f2f; background: #06266f; line-height: 1.5; }
#top-bar-decoration {height: 10px; width: 100% !important; background-color: #4671D5; }
.floatleft {float: left; }
.floatright {float: right; }
.inline {display: inline; }
.alignleft {float: left; display: inline; }
.alignright {float: right; display: inline; }
.aligncenter {margin: 0 auto; text-align: center; }
.hidden {display: none !important; }
.block {display: block; }
.clear {clear: both; }
strong {font-weight: bold; }
em {font-style: italic; }
#site-container {margin: 0 auto; width: 960px; }
blockquote {margin: 1em; padding: 0.5em 0.5em 0.5em 80px; background: transparent url(img/blockquote.png) top left no-repeat; }
img#wpstats {display: none; }
small {font-size: 0.7em; }
h1 {font-size: 2.0em; }
h2 {font-size: 1.8em; color: #424242; }
h3 {font-size: 1.6em; color: #626262; }
h4, h5, h6 {font-size: 1.4em; color: #626262; }
h1, h2, h3, h4, h5, h6 {font-weight: bolder; }
#big-container {marign: 0 auto; position: relative; }

a:link, a:visited {color: #6C8AD5; text-decoration: none; border-bottom: 1px dotted #6C8AD5; }
a:hover, a:active {color: #06266F; text-decoration: none; border-bottom: 1px dotted #06266F; }

/* ==== */

/* == HEADER == */

#header {height: 170px; position: relative; }
#header h1 {padding: 1px; text-indent: -9999px; }
#header h1 a {color: #FFF; border-bottom: 0; width: 551px; height: 122px; display: block; position: absolute; top: 1.25em; left: 0.5em; }
#judge-gravel {background: transparent url(images/judge-gravel.png) center no-repeat; width: 300px; height: 160px; display: block; position: absolute; bottom: 0; right: 0; }
#site-navigation {background-color: #2A4480; }
ul.menu li {display: block; }
ul.menu li a {padding: 0.25em 0.70em; float: left; display: inline; font-size: 1.5em; border-bottom: 0; font-weight: bolder; }
ul.menu li a:link, ul.menu li a:visited {color: #FFF; }                                                                
ul.menu li a:hover, ul.menu li a:active, #current a {color: #2A4480; background-color: #f1efee !important; }

/* ==== */

/* == POSTS & PAGES == */

body.blog #content {margin-bottom: 1.0em; }
.post {margin-right: 1.0em; margin-bottom: 1.5em; padding: 0 0.25em 0.25em 0; border-bottom: 2px solid #DDD; }
p.meta-info {font-size: 0.7em; color: #6b6b6b; }
p.meta-info a {font-size: 0.8em; color: #FF0000; border: 0; }
.entry p {padding: 0 0.5em 1.2em 0; }
.entry ul {padding-bottom: 1.2em; list-style-type: square; }
.entry li {margin: 0 2.0em; padding: 0.5em 0; line-height: 1.5; }
body.pageid-11 .entry h2 {clear: both; display: block; }
.entry .alert {margin: 0.5em 0 0.25em; border-top: 2px solid #FF0000; border-bottom: 2px solid #FF0000; background: #ff8181 url(images/exclamation.png) left center no-repeat; }
.entry .alert p {margin-left: 20px; padding: 0.5em; }
.entry .alert p a {color: #FFF; }

/* ==== */

/* == Table == */



/* ==== */

/* == SIDEBAR == */

.sidebar ul li {margin: 0 0.5em 1.5em; }
body.home .sidebar ul li {margin-bottom: 1.5em; }
.sidebar ul li h4 {padding: 1.0em 0.5em 0.5em; font-size: 0.7em; text-transform: uppercase; color: #212121; border-bottom: 1px dotted #06266F; text-align: center; }
.sidebar ul li ul {padding: 0.5em; }
body.home .sidebar ul li li, .sidebar ul li li {margin: 0; line-height: 1.5em; }
.sidebar .textwidget {margin: 0 auto; }
.sidebar .textwidget img .bio { }
.sidebar ul li.take-action-box {border: 2px solid #000; background-color: #898989; }
.sidebar ul li.take-action-box h4 {font-size: 0.8em; }
.sidebar ul li.take-action-box li a:link, .sidebar ul li.take-action-box li a:visited {color: #FFF !important; border-bottom: 0; font-weight: bolder; }
.sidebar ul li .textwidget p.donate-button {margin: 0.5em auto 0; }
.sidebar ul li .textwidget p.donate-button a {border: 0; }
li.widget_recent_entries ul {margin-left: 1.0em; }
li.widget_recent_entries ul li {padding-bottom: 0.5em; list-style-type: square; font-size: 0.8em; }

/* ==== */

/* == WPNG SIDEBAR CALENDAR == */

#wpng-calendar h4 {padding: 0; border-bottom: 0; }
#wpng-calendar h2 {padding: 1.0em 0.5em 0.5em; font-size: 0.7em; text-transform: uppercase; color: #212121; border-bottom: 1px dotted #06266F; text-align: center; }
#wpng-calendar .wpng-widget-date-title {text-transform: uppercase; font-size: 0.7em; font-weight: bolder; }
#wpng-calendar ul {margin-left: 1.0em; }
#wpng-calendar li {list-style-type: square; font-size: 0.8em; }

/* ===== */

/* == COMMENTS == */

#comments-section, ol.commentlist li {margin: 0.5em; padding: 0.5em; background: transparent url(http://buiphotography.smugmug.com/photos/512299061_6Jviq-O.png) repeat; border: 4px solid #06246F; -moz-border-radius: 0.5em; border-radius: 0.5em; zoom: 1; }
#comments-section h3 {padding: 0.5em; font-size: 1.2em; }
#respond {padding: 0.5em; }
#respond h3 {padding: 0.5em 0; clear: both; }
.cancel-comment-reply {padding: 0; font-size: 0.9em; }
#comments-section form p {padding: 0.5em 0; text-transform: uppercase; }
#comments-section form p label {margin-left: 0.25em; }
#comments-section form p textarea {padding: 0.25em; width: 600px; }
.comment-navigation {margin: 1.0em 0.5em; }
p.comment-moderation {font-weight: bold; color: #FF0000; font-size: 0.6em; text-transform: uppercase; }
ol.commentlist li {padding: 0.5em; }
ol.commentlist li .comment-author {margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 0.5em; float: left; width: 15%; }
ol.commentlist li cite.fn {display: block; font-size: 0.8em; }
ol.commentlist li .commentmetadata {margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 0.5em; float: left; text-align: left; width: 82%; }
ol.commentlist li .commentmetadata p {padding: 0.5em 0; }
ol.commentlist li p.comment-time {padding: 0 0 0.25em !important; font-size: 0.7em; }
ol.commentlist li .reply {padding: 1.5em 0 0; font-size: 0.7em; text-transform: uppercase; }
ul.children {margin: 1.0em 3.5em; }
ul.children li {padding: 1.0em; background: transparent url(img/reply.png) no-repeat top left; }

/* ==== */

/* == FACEBOOK CONNECT ==*/

#facebook-connect {float: right; }
#facebook-connect p {padding: 0 0 0.25em; font-size: 0.7em !important; }
#facebook-connect .dark {padding: 0.25em 0 0; }
#fbc_profile {z-index: 150; font-size: 0.8em; }
.fbc_profile_header {width: 200px !important; }
a.FB_Link {border-bottom: 0; }
.fbc_profile_header p {padding: 0 0 0.5em; }

/* Facebook Connect Styles by Chris Wallace */
.facebook-connect{position: relative; float: right; width: 300px; margin-top: -65px; text-align: right }
.facebook-connect a, .facebook-connect a:hover,.facebook-connect a img, .facebook-connect a:hover img{border: 0 }
body .fbc_profile_header {background:#000000; border:1px solid #3d3e3d; border-right: 0; padding: 1.0em 0.5em 0.5em 1.0em; position: fixed; top: 45%; right: 0; text-align: left; width: 220px }
body .fbc_profile_header a.logout {font-size: .9em; color: #999 }

/* ==== */ 

/* == VIPER's QUICKTAG VIDEOS ==*/

.vvqbox {padding: 0.5em; border: 1px solid #CBCBCB; background-color: #FFF; }

/* ==== */

/* == Images & Gallery == */
img.alignleft, .entry div.alignleft {margin: 0.5em 0.5em 0.5em 0; padding: 0.5em; float: left; display: inline; border: 1px solid #CBCBCB; background-color: #FFF; }
img.alignright, .entry div.alignright {margin: 0.5em 0 0.5em 0.5em; padding: 0.5em; float: right; display: inline; border: 1px solid #CBCBCB; background-color: #FFF; }
img.aligncenter, .entry div.aligncenter {margin: 0.5em auto; padding: 0.5em; text-align: center; display: block; border: 1px solid #CBCBCB; background-color: #FFF; }
.entry div.alignleft, .entry div.alignright, .entry div.aligncenter {padding: 0; }
.wp-caption {border: 1px solid #ddd; background-color: #f3f3f3; text-align: center; }
.wp-caption a:link img, .wp-caption a:visited img {border: 0 !important; }
.wp-caption a:hover img, .wp-caption a:active img {border: 0 !important; }
p.wp-caption-text, dd.gallery-caption {font-size: 0.7em !important; color: #333 !important; }

/* == Depreciated Crap == */
/* == This is to address WP image alignments prior to 2.5 when it was using depreciated code such as align=xxx in the IMG tags. == */
#content .post .entry p img[align="left"] {margin: 0 5px; float: left; display: inline; padding: 1px; border: 4px solid #999; }
#content .post .entry p img[align="right"] {margin: 0 5px; float: right; display: inline; padding: 1px; border: 4px solid #999; }
img[align="middle"], img[align="center"], img[align="absmiddle"] {display: block; margin-left: auto; margin-right: auto; padding: 1px; border: 4px solid #999; background-color: #fff; }

/* == FOOTER == */

#footer {height: 150px; background-color: #06266f; position: relative; width: 100%; overflow: hidden; }
#footer p.paid-for {margin-left: -150px; padding: 0.5em 1.0em; border: 1px solid #000; position: absolute; top: 35%; left: 50%; font-size: 0.7em; color: #515151; text-transform: uppercase; font-weight: bolder; }
#footer ul.sub-menu {margin: 0.75em auto 0; float: left; position: relative; left: 50%; }
#footer ul.sub-menu li {float: left; position: relative; right: 50%; }
#footer ul.sub-menu li a {margin: 0 0.5em; display: block; font-size: 0.8em; border-bottom: 0; } 
#footer ul.sub-menu li a:hover, #footer ul.sub-menu li a:active {color: #FFF; }
#footer #legal-message {padding: 0 1.0em; position: absolute; bottom: 13px; }
#footer #legal-message p {font-size: 0.7em; color: #515151; text-align: center; }

/* ==== */

/* == CFORMS == */

.cform, .cform fieldset {margin: 0.5em; padding: 0.5em; background-color: transparent !important; border: 0; width: 90% !important; }
.cform textarea, .cform input, .cform select {margin: 0 0.25em 0 1.0em; width: 35% !important; }
.cform label span {width: 100px !important; font-size: 0.8em !important; }
.linklove {display: none; }
span.reqtxt, span.emailreqtxt {color: #FF0000; }

/* ==== */

/* == BETTERSEARCH == */

.better-search-form {padding: 1.0em; }
#searchresults {padding: 0.5em; }
#searchresults h2 {padding: 0.5em 0; font-size: 1.2em; }
#searchresults p {padding: 0.5em 0; }
form#bsearchform input#s {padding: 0.5em; width: 250px; }

/* ==== */