/*
Theme Name: copperERM Theme
Description: Custom ERM Theme (Built on the famous <a href="http://elliotjaystocks.com">Starkers Theme</a> by Elliot Jay Stocks</a>)
Version: 1 (WP2.9.2)
Author: Phil Dalencour, copperSmith
Author URI: http://copperdesign.us
Tags: copperSmith, Evangelical Revival Ministries, copper design
*/


/* UTILITIES & BASELINES
*******************************/

	 /* COLOR SCALE
	  dark brown: #2b251e
	  light brown: #975313
	  tree green: #108954
	  burnt orange: #993300
	  true blue: #006699
	  */

@import "style/css/reset.css";
@import "style/css/layout.css";

.clear		{clear: both;}
.floatLeft	{float: left;}
.floatRight	{float: right;}
.headShot	{float: left;}



/* STRUCTURE
*****************/ 
body#home 	{background: #fff url(/assets/imgs/bg/rotate.php?img=header_1.jpg) no-repeat center 30px; color: #2b251e}
body {background: #fff url(/assets/imgs/bg/rotate.php) no-repeat center 30px; color: #2b251e} 
#pageWrap	{width: 674px; background: transparent url(/assets/imgs/sitePixel.png) top center repeat-y; margin: 0 auto -335px; min-height: 100%; height: auto !important; height: 100%;}
#contentWrap	{width: 610px; margin: 0 auto; top: 215px; padding-bottom:335px;}
#postWrap, #fullWrap	{background: transparent url(/assets/imgs/contentPixel.png); padding: 0px 15px 10px; width: 330px; margin-right: 10px;}
#blog #postWrap, #blog #fullWrap {padding-bottom: 0px;}
#fullWrap	{width: 580px}
#donate	{position: absolute; height: 35px; width: 126px; top: -35px; left: 651px; background: transparent url(/assets/imgs/ermSprite.png) no-repeat 1px -196px;}
#donate a	{display: block; height: 35px; width: 126px; text-indent: -9999px;}
.get_posts_class li, .archive {margin-top: 10px; padding: 10px; background: transparent url(/assets/imgs/contentPixel.png);}
.archive a {color: #2b251e; text-decoration: underline;}
.archive a:hover {color: #fff; text-decoration: none;}
.postDate	{padding: 3px 0 !important; text-align: right;color: #fff; border-bottom:1px dotted #fff;}
.archive h3, .archive h3 a {color: #fff;}
ul#postNav {background:#2B251E; height:20px; margin:10px 0 -10px -15px; padding:5px 15px; width:100%;}
ul#postNav a {color: #fff; text-decoration: none;}
ul#postNav a:hover {text-decoration: underline;}
ul#postNav li.prevPost {float: left;}
ul#postNav li.nextPost {float: right;}
blockquote {border-left:1px dotted #2B251E; margin:15px 30px 0 10px; padding-left:20px; color: #777777; display: block; text-align: justify;}
blockquote p {padding: 0px !important;}

/* IMAGES
****************/
.bio img {border: #2b251e 5px solid;display:block; margin:15px 10px 5px 0;}
.post img.size-medium {border: #2b251e 5px solid;display:block; margin-top: 10px;}
#fullWrap .post img.alignleft {margin: 18px 10px 4px 0px;}


/* TYPOGRAPHY
****************/
a {color: #2b251e; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
p a {text-decoration: underline !important}
h1, h2, h3, h4, h5, h6 { font-weight:bold; } 
body {font-family: GillSans, Calibri, Trebuchet, sans-serif}
h2	{font-weight: normal; font-size: 30px; line-height: 30px}
h3	{font-weight: normal; font-size: 20px; line-height: 15px;}
h4	{}

.post h2.contentTitle	{top: -47px; position: absolute; color: #2b251e; white-space: nowrap;}
.post p		{line-height: 1.1em; padding-top: 15px; display: block;}
.post h2	{padding-top: 12px }
.post h2 a	{color: #2b251e}
.post h2 a:hover	{color: #fff; text-shadow: 0px 1px 4px #555;}
.post h3	{font-weight: normal; font-size: 20px; line-height: 17px; padding-top: 10px;}
.post .more-link		{display: block; margin:15px 0 15px; color: #2b251e; border-bottom:1px dotted;text-indent:4px;padding-bottom: 1px;}
a:hover.more-link 	{background-color: #2b251e; color: #fff; border:none;padding-bottom: 2px;}
#the-mission h2 {color: #993300}
#about-erm h2 {color: #006699}
#reach-rwanda h2 {color: #975313}
#our-work h2 {color: #108954}
#blog h2.contentTitle	{color: #108954;}
.postTitle {font-size:30px;font-weight:normal;line-height:30px;display: block;}
.postTitle a {color: #2b251e}
.postTitle a:hover	{color: #fff; font-weight: lighter;}
.postComment {}
.postExcerpt {line-height: 1.1em; padding-top: 15px; display: block;}
ul.contentList {padding: 10px 0 10px 15px;}
.contentList li {list-style: disc;}

.bioCopy {padding-top: 3px; text-align: justify;}
.bioCopy h3 {color: #006699;}
.bioCopy p {padding-top: 12px;}
.bioCopy strong	{font-weight: normal; color: #006699;}
.bio {margin: 10px 0;}

/* HEADER
****************/	 
#logo		{width: 220px; height: 139px; position: absolute; left: -150px; top: -34px; background: transparent url(/assets/imgs/logohigh.png) top left no-repeat;}
#logo a		{text-indent: -9999px; display: block; height: 115px; width: 172px;}
#tagLine	{height: 40px; left: 50px; top: 25px; position: relative; text-indent: -9999px; background: transparent url(/assets/imgs/ermSprite.png) no-repeat center -295px;}	
.contentTitle p	{font-weight: normal; font-size: 30px; top: -48px; position: absolute; letter-spacing:-1px; white-space: nowrap;}
.breadcrumb	{font-size:14px; font-weight:bold; left:40px; top:-30px;}
.breadcrumb a {color: #2b251e; text-decoration: underline;}
.breadcrumb a:hover {color: #fff; text-decoration: none; background: #2b251e;}
#home .breadcrumb {visibility: hidden}


/*NAVIGATION BAR
 ***************/
.menu ul 	{width: 635px; height: 35px; margin: 0 auto; background: transparent url(/assets/imgs/ermSprite.png) no-repeat 2px 0}
#home .menu ul			{background-position: 2px 0}
#the-mission .menu ul	{background-position: 2px -37px;}
#about-erm .menu ul 	{background-position: 2px -73px;}
#reach-rwanda .menu ul	{background-position: 2px -109px;}
#our-work .menu ul 		{background-position: 2px -145px;}
#blog .menu ul			{background-position: 2px -145px;}
#navBar		{width: 100%; height: 35px; background: #2b251e;}
.menu ul li {display: inline;}
.menu ul li a {top: 0px; left: 0px; width:127px; height: 35px; display: block; float: left; text-indent: -9999px; background-position: top left;}
.menu ul li a:hover  {}

ul.subnav a.active {color:#2b251e !important; font-style:oblique;}
ul.subnav a {display: block; padding-bottom: 4px;}
#about-erm ul.subnav li a {color: #006699;}
#our-work ul.subnav li a {color: #108954;}
#about-erm ul.subnav li a:hover, #our-work ul.subnav li a:hover {color: #2b251e}
ul.subnav li {text-align: right;}
ul.subnav {border-right:1px dotted #006699; right:-15px; padding-right:10px; position:absolute; top:-49px;}
#our-work ul.subnav {top: -111px}


/* SIDEBAR
****************/
#sidebar	{padding-top: 10px; width: 240px;} 
#xencarouselcontainer {background: transparent url(/assets/imgs/contentPixel.png); margin-top: -10px;padding: 10px; width: 220px}
#xencarouselcontainer .header {background: transparent url(/assets/imgs/modulePixel.png); position: absolute; z-index: 200; color: #fff; padding: 5px;display: block; width: 210px;}
#carouselNav {display: block;}
.prev	{position: relative; cursor: pointer}
.next	{position: relative; cursor: pointer}
.widget a {color: #2B251E; margin-left: 2px; text-align: left;}
h2.widgettitle  {height: 35px; font-weight: normal; color: #2B251E; background: transparent url(/assets/imgs/contentPixel.png); white-space: nowrap; padding-left: 2px;}
.widget	{background: transparent url(/assets/imgs/contentPixel.png); margin: 10px 0; padding: 10px; font-size: 15px;}
.widget .ngg-widget, #wpchkt_widget, .widget .list {background: transparent url(/assets/imgs/contentPixel.png); display:block; margin-top:2px; height: 100%; padding: 5px}
.widget .list a:hover {color: #fff;}
.widget .no_items a {text-decoration: underline;}
.widget .no_items a:hover {color: #fff; text-decoration: none;}

#social	{}


/* ECOMMERCE
*****************/
#shop {border:1px dotted #2B251E; margin-top:15px;padding: 15px;}
.item img {border: #2b251e 5px solid;}
.item {border: 1px dotted #2b251e; width: 160px; padding: 5px; margin: 0px 0px 10px 16px;}
.sub {margin-top: 10px !important;}
.first {margin-left: 0px;}
.chkt_item {}
.wp-caption {background:none;border:none;margin:0px;padding:0px;width:auto !important;}
.wp-caption img {text-align: center !important;}
.wp-caption-text {text-align: left; font-size: 12px;}
.item table {margin: auto;}
#viewCart {background:#2B251E; color:#FFFFFF; left:517px; position:absolute; text-align:center; top:-19px; width:78px;}
#viewCart a {color:#FFFFFF !important; display: block;}
#viewCart a:hover {background:#108954;}


/* COMMENT FORM
***************/
#respond {padding: 10px 0px}

#commentForm input, #commentForm select, #commentForm textarea {border:1px solid #999;margin:5px 0;padding:3px;width:270px;}
#commentForm textarea	{width: 552px;}
#commentForm {padding: 10px; background: #e2e2e2;}
#commentForm p {margin: .5em 0;font-weight: bold;}
#commentForm select  {padding: 0px;width: 280px;}
#commentForm textarea:focus, #commentForm input:focus {border:2px solid #2b251e;padding:2px;}
#commentForm #submit {margin-right:22px;width:120px;}
#commentForm label {padding:12px 10px 0 0;text-align:right;width:70px;}


/* POST COMMENTS
****************/
#commentTitle	{text-align: right;padding:15px 10px 0 0;}
#comments {border:1px dotted #2B251E; margin-top:15px;}
#comments li {border: 1px dotted #2b251e; padding: 10px; margin: 10px;}
#comments p.author {background: #2b251e; color: #fff;height:20px;margin:-10px 0 0 -10px;padding:5px 10px;width:536px;}
#comments p.author a {color: #fff}
.commentCount {padding: 0px 0px 15px !important; text-align: right; margin-top: -10px;}


/* FOOTER
****************/	 
#footerWrap	{position: relative; height: 335px; margin-top: 335px; background: transparent url(/assets/imgs/footer.jpg) no-repeat bottom center; clear: both;}
#footerFade{background: transparent url(/assets/imgs/footerFade.png) repeat-x; height:35px;position:relative;top:300px;}
#footer		{color: #fff; width: 610px; top:150px; height: 185px; margin: 0 auto; background: transparent url(/assets/imgs/footerPixel.png);}

ul.links h3 {padding-bottom: 5px;}
ul.links a {color: #fff}
ul.links a:hover {text-decoration: underline;}
ul.links.first {position: absolute; border: none; left:0px; padding-left:15px; margin:15px 0;}
ul.links.contact {border-left:1px dotted #FFFFFF; left:292px; margin:15px 0; padding-left:10px; position:absolute;}
ul.links.admin {border-left:1px dotted #FFFFFF; left:510px; margin:15px 0; padding-left:10px; position:absolute;}
ul.links.cats {border-left:1px dotted #FFFFFF; left:129px; margin:15px 0; padding-left:10px; position:absolute;}

	.clearfix:after {contentWrap: ".";
		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 */