/*
Theme Name: Karen Sage for Judge
Theme URI: http://www.karensageforjudge.com
Description: Karen Sage for Judge wordpress skin based on 960 grid system
Tags: karen sage, 960
Version: 1.0.0
Author: Aaron Ortega
Author URI: http://www.jortegagroup.com/

*/

@import url(960/960.css);
@import url(960/reset.css);
@import url(960/text.css);

body {
	padding:0;
	margin:0;
	font-size:87%;
	font-family: Arial, Helvetica, sans-serif;
	background:#2f4003;
	line-height:18px;
}

p {
	line-height:18px;
	margin-bottom:18px;
}

il,ol {
	margin-bottom:18px;
}

ul li ul,ol li ol,li {
	line-height:18px;
	margin-top:0;
	margin-bottom:0;
}

h3,h4,h5,h6 {
	line-height:18px;
	margin-bottom:18px;
}

blockquote {
	background:#ffffc5 url(images/blockquote.gif) repeat-x top left;
	margin-bottom:18px;
	border-left:10px solid #FFFF88;
	padding:36px 36px 18px;
}

code,pre {
	background:#fff url(images/box-bg.gif) repeat-x top left;
	color:#008C00;
	padding:17px 10px;
	border:1px solid #008C00;
	font:normal 12px/18px "Luxi Mono", "Courier New", monospaces;
	display:block;
}


	
/* Page wrapper */
#page {
	background:#fff;
	color:#4d4d4d;
}


	
/* Boxes */
.box {
	padding:0 10px;
	border:1px solid #DEDBD1;
	background:#fff url(images/box-bg.gif) repeat-x top left;
	margin-bottom:17px;
}

.box .more {
	line-height:18px;
	height:18px;
	text-align:right;
	display:block;
	margin-bottom:17px;
	font-size:small;
}

.pagination {
	margin-bottom:18px;
	display:block;
	min-height:18px;
	background:#fff url(images/box-bg.gif) repeat-x top left;
	padding:17px 10px;
	border:1px solid #DEDBD1;
}

h1 {
	font-size: 30px;
	text-transform: uppercase;
}

	
/* Header */
#header {
	height:90px;
	padding: 5px 10px;
}

#header h1 {
	margin:18px 0 0;
	line-height:36px;
	font-size:36px;
	font-weight:bold;
	letter-spacing:8pt;
	color:#4096EE;

	
/* #008C00; Technorati green */
}

#header p {
	position:relative;
	line-height:18px;
	font-size:18px;
	color:#4096EE;
}

#header #search-form {
	float:right;
	margin-top:2px;
	text-align:right;
}

#header #search-form #s {
	width:228px;
}

#header #search-form input {
	color:#4d4d4d;
}


	
/* Top Menu */
#topmenu {
	height:44px;
	line-height:38px;
	background:url(images/menu-background.jpg) left top repeat-x;
	position: relative;
}

#topmenu ul {
	position:relative;
	padding:0;
	margin:0;
	text-align:left;
	display:block;
	height:20px;
}

#topmenu ul li {
	display:inline;
	margin:0;
	padding:0;
}

#topmenu ul li a {
	margin:0;
	padding:2px 10px;
	display:inline;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
}

#topmenu ul li a:link,#topmenu ul li a:visited {
	color:#fff;
}

#topmenu ul li.current_page_item a:link,#topmenu ul li.current_page_item a:visited {
	color:#fff;
}

#topmenu ul li.page_item a:hover,#topmenu ul li.current_page_item a:hover {
	color:#fff;
	text-decoration: underline;
}


	
/* Content */
.da-com {
	display:block;
	clear:both;
	position:relative;
	height:18px;
	line-height:18px;
	padding:17px 0 0;
	border-bottom:1px solid #efefef;
}

.da-com .desno a {

	
/* comment icon */
	background:url(images/comment.gif) no-repeat left 4px;
	padding-left:18px;
}

.da-com .desno a.mild {
	background:url(images/comment-mild.gif) no-repeat left 4px;
	padding-left:18px;
}

.da-com .desno a.hot {
	background:url(images/comment-hot.gif) no-repeat left 4px;
	padding-left:18px;
}

h2 {
	font-size:16px;
	line-height:18px;
	display:block;
	clear:both;
	margin:18px 0;
	padding:0;
}

.featured h2 {
	font-size:24px;
	line-height:26px;
	margin:9px 0 18px;
	padding:0;
}

.single-post h2 {
	font-size:24px;
	line-height:26px;
	height:26px;
	margin-top:10px;
	color: #2f4003;
	text-transform: uppercase;

}

.seearch-result h2 {
	font-size:16px;
	line-height:18px;
	display:block;
	clear:both;
	margin:18px 0;
	padding:0;
}

div.singlepostinfo {
	display:block;
	background:#fff url(images/info.png) no-repeat top left;
	padding-left:58px;
	min-height:54px;
	margin-top:17px;
	padding-bottom:17px;
}

.levo {
	float:left;
}

.desno {
	float:right;
}


	
/* Comments */
.comment {
	padding:17px 10px;
	margin-bottom:17px;
}

.comment-avatar {
	float:left;
	font-size:36px;
	font-weight:bold;
}

.comment-content {
	margin-left:60px;
}

.comment-info {
	margin-bottom:17px;
	line-height:18px;
}

.comment-info .author {
	padding-left:20px;
	background:url(images/author.png) no-repeat top left;
}

.comment-info .date {
	padding-left:20px;
	background:url(images/date.gif) no-repeat 1px 3px;
}

.box .comments-title {
	margin-top:17px;
	margin-bottom:18px;
	line-height:18px;
}

#comments div.comment,#comments div.author {
	padding:17px 10px 0;
	border:1px solid #DEDBD1;
	background:#fff url(images/box-bg.gif) repeat-x top left;
	margin-bottom:17px;
}

#comments div.author {
	border:1px solid #4096EE;
}


	
/*#comments div.comment .prvi { margin-top: 17px; }*/

	
/* Comment Form */
form,fieldset {
	margin:0;
	padding:0;
	border:none;
}

input,textarea {
	background:#fff url(images/box-bg.gif) repeat-x top left;
	border:1px solid #DEDBD1;
}

textarea {
	padding:10px;
}

#commentform fieldset p small code {
	border:none;
	background:#fff;
	color:#4d4d4d;
	margin:0;
	padding:0;
	display:inline;
}


	
/* Sidebar widgets */
#sidebarmid .widget {
	width: 270px;
	padding: 10px 15px 0 15px;
}

.widget a {
	color: #9dd90a!important;
}

#sidebar .pagenav {
	list-style:none;
	margin-left:0;
}

.widget p {
	font-size: 12px;
	color: #fff;
}

.widget h2,#sidebar .widgrt h2,#sidebar .widgrt h3 {
	line-height:inherit;
	margin:0 0 10px 0;
	padding:0;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	
/* Ruby on Rails blue */
}

.widget ul,.ppc ul {
	list-style:none;
	margin:0;
	padding:0;
}

.widget ul li,.ppc ul li {
	line-height:18px;
	margin:0;
	padding:0;
	padding-left:15px;
	background:url(images/bullet.gif) no-repeat left top;
}

.widget ul li ul li {
	background:url(images/bullet2.gif) no-repeat left top;
}


	
/* Footer */
#footer {
	background:#6a8d31;
	color:#fff;
	min-height:215px;
	padding-bottom:18px;
	border-top:5px solid #89a55b;
	font-size: 10px;
}

#footer p {
	line-height:18px;
	margin-top:18px;
}

#footer a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#footer a:hover {
	color: #2b4204;
	border-bottom: 1px dotted #2b4204;
}

	
/* Links */
a {
	text-decoration:none;
}

a:link,a:visited {
	color:#6a8d31;
}

.widget a:link,.widget a:visited {
	color:#6a8d31;
}

a:hover,.post a:hover,.widget a:hover {
	color:#797f2c;
}


	
/* Ads in post */
.ads {
	background:#fff;
	height:72px;
	margin-bottom:18px;
	text-align:center;
}


	
/* Generic WordPress styles */

	
/* Begin Images */
p img {
	padding:0;
	max-width:100%;
}

img.centered,img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:18px;
}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}


	
/* End Images */

	
/* Captions */
.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}


	
/* End captions */
#logo {
	background:url(images/karen-sage-299-district-court.jpg) left top no-repeat;
	display:block;
	height:90px;
	text-indent:-1000em;
	width:170px;
}

#joincampaign {
	background: url(images/footer-check-box.png) left top no-repeat;
	height: 175px;
	text-align: left;
	margin-top: 10px;
}

#joincampaign h2 {
	position: relative;
	width: 220px;
	top: 5px;
	font-size: 24px;
	left: 63px;
}

#joincampaign p {
	position: relative;
	left: 13px;
	font-size: 14px;
	line-height: 24px;
	width: 270px;
}

#joincampaign a.button {
	background: url(images/footer-button-learn-more.jpg) top left no-repeat;
	width: 110px;
	height: 28px;
	display: block;
	text-indent: -1000.0em;
	border-bottom: none;
	position: relative;
	left: 175px;
}

a.brand {
	background: url(images/designed-by-j-ortega-design-group.jpg) top left no-repeat;
	height: 24px;
	width: 80px;
	display: block;
	position: relative;
	top: -2.0em;
	left: 16.0em; 
	border-bottom: none!important;
	text-indent: -1000.0em;
}

#footerlinks h2 {
	border-bottom: 1px dotted #294003;
	font-size: 14px;
	padding: 0 0 3px 5px;
	margin-bottom: 5px;
}

#footerlinks ul li {
	font-size: 10px;
	margin: 0 0 0 20px;
}

#sidebar {
	position: relative;
	top: 1.0em;
	left: -23.6em;
}

#sidebarmid .widget {
	position: relative;
	left: 0.0em;
}

#sidebartop {
	background: url(images/left-background-top.png) top center no-repeat;
	height: 6px;
}

#sidebarmid {
	background: url(images/left-background.png) top center repeat-y;
	padding-bottom: 20px;
}

#sidebarbottom {
	background: url(images/left-background-bottom.png) top center no-repeat;
	height: 19px;
}

#facebook {
	display: block;
	background: url(images/button-facebook.jpg) top left no-repeat;
	text-indent: -100000.0em;
	height: 34px;
	width: 92px;
	float: left;
	margin: 0 25px 0 25px;
}

#linkedin {
	float: left;
	display: block;
	background: url(images/button-linkedin.jpg) top left no-repeat;
	text-indent: -100000.0em;
	height: 34px;
	width: 92px;
}

#maincontent {
	background: #fefefe url(images/upper-content.jpg) left 3.0em repeat-x;
}

#contentsidebar {
	background: #535088 url(images/contentsidebar.jpg) center -5px repeat-x;
	margin-top: 10px;
	padding-top: 10px;
}

#contentsidebar .widget {
	padding: 10px;
}

#contentcontent, #content {
	margin-top: 10px;
}

#contentcontent .single-post {
	padding: 10px;
}

.prefix_340 {
	padding-left: 320px;
	padding-right: 20px;
} 

p.homepage {
	color: #2f4003;
	font-size: 20px;
	line-height: 25px;
	width: 920px;
	position: relative;
	left: -15.5em;
	top: 1.0em;
}

p.homepage strong {
	font-size: 22px;
}

.entry {
	padding: 10px; 
}

#karensignature {
	background: url(images/karen-signature.png) top left no-repeat;
	height: 33px;
	width: 112px;
	display: block;
	text-indent: -10000.0em;
	position: relative;
	bottom: -4.0em;
	left: 35.0em;
}

#showcase {
	position: relative;
	background: url(images/header-background.jpg) top left repeat-x;
	border-top: 3px solid #6e8e23;
	height: 182px;
}

#showcase .karen {
	background: url(images/karen-sage.png) -2.5em top no-repeat;
	display: block;
	position: absolute;
	bottom: 0;
	left: -1.0em;
	height: 253px;
	width: 700px;
}

#showcase #contribute-box {
	background: url(images/contribute-box.png);
	width:304px;
	height: 273px;
	position: absolute;
	top: -6.5em;
	left: 46.0em;
}

#contribute-box .widget h2 {
	font-size: 18px;
	color: #535088;
}

#contribute-box .widget form p {
	display: inline!important;
	margin: 0;
	padding: 0;
}

#contribute-box .widget form br {
	display: none;
}

#contribute-box .widget label {
	display: none;
}

#contribute-box .widget input {

}

#contribute-box .widget input.name {
	width: 111px;
	font-size: 12px;
	padding: 5px;
	margin: 0 5px 5px 0;
	color: #535088;
	border: 1px solid #ddd;	
	background: url(images/contribute-fields-background.jpg) top left repeat-x;
	display: inline;
}

#contribute-box .widget input.email {
	width: 243px;
	font-size: 12px;
	padding: 5px;
	color: #535088;
	border: 1px solid #ddd;	
	background: url(images/contribute-fields-background.jpg) top left repeat-x;
}

#contribute-box .widget {
	width: 260px;
	padding: 20px 20px 0 20px;
}

span .checkbox {
	display: block;
	color: #535088;
	font-size: 11px;
	margin: 8px 0 0 0;
	border: inherit;
}

#contribute-box .widget #campaignsubmit {
	position: absolute;
	left: 16.0em;
	bottom: 0.0em;
}

#contribute-box .widget input.campaignsubmit {
	background: url(images/contribute-button-submit.png) top left no-repeat;
	border: none;
	cursor: pointer;
	/*ie fix*/
	font-size: 0px;
	display: block;
	line-height: 0px; /*end ie fix*/
	height: 30px;
	text-indent: -10000.0em;
	width: 78px;
}

#latestblogs {
	float: left;
	position: relative;
	width: 270px;
	top: 7.8em;
	left: -22.5em;
	_display: inline;
}

#latestblogs h2, #events h2 {
	color: #444;
}

#latestblogs a {
	font-size: 18px;
	line-height: 22px;
}

#events {
	float: left;
	width: 270px;
	position: relative;		
	top: 2.6em;
	right: 3.0em;
	padding: 0 5px 0 20px;
	border-left: 1px solid #ddd;
}

.supporters-list {
	float: left;
	width: 220px;
}

#donatebutton {
	display: block;
	width: 151px;
	height: 34px;
	text-indent: -10000.0em;
	background: url(images/button-donate.jpg) left top no-repeat;
	position: absolute;
	top: 2px;
	right: 87px;
}

#contentcontent fieldset {
	border: 1px solid #ccc;
	padding: 10px;

}

#contentcontent fieldset label {
	font-size: 12px;
	width: 150px;
	display: block;
	float: left;
}

#contentcontent fieldset input.name, #contentcontent fieldset input.email {
	padding: 5px;
	margin: 0 0 20px 0;
	float: left;
}

#contentcontent fieldset p {
	margin: 0;
	padding: 0;
}

#contentcontent fieldset br, #contentcontent fieldset p br, #contentcontent fieldset p p br {
	display: none;
}

div.wpcf7 {
	margin: 0!important;
	padding: 0!important;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em!important;
	padding: 0.2em 1em!important;
}

div.wpcf7-mail-sent-ok {
	position: absolute;
	z-index: 100000000;
	border: 1px solid #7b75ac!important;
	background: #fff;
	font-size: 10px!important;
}

div.wpcf7-mail-sent-ng {
	position: absolute;
	z-index: 100000000;
	border: 1px solid #910000!important;
	background: #fff;
	font-size: 10px!important;
}

div.wpcf7-spam-blocked {
	position: absolute;
	z-index: 100000000;
	border: 1px solid #910000!important;
	background: #fff;
	font-size: 10px!important;
}

div.wpcf7-validation-errors {
	position: absolute;
	z-index: 100000000;
	border: 1px solid #910000!important;
	background: #fff;
	font-size: 10px!important;
}

span.wpcf7-form-control-wrap {
	position: relative!important;
}

span.wpcf7-not-valid-tip {
	position: absolute!important;
	top: 20%!important;
	left: 20%!important;
	z-index: 100!important;
	background: #fff!important;
	border: 1px solid #910000!important;
	font-size: 10px!important;
	width: 200px!important;
	padding: 2px!important;
	color: #910000!important;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00!important;
	font-size: 10pt!important;
	display: block!important;
}

span.wpcf7-list-item {
	margin-left: 0.5em!important;
}

.wpcf7-display-none {
	display: none!important!important;
}