/*
Theme Name: EGBOK Mission
Description: A Custom WP Theme for EGBOK Mission. Designed by philosophie LLC.
Author: Aldo Secaida, Skot Carruth, Emerson Taymor
Version: 1.0
*/

@charset "UTF-8";

html{
	background:url(images/textures/bg-grad.jpg) repeat-x top #d14d04;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size: .625em;
	background:url(images/textures/bg.jpg) no-repeat top center;
	color:#454c4c;
	display: table;
	width: 100%;
}

.container{
	margin: 0 auto;
	width:960px;
}

/* post images */
.alignleft{
	float: left; margin: 0 20px 20px 0;
}
.alignright{
	float: left; margin: 0 0 20px 20px;
}


/* ~~~~~ HEADER ~~~~~ */
#header{
	margin:10px 0;
	overflow:hidden;
	
}
#logo a{
	text-indent:-9999px;
	display:block;
	background:url(images/logo-trans.png) no-repeat;
	width:398px;
	height:154px;
	margin:0 0 10px 281px;
}

ul#nav li{
	display: inline; /* Prevents "stepdown" */
}

ul#nav li a{
	text-indent:-9999px;
	display:block;
	float:left;
	background:no-repeat bottom left;
	height:49px;
}
ul#nav li a:hover, ul#nav li a.selected{background-position:top left;}

ul#nav li a#whatNav{background-image:url(images/nav/what.png);width:158px;}
ul#nav li a#whoNav{background-image:url(images/nav/who.png);width:156px;}
ul#nav li a#whyNav{background-image:url(images/nav/why.png);width:166px;}
ul#nav li a#projectsNav{background-image:url(images/nav/projects.png);width:126px;}
ul#nav li a#eventsNav{background-image:url(images/nav/events.png);width:107px;}
ul#nav li a#blogNav{background-image:url(images/nav/blog.png);width:88px;}
ul#nav li a#takeActionNav{background-image:url(images/nav/take-action.png);width:159px;}


/* ~~~~~ BASE CONTENT ~~~~~ */
#content{
	background:	url(images/textures/light-blue-grad.png) repeat-x bottom #f4f7f7;
	border:5px solid #aa3f03;
	overflow:hidden;
}

#featuredSection{
	border-bottom:5px solid #aa3f03;
	overflow:hidden;
}
#featuredSection .leftSide{width:285px;height:325px; background:url(images/textures/black-gradient.jpg) repeat-x bottom #3a3a3a;}
#featuredSection .rightSide{height:325px;}
#featuredSection .rightSides{height:301px;}
#featuredSection .leftSide h1{display:block;text-align:center;padding:16px 0 10px; font-weight:bold;text-transform:uppercase;background:url(images/textures/green-diag.png) repeat;margin-bottom:20px;}
#featuredSection .leftSide h2{color: #a5b9af;font-size: 1.8em;padding:0 15px 10px; font-weight:bold;text-transform:uppercase;}
#featuredSection .leftSide p{color:#fff;padding:0 15px;font-size:1.4em;line-height:1.5em; margin-bottom:30px;}

#blogHeader{height:100px; background:url(images/textures/black-gradient.jpg) repeat-x top #3a3a3a;}
#blogHeader h1{padding:30px 20px 15px;font-weight:bold;text-transform:uppercase;color: #fff;}
#blogHeader #info{width: 100%;color:#fff;background-color: #000; padding:5px 20px;}
#blogHeader #info p{margin: 0; padding: 0; line-height: 1em; font-size:1.2em;}


#mainContent{
	width:666px;
	padding:26px;
}
#mainContent h2 {font-size: 2.4em; margin-top: 5px; font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica; text-transform:uppercase;margin-bottom:15px; }
#mainContent h3 {font-size: 1.8em; margin-bottom: 15px; color: #596f85;}
#mainContent p{margin-bottom:30px;}
#sidebar{width:231px;}

#takeActionBox{
	background:url(images/textures/orange-diag.png) repeat;
	padding:20px 0 0;
	margin-bottom:10px;
}

#takeActionHeader{margin-bottom: 9px;}

#socialBox{
	background:url(images/textures/dark-orange-diag.png) repeat;
	padding:8px 0px 5px 12px;
}
#socialBox h4{float:left;color:#000;text-transform:uppercase;font-size:1.6em;padding-top:12px;margin-right:5px;}

.section h3{
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-size:2.4em;
	font-weight:bold;
	font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica;
	margin-bottom:15px;
}

#takeActionBox ul li{
	display:block;
	border-bottom:1px solid #e95403;
	padding:10px 20px 10px 40px;
	text-transform:uppercase;
	background:url(images/icons/triangle-trans.png) no-repeat 20px 12px;
	font-size:16px;
}
#takeActionBox ul li.last{padding-bottom: 16px;border-bottom: 1px solid #AA3F03;}

#takeActionBox ul li a{color:#000;}
#takeActionBox ul li a:hover{color:#b2c8c0;}

#mailingListBox{
	background:url(images/textures/blue-diag.png) repeat;
	padding:13px;
	margin-bottom:10px;
}

#mailingListBox p{
	font-size: 1em;
	color: #1b1e20;
	margin-bottom: 15px;
}


/* ~~~~~ FOOTER ~~~~~ */
#footer{
	overflow:hidden;margin:12px 0;
}
#meatyFooter{
	background-color:#1b1e20;
	border:5px solid #aa3f03;
	overflow:hidden;height:240px;
	padding:10px 0 0 25px;
	margin-bottom:10px;
}

#aboutBlurb{width:306px;margin-right:48px;}
#aboutBlurb img{margin-bottom:10px;}
#aboutBlurb p{font-size:1em;color:#fff;margin-bottom:10px;text-align:center;}

#takeActionSection, #learnMoreSection, #blogstreamSection{width:165px; margin-right:25px;}
#meatyFooter h5{
	font-size:2em;
	color:#fff;
	font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica;
	text-transform:uppercase;margin:13px 0 23px;
}
#meatyFooter ul li{
	display:block;
	text-transform:uppercase;
	border-bottom:1px solid #5c6666;
	padding:4px 0 2px;
	font-size:1.4em;
	font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica;
	
}
#meatyFooter ul li a{color:#bfeaff;}
#meatyFooter ul li a:hover{color:#fff;}

#meatyFooter ul.socialLinks{margin-top:10px;}
#meatyFooter ul.socialLinks li{
	padding:0;border:none;display:inline;
}
#meatyFooter ul.socialLinks li a{
	filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
}

#meatyFooter ul.socialLinks li a:hover{
	filter:alpha(opacity=100);  
    -moz-opacity:1;  
    -khtml-opacity: 1;  
    opacity: 1;  
}

#footer p.copyrightInfo, #footer p.credits{color:#fff; text-transform:uppercase;margin-bottom:0;font-size:1.2em;}
#footer p.credits{text-align:right;}
#footer p.credits a{color:#000;}

/* ~~~~~ HOME ~~~~~ */
.home #sidebar{width:253px;}
.home #takeActionBox{border:5px solid #5c280c;width:248px;border-left:none; padding-top: 20px;}
.home #takeActionBox ul li.last{padding-bottom: 17px;}
.home #takeActionBox h3 {margin-bottom: 9px;}
.home #featuredSection{
	border:5px solid #5c280c;
	overflow:hidden;
	float:left;
}
.home #featSlider{height:302px;}
.home #content{
	background:	none;
	overflow:hidden;
	border:none;
}

#mission{
	display:block;
	background:url(images/textures/light-blue-grad-short.png) repeat-x #9badbc;
	padding:20px 20px 5px;
	width:655px;
	margin:10px 0;
}
#mission h2{
	text-transform:none;
	font-size:1.6em;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	line-height:1.3em;margin-bottom:15px;
}
#mission h2 span{color:#d14d04;}

#callOutBoxes{clear:both;}
.callOutBox p{margin-bottom:0;font-size:1.2em;text-transform:uppercase;}
.callOutBox a{color:#000;}
.callOutBox a:hover{color:#ccc;}

#learnMoreAbout{
	background-image:url(images/home/learn-more-box.jpg);
	width:314px;height:123px;
	margin-right:13px;
}
#learnMoreAbout p{margin:95px 0 0 15px;}

#aboutVolunteers{
	background-image:url(images/home/meet-the-people.jpg);
	width:314px;height:123px;
	margin-right:5px;
}
#aboutVolunteers p{margin:78px 0 0 153px;width:156px;}

#whatsNew{
	background-image:url(images/home/whats-new-box.jpg);
	width:314px;height:123px;
}

#whatsNew p.eventsLink{margin:73px 0 5px 141px;}
#whatsNew p.recentBlog{margin-left:141px;}

/* ~~~~~ Take Action ~~~~~ */
.action #takeActionBox{border-bottom:5px solid #7291ab;margin-bottom:0;}
.action #featuredSection{
	border-bottom:5px solid #7291ab;
	overflow:hidden;
	float:left;
}

.getInvolvedRow{
	display:block;
	clear:both;
	margin-bottom:30px;
	border-bottom:1px solid #454d4d;
	position:relative;
	min-height: 140px;
}
.getInvolvedRow img{margin:0px 15px 0 10px;position:absolute;bottom:-5px;}
.getInvolvedRow h2{margin-left:190px;}
.getInvolvedRow p{width:475px;margin-left:190px;}

/* ~~~~~ EVENTS ~~~~~ */
#upcoming{
	float:left;
	width:300px;
	padding-right:66px;
}
#up-post{
	width:100%;
	padding-bottom:15px;
}
#up-post h4{
	margin-bottom:5px;
}
#up-post h4 a{
	color:#cb4802;
	font-size:14px;
	font-weight:bold;
}
#up-post p{
	font-size:10px;
	padding:0;
	margin:0;
}
#help-out{
	float: right;
	width:300px;
}
#past-events{
	float:left;
	width:666px;
}
.eventItem, .volunteerItem{
	position:relative;
	border:solid 4px #708d96;
	float:left;
	overflow:hidden;
	margin:0 10px 15px 0;
}

.eventItem.last, .volunteerItem.last{margin-right:0;}

.eventItem .eventInfo, .volunteerItem .volunteerName{
	position:absolute;
	bottom:0;
	left:0;
	width:178px;
	height:30px;
	background-color:#333;
	filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    -khtml-opacity: 0.9;  
    opacity: 0.9; 
	padding:13px;
}

.eventItem .eventInfo h4, .volunteerItem .volunteerName h4{
	margin-bottom:3px;
	font-size:1.2em;
	font-weight:bold;
}
.eventItem .eventInfo h4 a, .volunteerItem .volunteerName h4 a{	color:#fff;}
.eventItem .eventInfo p, .volunteerItem .volunteerName p{
	margin-bottom:0;
	color:#fff;
	font-size:1.1em;
}

/* ~~~~~ VOLUNTEERS ~~~~~ */

.volunteerItem .volunteerName{
	height:10px;
}

/* ~~~~~ BLOG ~~~~~ */

.post{margin-top:20px;border-bottom:1px solid #454d4d; }
.page-template-who-are-we-php .post-board{overflow:hidden;margin-top:20px;border-bottom:none; }
.postThumb{float:left;margin-right:15px;}
.post .excerpt{width:470px;float:right;}
.post .excerptfull{width:100%;float:left;}

.page-template-who-are-we-php .postThumb{margin-right:20px;}
.page-template-who-are-we-php .post-board .excerpt{width:485px;float:right;}
.page-template-who-are-we-php #mainContent p {margin-bottom: 10px;}

#breadcrumbs{margin-bottom:45px;}
#breadcrumbs li{display:inline;font-size:1.2em;}

.postMeta{float:none;width:100%;display:block;}
.postMeta span.datePosted{float:left;padding-left:15px;width:200px;}
.postMeta span.postedBy{float:right; text-align: right; padding-right:15px;margin-bottom:10px;}
.postMeta span.datePosted.left{text-align: left;}

h2.postTitle{font-weight:bold;}
h2.postTitlefull{font-weight:bold;}

.postMeta p{font-size:1em;margin-bottom:0;color:#829099;}
.postMeta span{font-size:1em;margin-bottom:0;color:#829099;}
.imagePlaceholder{margin-bottom:25px;}

.taggedIn p{margin:20px 0;}

#categoriesBox{background:url(images/textures/green-diag.png) repeat;padding:20px 10px;margin-bottom: 10px;}

#categoriesBox ul li a{
	display:block;
	border-bottom:1px solid #bcd4cb;
	padding:5px 0;
	font-size:1.4em;color:#000;
}

#categoriesBox ul li ul li a{padding-left:35px;}

#categoriesBox ul li a:hover{color:#D14D04;}

#pagination a{
	color:#fff;
	font-weight:bold;
	font-family:"Gotham", "Gotham HTF","proxima-nova-1","proxima-nova-2", Helvetica; 
	text-transform:uppercase;
	background-color:#6e8f9c;
	border:3px solid #5e767d;
	font-size:1.6em;
	padding:0px 20px;
	height:28px;line-height:28px;
}
#pagination a:hover{background-color:#7291ab;border-color:#555;}
#pagination a.next{float:right;}
#pagination a.prev{float:left;}


/* ~~~~~ Typography ~~~~~ */

a {text-decoration:none; color:#d14d04;}
a:hover {color:#111;}
a.selected{color:;}
h1 {font-size: 3em; padding-top: 5px; color: #000; font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica; font-weight:bold;}
h2 {font-size: 2.4em; font-family:"Gotham", "Gotham HTF", "proxima-nova-1","proxima-nova-2", Helvetica; text-transform:uppercase;margin-bottom:25px; }
p {font-size: 1.4em;line-height: 1.5em;margin-bottom:30px;}

h1.entry-title{margin-bottom: 30px;}

/* UTILITY CLASSES */
.fl, .alignleft {float: left;}
.fr, .alignright {float: right;}
.cl {clear: left;}
.cr {clear: right;}
.clear {clear: both;}
em{font-style:italic;}
strong{font-weight:bold;}

.transparent{  
    filter:alpha(opacity=50);  
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;  
}

.dropShadow{
	-moz-box-shadow: 0px -1px 5px #333;
	-webkit-box-shadow: 0px -1px 5px #333;
	box-shadow: 0px -1px 5px #333;
}

.roundedCorners{
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px; 
}

a[href$="pdf"]:after,
a[href$="doc"]:after {
margin:0 0 0 5px;
font:bold 12px "Lucida Grande";
content: " (PDF)";
}
a[href$=".doc"]:after {content: " (DOC)";}

.attachment-post-thumbnail{width:204px; height:142px; float:left;}


/* =Navigation
-------------------------------------------------------------- */
.navigation{
	font-size: 1.4em;
	margin-top: 10px;
	padding: 10px;
	text-transform: uppercase;
}

.nav-previous{float: left;}
.nav-next{float: right;}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* ~~~~~ Contact Forms ~~~~~ */

#mainContent .wpcf7 {margin-left: 60px;}
.wpcf7 h3 {clear: both; padding-top: 30px;}
.wpcf7 h4 {font-size: 1em; margin: 20px 0 15px; clear: both;}
#mainContent .wpcf7 p {margin-bottom: 10px;}
.wpcf7 ul {font-size: 1.4em; margin-bottom: 20px;}
.wpcf7 .time .wpcf7-list-item {float: left; clear: both;}
.wpcf7 .em {margin-top: 30px;}
.wpcf7 input, .wpcf7 textarea{
	color:#454c4c;
	font-size:1.2em;
}
input.wpcf7-submit{
	text-indent:-9999px;padding-top:45px;
	width:119px;height:45px;padding:0;
	background:url(images/btns/submit.png) no-repeat;
	cursor:pointer;
	border: none;
	outline: none;
}
.wpcf7-response-output {
	font-size: 1.4em; 
	padding: 10px 0;
	left: 400px;
	position: absolute;
	top: 544px;
}

/* ~~~~~ Donations ~~~~~ */
.donationType{
	padding-bottom: 20px;
	border-bottom: 1px solid #454c4c;
	margin-bottom: 20px;
}

/* ~~~~~ Merchandise ~~~~~ */
#products_page_container div.producttext{font-size: 1em;}
#products_page_container h2 span{float: none; padding-top: 5px;}
#products_page_container h2 a.wpsc_product_title{margin-bottom: 15px;}
#products_page_container form.product_form{font-size: 1.4em; line-height: 1.5em; padding: 0 20px;}
#products_page_container form.product_form .wpsc_variation_forms{margin-right: 40px; font-size: .72em;}
#products_page_container form.product_form .wpsc_product_price, #products_page_container form.product_form .wpsc_extras_forms, #products_page_container form.product_form .wpsc_variation_forms{float: left;}
#products_page_container input.wpsc_buy_button{background:url('images/btns/add-to-cart.png') no-repeat; border: none; width: 172px; height: 45px; cursor: pointer; float: right; padding-top: 45px; overflow: hidden;}

#post-282 table.productcart{font-size: 1.4em;}
#post-282 table.productcart tr.firstrow{font-size: 0.8em; border-bottom: 1px solid #ccc;}
#post-282 table.productcart tr.firstrow td{background-color: transparent; margin-bottom: 10px; border-left: 1px solid #ccc; padding-left: 10px;}
#post-282 table.productcart tr.product_row td{padding: 5px 10px;}
#post-282 table.productcart tr.firstrow td.firstcol{border: none;}
#post-282 span.pricedisplay{width: auto;}
#post-282 button.remove_button{float: right;}
#post-282 tr.total_price td{padding: 5px 10px;}

#post-282 form.wpsc_checkout_forms{margin-top: 50px;}
#post-282 table.wpsc_checkout_table{margin-top: 10px; font-size: 1.4em;}
#post-282 table.wpsc_checkout_table input,#post-282 table.wpsc_checkout_table textarea,#post-282 table.wpsc_checkout_table select{margin: 5px 0;}
#post-282 table.wpsc_checkout_table h4{margin: 20px 0;}
#post-282 table.wpsc_checkout_table label{font-size: 0.8em;}
#post-282 table.wpsc_checkout_table select{font-size: 0.8em;}
#post-282 input.make_purchase{background:url('images/btns/checkout.png') no-repeat; border: none; width: 160px; height: 45px; cursor: pointer; float: right; padding-top: 45px; overflow: hidden;}

#post-283 div.entry-content{font-size: 1.4em; line-height: 1.5em;}

#shoppingCartBox{
	background:url(images/textures/black-gradient.jpg) repeat;
	padding:20px 0 0;
	margin-bottom:10px;
	color: #fff;
}
#shoppingCartBox h3{color: #fff;}
#shoppingCartBox .items, #shoppingCartBox .visitshop{display: none;}
#shoppingCartBox #shoppingcartcontents{font-size: 1.4em;}
#shoppingCartBox #sliding_cart, #shoppingCartBox table.shoppingcart{width: 100%;}
#shoppingCartBox .total {border-top: 1px dotted #ccc; padding-top: 5px;}
#shoppingCartBox .checkout-total {margin-right: 15px; text-align: right;}
#shoppingCartBox .emptycart {font-size: .6em;}
#shoppingCartBox .gocheckout {text-align: right;}
#shoppingCartBox a:hover {color: #fff;}
#shoppingCartBox .empty{font-size: .8em;}
#shoppingCartBox table.shoppingcart tbody tr td{padding-top: 5px;}
#sliding_cart p {line-height: 1em; margin-bottom: 20px; font-size: .8em; width: 100%; color: #ccc;}
#sliding_cart p span{}
#shoppingCartBox #product, #shoppingCartBox #quantity,#shoppingCartBox #price{text-transform: uppercase; font-size: .8em; border-bottom: 1px dotted #ccc; padding-bottom: 3px;}