/*
Theme Name: Dos Madres Press, Inc.
Theme URI: http://www.creekjumpercreations.com
Description: Custom Theme For Dos Madres Press, Inc.
Author: Creekjumper Creations (Jesse Murphy)
Author URI: http://www.creekjumpercreations.com
Version: 2.0
*/

/* 

THEME COLORS:

Light Grey Body Background: #f7f7f7;

Darker Grey Body Background: #e3e3e3;

Light Blue Backgroud: #d2e6eb;

Darker Blue Background: #9bc3cd;

Content Background: #ffffff

Text: #3f3f3f;

Yellow: #e0c36a; 
*/


/* Main Styles */

body, html {
background: #f7f7f7 url(images/body-bg.jpg) repeat-x;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, san-serif;
font-size: 13px;
color: #3f3f3f;
}

#wrapper {
width: 953px;
margin: 0 auto;
position: relative;
}

#header {
height: 144px;
position: relative;
}

#main {
padding-top: 6px;
background: url(images/content-bg-upper.png) no-repeat;
}

#content-wrapper {
width: 941px;
margin: 0 auto;
background: #ffffff;
}

#content {
padding: 25px 25px 0 25px;
}

.breadcrumbs {
font-size: 10px;
margin-bottom: 10px;
}

/* Front Page */

#primary {
float: left;
width: 565px;
margin-right: 43px;
}


#secondary {
float: left;
width: 280px;
position: relative;
}

#catalogs {
padding-bottom: 25px;
}

.catalogImages {
float: left;
width: 200px;
margin-right: 30px;
}

ul.ec3_events ul li  {
margin: 10px 0 10px 8px;
padding-left: 14px;
background: url(images/small-bullet.png) center left no-repeat;
}

ul.ec3_events ul li a {
text-decoration: underline;
color: #3f3f3f;
font-weight: normal;
}

ul.ec3_events ul li a:hover {
text-decoration: none;
background: #e3e3e3;
}

.ec3_list_month li {
margin-bottom: 8px;
}

#news {
margin-bottom: 25px;
}

.news {
font-size: 11px;
}


#search_wrap {
position: absolute;
right: 0;
top: 0;
background: #b7d0d8;
border:1px solid #9abec9;
padding: 4px;
}

.search_box {
background: #f8f8f8;
border: 1px solid #e6e6e6;
width: 175px;
padding: 5px;
}

.search_button {
background: #d3e6ec;
border: 1px solid #e6e6e6;
padding: 3px;
font-weight: bold;
}

/* Book Page */

#col1 {
width: 200px;
float: left;
margin-right: 25px;
}

#col2 {
width: 445px;
float: left;
margin-right: 45px;
}

#col3 {
width: 175px;
float: left;
}


table {
width: 100%;
border-collapse: collapse;
}

td, th {
padding-bottom: 8px;
font-weight: bold;
}

.author {
float: right;
padding: 0 0 8px 8px;
}

.productInfo li {
background: none;
}


/* Catalog Page */

.bookCatalog {
float: left;
width: 127px;
margin: 0 35px 0px 0px;
height: 22em;
}

.bookCatalog img {
border: 1px solid #e3e3e3;
}

.bookCatalog p {
text-align: center;
margin: 10px 0 0 0;
}

/* Basic Page */

#pageCol1 {
width: 690px;
float: left;
margin-right: 25px;
}

#pageCol2 {
width: 175px;
float: left;
}

#footer {
background: #9bc3cd;
text-align: center;
color: #ffffff;
font-size: 12px;
font-weight: bold;
border-top: 2px solid #e3f8fd;
line-height: 102px;
}

#footer a {
color: #fff;
}

.archive {
padding-bottom: 10px;
}

.coverBanner {
margin: 10px 0;
}

.meta {
font-size: 11px;
padding: 4px 0 8px 8px;
text-transform: lowercase;
}

/*Comment Styles */

#commentBox {
border-top: 2px solid #f7f7f7;
padding: 7px 10px;
width: 75%
}

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:5px solid #e3e3e3; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#9bc3cd; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#e0c36a; }
ol.commentlist li div.vcard img.avatar { border:5px solid #e3e3e3; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#3f3f3f;; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#e3e3e3; border:1px solid #666; border-radius:1px; -moz-border-radius:2px; -webkit-border-radius:1px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#d2e6eb; border:1px solid #e0c36a;}
ol.commentlist li div.reply a { color:#3f3f3f; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#f7f7f7; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}




h1 {
font-size: 17px;
font-weight: normal;
margin-bottom: 11px;
line-height: 18px;
}

h1 a {
font-size: 17px;
font-weight: normal;
margin-bottom: 11px;
line-height: 18px;
color: #3f3f3f;
text-decoration: none;
border-bottom: 4px solid #9bc3cd;
}

h1 a:hover {
font-size: 17px;
font-weight: normal;
margin-bottom: 11px;
line-height: 18px;
color: #3f3f3f;
text-decoration: none;
border-bottom: 4px solid #9bc3cd;
}

h2 {
font-size: 14px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
padding: 0px 0 8px 0;
}

h4 {
font-size: 14px;
font-weight: bold;
padding-bottom: 9px;
}

h5 {
font-size: 12px;
font-weight: bold;
padding: 4px 0 8px 0;
}

a {
color: #7fb1be;
font-weight: normal;
text-decoration: underline;
}

a:hover {
color: #7fb1be;
font-weight: normal;
text-decoration: none;
background: #e3e3e3;
}


p {
line-height: 18px;
padding-bottom: 6px;
}

ul.lists {
margin-left: 10px;
}

ul.lists li{
margin-bottom: 10px;
padding-left: 14px;
background: url(images/small-bullet.png) left center no-repeat;
}

ul.lists li a {
text-decoration: none;
color: #3f3f3f;
font-weight: normal;
text-decoration: underline;
}

ul.lists li a:hover {
background: #e3e3e3;
color: #3f3f3f;
text-decoration: none;
}


/* Header Navigation */

#nav {
padding-top: 60px;
margin-left: 100px;
}

.headNav ul {
padding: 27px 0;
}

.headNav ul li {
display: inline;
list-style-type: none;
font-size: 24px;
margin-right: 25px;
font-family: Georgia, serif;
text-transform: lowercase;
}

.headNav li a {
color: #464646;
text-decoration: none;
font-weight: normal;
padding: 8px 27px; 
background-color: #eef6f7;
border-top: 1px solid #e6e7e7;
border-left: 1px solid #e6e7e7;
border-right: 1px solid #aabbbf;
border-bottom: 1px solid #aabbbf;
}

.headNav li a:hover {
color: #464646;
font-weight: normal;
text-decoration: none;
background-color: #e6edee;
border-top: 1px solid #aabbbf;
border-left: 1px solid #aabbbf;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff; 
}

/*Sidebar */

.outer-donateBox {
background: #ffffff;
border: 1px solid #e0c36a;
position: relative;
margin-bottom: 25px;
}

.inner-donateBox {
background: #f7f7f7;
border: 1px solid #d2e6eb;
margin: 1px;
padding: 25px 25px 19px 25px;
position: relative;

}

.checkMark {
position: absolute;
top: 10px;
right: -15px;
}

.events-box {
background: #f7f7f7;
border: 1px solid #d2e6eb;
padding: 25px;
margin-top: 25px;
margin-bottom: 25px;
}

.colBox {
padding-bottom: 15px;
}

.colBox h4 {
background: #e3e3e3;
font-weight: normal;
padding: 4px;
margin: 0 0 10px 0;
text-align: center;
}

.colBox p {
line-height: 14px;
}

.colBox ul {
margin-left: 8px;
}

.colBox li {
list-style: none;
margin-bottom: 10px;
padding-left: 14px;
background: url(images/small-bullet.png) center left no-repeat;
}

.colBox li a {
text-decoration: underline;
color: #3f3f3f;
font-weight: normal;
}

.colBox li a:hover {
text-decoration: none;
}

h4.catalog {
background-color: #eef6f7;
border: 1px solid #aabbbf;
font-weight: bold;
}

/* Audio Player */

.microAudio-bg {
	color: #e3e3e3;
	}

.microAudio-leftbg {
	color: #9bc3cd;
	}

.microAudio-lefticon {
	color: #3f3f3f;
	}

.microAudio-voltrack {
	color: #d2e6eb;
	}

.microAudio-volslider {
	color: #d2e6eb;
	}

.microAudio-rightbg {
	color: #9bc3cd;
	}

.microAudio-rightbghover {
	color: #f7f7f7;
	}

.microAudio-righticon {
	color: #3f3f3f;
	}

.microAudio-righticonhover {
	color: #3f3f3f;
	}

.microAudio-skip {
	color: #d2e6eb;
	}

.microAudio-text {
	color: #3f3f3f;
	}

.microAudio-track {
	color: #ffffff;
	}

.microAudio-border {
	color: #3f3f3f;
	}

.microAudio-loader {
	color: #e0c36a;
	}

.microAudio-tracker {
	color: #9bc3cd;
	}

.mAp, .adplr {
	width: 200px;
	}


/* Misc. */

.clear {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

.logo {
margin: 12px 0 0 25px;
}

.border {
border: 1px solid #e3e3e3;
}

.img-left {
float: left;
margin-right: 10px;
padding: 3px;
border: 1px solid #e3e3e3;
}

.img-right {
float: right;
margin-left: 10px;
padding: 3px;
border: 1px solid #e3e3e3;
}

.social {
position: absolute;
right: 8px;
bottom: 5px;
}

.social-icon {
margin-left: 5px;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 102px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -102px; /* negative value of footer height */
	height: 102px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */