/* 
Theme Name: Sullivan DeMott
Theme URL: http://onepresscommunity.com
Description: Simple and clean theme. A touch of grey for your site. Child theme for OnePress
Author: PushButton Labs
Author URI: http://pushbuttonlabs.com
Version: 1.0.1	

Tags: one-column, two-columns, three-columns, fixed-width, right-sidebar, left-sidebar, threaded-comments, custom-header, theme-options, sticky-post

TEMPLATE: onepress
*/


/*
 * Import default OnePress Markup
 */
@import url('../onepress/op-layout.css');
@import url('navigation.css');
@import url('widgets.css');


/*
 * Custom markup Below
 */

a,
a:link,
a:visited,
a:hover {
	text-decoration:none;
}

a:link, a:visited {color:#003e54;}

html {background: #293625; }

body{
	background: #293625 url('./images/bg.png') repeat-x;
}
div#page{
	margin: 0;
	padding: 0;
	background: url('./images/header.jpg') no-repeat;
	color: #fefefe;
}

#op_navigation, #content, #footer{
	padding: 0 10px;
}
/*
 * Header
 */
#header { 
	position: absolute;
}

#header .bd .c { 
	
}

#headerimg { 
	padding: 0;
}

#headerimg h1 a, #headerimg h1 a:visited, #headerimg h1 a:hover { 
	font-size:150%;
	letter-spacing: -2px;
	color: #FFF;
	text-decoration:none;
	display:none;
}

/* create a large clickable area in the header (optional) */
#headerlink a { 
	display: block; 
	position: absolute; 
	top:10px; 
	left:10px; 
	width:320px; 
	height:330px;
}

div#headerimg div.description {	
	display:none;
}


div#main_wrap{
	float:right;
}

div#main_wrap.layout2 div#main, div#main_wrap.layout3 div#main {
	width:575px;
}

div#main > .bd > .bc > .s > div.widget.fp_content{
	margin-top: 5px;
}

div.widget.fp_content div.content_wrapper{
	overflow:auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
div.widget.fp_content div.content{
	float:left;
	width: 274px;
}

div.widget.fp_content div.content.first{
	margin-right: 20px;
}

div.widget.fp_content h1{
	margin: 5px 0;
	font-size: 150%;
	color: #ededed;
}

div.widget.fp_content p{
	margin: 10px 0;
	text-align: justify;
}

div#sidebar{
	padding-left: 25px;
}

div#sidebar > .bd > .bc > .s > div.widget.listen{
	margin-top: 275px;
}

div#sidebar h2.widgettitle{
	margin: 5px 0;
	font-size: 22px;
	color: #ededed;
}

div#blog_title{
	clear:both;
	margin-top: 10px;
	padding-top: 5px;
}

div#blog_title h1{
	margin-bottom: 0;
}

body.single div#main > .bd > .bc > .s > div.widget_op_content_body{
	margin-top: 100px;
	color: #333;
}
/*
 * Class for sidebars
 */


div#sidebar,div#sidebar2{
	height: 100%;
	font-size: 90%;
}

/* 
 * Featured post carousel 
 */
div#feature{
	background: #e3e3e3;
}

/* featured post header color */
div#feature ul#features h2 a { 
	color:#fff
}

/*
 * Post Body Layout
 */
body.multiple div.post{
	padding: 10px;
	margin-bottom: 5px;
}

body.single div.post{
	padding: 10px;
}

div.widget_op_content_body h2{
	font-size: 150%;
	letter-spacing: -.5px;
	font-weight: normal;
	margin: 0;
}
body.multiple div.widget_op_content_body h2 a{
	color: #3b5e8e;
	text-decoration: underline;
}

div.post_content{
	color: #333;
	line-height: 1.3em;
}

div.post_tag span.label, div.post_category span.label { color: #333; font-weight: bold;}

div.widget_op_content_body div.post_date{
	font-size: 100%;
	padding-bottom: 10px;
	color: #666;
	text-align: right;
}

div.widget_op_content_body div.post_comments{
	padding: 5px 0;
}

div.widget_op_content_body div.post_edit{
	padding: 5px 0;
	float:right;
}

div.widget_op_content_body div.post_content a, div.widget_op_content_body div.post_tag a, div.widget_op_content_body div.post_category a{
	text-decoration: underline;
}

body.single div.post_odd, body.multiple div.post_odd{ background: #f8f8f8; }
body.single div.post_even, body.multiple div.post_even{ background: #eff2f7; }

/*
 * Widgets 
 */

.widget .hd,
.widget .hd .hc,
.widget .ft,
.widget .ft .fc {
	height:6px;
}

.widget .bd,
.widget .bd .bc {
}

.widget .hd { /* top right corner */
	width:100%;
	background-position:top right;
}

.widget .hd .hc { /* top left span */
	margin-right:6px;
	background-position:top left;
}

.widget .ft {
	width:100%;
	background-position:bottom right;
}

.widget .ft .fc {
	margin-right:6px;
	background-position:bottom left;
}

.widget .bd {
	width:100%;
	background-position:top right;
}

.widget .bd .bc {
	/*margin-right:6px;*/
	background-position:top left;
	padding:1px 0 1px 0; /* uncollapse .content margins */
}

#main .widget .s {
	/*padding: 5px 1em;*/
}

#sidebar .widget .s{
	padding: 5px .5em;
}

/** Widgets in main shouldn't have top margin **/
div#main > .bd > .bc > .s > div.widget{
	margin-top: 0;
}

/* Standard Widget Content Styles */
h2.widgettitle{
}

h2.widgettitle a{
	text-decoration:none;
}

.widget ul{
	margin-top: .5em;
	margin-bottom: .5em;
}

.widget li{
	margin: 3px 0;
}

.widget ul a{
	font-weight: bold;
	text-decoration: underline;
}

.widget ul a:hover{
	text-decoration: none;
}

/*
 *  Sidebar column shading
 */
#sidebar > .hd,
#sidebar > .hd > .hc,
#sidebar > .ft,
#sidebar > .ft > .fc {
	height:5px;
}

#sidebar > .bd,
#sidebar > .bd > .bc {
	height: 100%;
}

#sidebar >.hd { /* top right corner */
	width:100%;
	background-position:top right;
}

#sidebar > .hd > .hc { /* top left span */
	margin-right:5px;
	background-position:top left;
}

#sidebar > .ft {
	width:100%;
	background-position:bottom right;
}

#sidebar >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

#sidebar >.bd {
	width:100%;
	background-position:top right;
}

#sidebar >.bd > .bc {
	margin-left: 3px;
}

#sidebar >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; /* uncollapse .content margins */
}



/*
 *  Sidebar2 background styling
 */
#sidebar2 > .hd,
#sidebar2 > .hd > .hc,
#sidebar2 > .ft,
#sidebar2 > .ft > .fc {
	height:5px;
}

#sidebar2 > .bd,
#sidebar2 > .bd > .bc {
	height: 100%;
}

#sidebar2 >.hd { /* top right corner */
	width:100%;
	background-position:top right;
}

#sidebar2 > .hd > .hc { /* top left span */
	margin-right:5px;
	background-position:top left;
}

#sidebar2 > .ft {
	width:100%;
	background-position:bottom right;
}

#sidebar2 >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

#sidebar2 > .bd {
	width:100%;
	background-position:top right;
}

#sidebar2 >.bd > .bc {
	margin-left: 3px;
	height:100%;
}

#sidebar2 >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; /* uncollapse .content margins */
}

/*
 *  Footer background styling
 */
div.column > .widget > .hd,
div.column > .widget > .hd > .hc,
div.column > .widget > .ft,
div.column > .widget > .ft > .fc {
	background: #fff url(images/black-hd-5.png) no-repeat top right;
	height:5px;
}

div.column > div.widget > .bd,
div.column > div.widget > .bd > .bc {
	background: #000;
	height: 100%;
}

div.column > div.widget >.hd { /* top right corner */
	width:100%;
	background-position:top right;
}

div.column > div.widget > .hd > .hc { /* top left span */
	margin-right:5px;
	background-position:top left;
}

div.column > div.widget > .ft {
	width:100%;
	background-position:bottom right;
}

div.column > div.widget >.ft > .fc {
	margin-right:5px;
	background-position:bottom left;
}

div.column > div.widget > .bd {
	width:100%;
	background-position:top right;
}

div.column > div.widget >.bd > .bc {
	margin-left: 3px;
	height:100%;
}

div.column > div.widget >.bd > .bc {
	margin-right:5px;
	background-position:top left;
	padding:1px 0 1px 0; /* uncollapse .content margins */
}

/*
 * Search
 */
#searchform input { 
	font-family: Verdana; 
	font-size: 77%; 
	color: #999; 
}

#searchform input.submit { 
	color: #000; 
}


#tag_cloud a {
	text-transform:uppercase;
}

div.wp-caption {
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   margin: 10px auto;
}


/*
 * Footer
 */
div#footer{
 width: 980px;
 padding-bottom: 10px;
 clear:both;
 }

div#footer a{
	color: #ccc;
}
div#column_wrap div.order1{ padding-left: 0;}
div#column_wrap div.order3{ padding-right: 0;}

div.column{
	color: #eee;
}

/* 
 * Wordpress Required Image and Block Alignment CSS 
 */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   clear: both;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}

/** OP MailChimp **/
div.widget_op_op_mailchimp{
    border: 2px solid black;
    background: #638252;
    padding: 0 5px;
}

div.widget_op_op_mailchimp h2.widgettitle{
    display:none;
}

div.widget_op_op_mailchimp h1{
    font-size: 16px;
    font-family: Tahoma, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
/*    letter-spacing: 1px;*/
    margin: 3px 0 10px;
}

div.widget_op_op_mailchimp form{
    overflow: auto;
}

div.widget_op_op_mailchimp form fieldset{
    display:block;
    float:left;
    position: relative;
    padding-right: 5px;
}

div.widget_op_op_mailchimp form label{
    position: absolute;
    top: 23px;
    padding: 1px 2px;
    font-family: Tahoma, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

div.widget_op_op_mailchimp form input[type="text"]{
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    border: 1px solid black;
}

div.widget_op_op_mailchimp form input[type="submit"]{
    width: 60px;
    font-size: 12px;
    border: 2px solid #313243;
    background: #C7C78D;
    font-weight: bold;
    padding: 3px 5px;
    cursor: pointer;
}

div.widget_op_op_mailchimp form input[type="submit"]:hover{
    background: #EDEDA8;
}

div.widget_op_op_mailchimp div#op_mc_response div.error{
    background: #5B8245;
    padding: 5px;
}

div.widget_op_op_mailchimp div#op_mc_response div.success{
    padding: 5px;
}

/** MailChimp **/
div#mc_signup_container{
	padding: 10px 5px;
	background: url('./images/list_signup_bg.png') no-repeat;
	color: #fefefe;
	margin-left:10px;
}

div#mc_signup_container fieldset{
	padding: 2px 12px;
}
div#mc_signup_container legend{
	color: #fefefe;
	font-size: 130%;
	font-weight: bold;
	padding: 5px 0;
	/*font-family: Tahoma;*/
	letter-spacing: -1px;
}

div#mc_signup_container label{
	display:block;
}

div#mc_signup_container input[type="submit"]{
	padding: 2px 3px;
}

div.textwidget a{
	color: #fefefe;
	text-decoration: underline;
}

div.widget_op_links ul li a{
	color: #fefefe;
	text-decoration: underline;
}

p.signature{
	color: white;
}

/** Half-Loaded Styles **/

div#half-loaded{
	background: url('images/half-loaded/bg.jpg') no-repeat;
}

div#half-loaded div#hl-cover{
	padding: 12px;
	float:left;
}

div#half-loaded div#hl-right{
	margin-left: 248px;
	padding-top: 10px;
	text-align: center;
}

div#half-loaded div#hl-download-btn{
	margin: 15px 0;
}

div#half-loaded p{
	text-align: center;
	padding: 0px 20px;
}