/*  
Theme Name: bcv2
Theme URI: http://www.betachurch.org
Description: Merwin
Version: 2
Author: Dave Merwin
Author URI: http://www.davemerwin.com/

bcv2

Version Two of Beta Church.

That Dark Blue #244563;
That Light Blue #5A9BB6;
That Light Gray #ECECE2;
That Medium Gray #DFDFCE;
That Dark Gray #BFBF9D;
That Text Gray: #333333;
That Orangish Brown #999;
That Orange #F19921;

*/

/* =GENERAL
_____________________________________________________________________*/
* {margin:0; padding:0;}
body {min-width:800px; max-width:2200px; font-family:Lucida Grande, sans-serif; font-size:62.5%; line-height:150%; color:#364344; /*background:url(images/bc_bgnd.jpg) 50% 0% no-repeat #F4F6F6;*/}
img {border:none;}
a {text-decoration:none; color:#3A94C8;}
a:hover {background:#FBEAF2; border-bottom:1px dotted #F6439D; color:#F6439D;}
a:hover img {border-bottom:black;}
a:visited {color:#F6439D;}
a:active {}
p {margin:0 0 1.8em 0;}
/* Sizes reflect the scale of difference between keywords */
h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}

a.nohover-img {border-bottom:0px; background:transparent;}

.sponsor-link {display:block; height:5em; vertical-align:middle; border:1px solid #3D6878; margin:0 0 1em 0; padding:1em 0 0 1em;}
a:hover.sponsor-link {background:#fff; border:1px solid #3D6878;}
#pure-blue {background:url(images/pb_logo.png) 100% 50% no-repeat #fff;}
#agi {background:url(images/agi_logo.png) 100% 50% no-repeat #fff;}


h1, h2, h3, h4 {font-family:Lucida Grande, sans-serif;}

#skip {text-indent:-9000px; height:0px; position:absolute;}

/* =TYPOGRAPHY
_____________________________________________________________________*/
.page-notice {margin:.5em 0 2em 0; text-align:center; color:#90ADB8; line-height:120%;}
.page-notice span {color:#e2ac2e;}

/* =LAYOUT
_____________________________________________________________________*/


/* =HEADER
_____________________________________________________________________*/
.popular {width:48%; float:left;}
.favorite {width:48%; float:right;}
#col1 {width:15%; margin:0 0 0 1%; float:left;}
#col1 img {width:71px; height:100px; margin:0 auto; display:block;}
#col2 {width:60%; float:left; border-right:1px dotted #333; border-left:1px dotted #333; padding:0 2%;}
#col3 {width:15%; float:left; margin:0 2%;}

#col3 ul li {display:block;}

#col2 h3, #col3 h3 {color:#90ADB8; margin:0 0 .4em 0;}

#header {width:100%; padding: 2em 0; background:/*url(images/bc_head_bgnd.png) top left*/ #F4F6F6;}
.betachurch-desc {text-align:center; margin:1em 0;}
.betachurch-desc a {color:#E67530;}
.twodollars {color:#3C9D3C; font-weight:bold;}
.market-link li {margin:0 0 .4em 0;}


/* =CONTENT
_____________________________________________________________________*/
#content {width:50%; float:left; padding:0 0 3em 3em; font-size:1.2em; clear:both;}
/*
#content {width:50%; float:left; padding:0 0 3em 3em; font-size:1.2em; position:relative; clear:both;}
*/
.entry p {font-size:1.2em; line-height:150%; margin:0 0 1em 0;}
.postmetadata {margin:0 0 1em 0; font-size:90%; padding:1em; line-height:130%; text-align:center; background:#F4F6F6; border-bottom:1px dotted #3D6878; border-top:1px dotted #3D6878;}
#content h2 a, #content h1 a {/*font-family:Georgia, serif;*/ line-height:130%;}
#content h1, #content h2 {font-size:200%;}
#content .mainPost {font-size:1.6em;}
.mainPost h1 a {color:#FFCC00;}
.mainPost h1 a:hover {color:#F6439D;}
.mainPost h1 a:visited {color:#F6439D;}
.mainpost {background:#fff;}
.post img {float:left; margin:.5em 1em .5em 0;}
.entry img {float:none;}
.post h1 a, .post h2 a {color:#3D6878;}
.post h1 a:hover, .post h2 a:hover {color:#F6439D;}
.post h1 a:visited, .post h2 a:visited {color:#F6439D;}
.post blockquote {margin:0 2em 1.5em 2em; padding:2em 2em 1em 2em; border-left:.4em solid #E5EAEB; background:#F4F6F6;} 
.post ul, .post ol {margin:0 2em 1.5em 2em; padding:1em 2em; background:#F4F6F6; border-left:.4em solid #E5EAEB;}
.post ul li, .post ol li {list-style:square; display:block;}

/*.closeCol {position:absolute; top:1em; right:-1em;}*/

.read {background:url(images/read.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}
.add_comments {margin:0 0 0 2.5em; background:url(images/add_comment.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}
.post .read, .post .add_comments {padding:.5em 0 .5em 2em;}
.entry {clear:both;}

.permalink {background:url(images/read.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}
.add_comments_post {background:url(images/add_comment.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}
.tback {background:url(images/world_link.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}
.comments {background:url(images/feed-icon-12x12.png) 0% 50% no-repeat; padding:0 0 0 1.5em;}

.author {margin:0 0 1em 0; display:block; color:#9A3F3F; line-height:120%;}
.author span {color:#3D6878;}

.post {margin:4em 0 3em 0;}
#blog .post {margin:0 0 3em 0;}
#articlemeta {margin:2em 0; padding:1em; border-top:1px dotted #3D6878; border-bottom:1px dotted #3D6878; background:#f6f6f6;}
#articlemeta ul {padding:0; margin:0; border-left:none;}
#articlemeta li {margin:0 2em 0 0; display:inline;}
#articlemeta small {margin:1em 0 0 0; display:block;}

#previousnext {text-align:left; font-size:xx-small; /*background:#E6FFE6;*/ color:#B0C3CB; border-bottom:2px solid #C2D7E0; padding:.2em .4em;}
#previousnext span {float:right;}
#previousnext img {vertical-align:middle;}

.notice {padding:1em; text-align:center;}

.alert h1 {color:#E35D1D; margin:0 0 1em 0;}
.alert {background:#FFF3C2; padding:2em 2em 1em 2em; border-bottom:.4em solid #fc0; margin:1em 0 0 0; color:#9A3F3F;}

.commenttrackbacks {color:#9A3F3F; text-align:center;}

.nonprofit {float:right; width:20em; padding:2em; background:#FBEAF2; margin:0 0 2em 2em; line-height:150%;}

.feedburnerFlareBlock {margin:0; padding:0;}

/* =NAV BAR
_____________________________________________________________________*/
.nav {font-size:1.6em; width:100%; text-align:center;}
.nav ul li {display:inline; list-style:none; text-align:center;}
.nav a {font-weight:bold; padding:.6em 1em;}
.nav a:hover {border-bottom:0px;}
/*.nav a:visited {color:#5A9BB6;}*/
#site-nav {height:4em; line-height:4em; clear:both; border-top:2px groove #E5EAEB; border-bottom:2px ridge #E5EAEB; background:/*url(images/nav_bgnd.png) bottom left repeat-x*/ #3D6878;}
#site-nav .nav a {color:#fff;}
#site-nav .nav a:hover {background:#E5EAEB; color:#3A94C8;}

.feed img {margin:0 .5em 0 0; vertical-align:middle;}

/* PAGE DESIGNATIONS */
#home .home-link  {background:#3A94C8;}
#home #footer .home-link {border:1px solid #3A94C8; background:#fff;}
#about .about-link {background:#3A94C8;}
#about #footer .about-link {border:1px solid #3A94C8; background:#fff;}
#blog .blog-link {background:#3A94C8;}
#blog #footer .blog-link {border:1px solid #3A94C8; background:#fff;}
#contribute .contribute-link {background:#3A94C8;}
#contribute #footer .contribute-link {border:1px solid #3A94C8; background:#fff;}
#donate .donate-link {background:#3A94C8;}
#donate #footer .donate-link {border:1px solid #3A94C8; background:#fff;}
#rss .rss-link {background:#3A94C8;}
#rss #footer .rss-link {border:1px solid #3A94C8; background:#fff;}
#help .help-link {background:#3A94C8;}
#help #footer .help-link {border:1px solid #3A94C8; background:#fff;}
#home .home-link:hover {}
#about .about-link:hover {}
#contribut .contribute-link:hover {}
#donate .donate-link:hover {}
#rss .rss-link:hover {}
#help .help-link:hover {}

/* =CONTACT FORM
_____________________________________________________________________*/

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactform input, .contactform textarea {padding:.5em; border:1px solid #3D6878; background:#E5EAEB;}
.contactform textarea:hover, .contactform input:hover {background:#F4F6F6;}
.contactform textarea:focus, .contactform input:focus {background:#fff;}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/* =SIDEBAR
_____________________________________________________________________*/
#sidebar {width:40%; float:right;  padding:0 0 1.5em 0; margin:1em 3em 3em 0; border-top:2px groove #E5EAEB; border-left:2px groove #E5EAEB; border-bottom:2px ridge #E5EAEB; border-right:2px ridge #E5EAEB; background:url(images/sidebar_bgnd.png) center top repeat-y #E5EAEB;}
#sideCol1 {width:49%; float:left;}
#sideCol1 h2 {margin:0 0 .3em 0;}
#sideCol2 {width:49%; float:right;}
#sidebar li {display:block; margin:0 0 .5em 0; list-style:none;}
.sidebarList {margin:0 0 1.8em 0;}
#sidebar h2 {color:#f6f6f6; padding:.2em .5em .3em .5em; text-align:center; background:#B0C3CB;}

#sidebarNav div ul li ul {margin:.5em 1.5em 0 1.5em; padding:1em; border:none; background:#fff;}
#sidebarNav div ul {margin:0em 3.5em 1em 2.5em; padding:1em; /*border-top:2px groove #E5EAEB; border-left:2px groove #E5EAEB; border-bottom:2px ridge #E5EAEB; border-right:2px ridge #F4F6F6;*/ background:#fff;}
#sidebarNav ul li {background:#fff;}
#sidebarNav li a {line-height:1.4em; display:block; background:url(images/sidebar_nav.png) 0% 50% no-repeat #fff; font-weight:bold; padding:0 0 0 2em;}
#sidebarNav li a:visited {background:url(images/sidebar_nav.png) -990px 50% no-repeat #fff;}
#sidebarNav li a:hover { background:url(images/sidebar_nav.png) -495px 50% no-repeat #fff; border-bottom:none;}
#sideCol1 div {padding:1.5em; margin:0;}
#sideCol2 h2 {margin:0 1em .5em .5em;}
#sideCol2 {padding:1.5em 0 0 0;}
#sidebarNav h2 {background:url(images/sb_menu_bttn.png) 0% 50% no-repeat; text-align:left; padding:0 0 0 .8em; font-size:200%;}
#sidebarNav ul {background:#ebebeb;}
#sidebarNav {margin:1em 0;}

#sponsors ul {margin:0em 3.5em 1em 2.5em; padding:1em;}

#media {margin:0 0 2em 0;}
#media p {margin:0 1em 1em;}
#media small {display:block; margin:0 0 .8em 0; text-align:center;}
#media a:hover img {border-bottom:0px;}
#media .gandg {border-top:2px groove #E5EAEB; border-left:2px groove #E5EAEB; border-bottom:2px ridge #E5EAEB; border-right:2px ridge #E5EAEB; margin:0 auto;}

/* =FOOTER
_____________________________________________________________________*/
#footer {height:4em; clear:both; line-height:2em;}
#footer .nav a {border:1px solid #fff;}
#footer .nav a:hover {border:1px solid #F6439D;}
#footer .nav a:visited {color:#3A94C8;}

/* =COMMENTS
_____________________________________________________________________*/
#commentBlock {padding:1.5em 0 1em 0;}
.commentlist {margin:0 2em 0 2em;}
.commentlist li {margin:0 0 2em 0; display:block; list-style:none; padding:1em; line-height:170%;  border-bottom:.4em solid #E5EAEB; background:#F4F6F6;}
.commentlist li.alt {background:#E5EAEB; border-bottom:.4em solid #90ADB8;}

.commentlist small {display:block;}
.commentlist p {font-size:1.2em; margin:0 0 1.4em 0; }

#comments, #respond {font-weight:bold; line-height:150%; font-size:200%; margin:0 1em 1em 1em;}

.moderation {text-align:center; padding:1em; display:block; margin:0 0 1.4em 0;}

#commentBlock h3 {font-size:140%; color:#42A042;}

.commentlist-prev li {font-style:italic; padding:0 0 1em 0; color:#637B7D;}
.commentlist-prev span {font-style:normal; color:#9A3F3F;}

/* =FORMS
_____________________________________________________________________*/
#searchform {padding:0 1em 1em 1em; text-align:center; vertical-align:middle; margin:1em 1em 0 0;}
#s {width:65%; padding:.3em .5em; border:1px solid #7093A7; text-align:center; color:#3A94C8;}
#searchsubmit {margin:.5em 0 0 .5em; border:none; background:#E67530; color:#fff; padding:.2em .2em;}

fieldset {border:0; background:#F4F6F6; border-bottom:1px dotted #3D6878; border-top:1px dotted #3D6878;}


#commentBlock fieldset {margin:2em; padding:2em;}
#commentBlock textarea {width:95%;}
#commentBlock textarea, #commentBlock input {padding:.5em; border:1px solid #3D6878; background:#E5EAEB;}
#commentBlock textarea:hover, #commentBlock input:hover {background:#F4F6F6;}
#commentBlock textarea:focus, #commentBlock input:focus {background:#fff;}
#commentBlock label {margin:0 0 0 1em;}

#commentBlock fieldset div {margin:0 0 1em 0;}


/* HACKS AND FIXES 
_____________________________________________________________________*/
/* =IE Fixes */
li {display:inline; /* :KLUDGE: Removes large gaps in IE/Win - Thanks to CSS Mastery and Andy Budd. http://www.andybudd.com*/}
* html #col2 {width:55%;}
* html #col1 {width:15%;}
* html #col3 {width:10%;}* html #content {width:45%;}
* html #articlemeta li {margin:0 .5em 0 0;}
* html #sidebarNav li {margin:0;}
* html #site-nav {height:2.5em; padding:.5em 0;}
* html .nav a {font-weight:bold; padding:1em; line-height:2.5em;}
* html #home #footer .home-link, #about #footer .about-link, #blog #footer .blog-link, #contribute #footer .contribute-link, #donate #footer .donate-link, #rss #footer .rss-link, #help #footer .help-link {background:#efefef; border:none;}
* html #content h1 {font-size:160%;}
* html #content .mainPost {font-size:1.4em;}
* html #sidebarNav h2 {font-size:150%;}
* html .articlemeta {padding:1em 1em 0 1em;}
* html #sidebar {margin:1em 2em 3em 0;}

/*
FOOTER FIX 
The very nice footerStickAlt by The Man in Blue. http://themaninblue.com/experiment/footerStickAlt/good_example_short.htm
You will need to know the height of your footer. Leave room in the content for the footer to overlap.
*/
html { height:100%; }
body { height:100%; }
#nonFooter { position: relative; min-height: 100%; padding:0 0 3em 0; }/* Specify the height to leave for the footer here*/

* html #nonFooter { height: 100%; }
#footer { position:relative; margin:-3em auto 0 auto;}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer { margin-top: -2.9em; }


/* 

Clear Hack
Created by Holly and John at positioniseverything.net
URI: http://www.positioniseverything.net/easyclearing.html

*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
