/*  
Theme Name: Cornerstone Bancshares Foundation
Theme URI: http://www.thecornerstonefoundation.org/
Description: This theme was developed solely for use by the Cornerstone Bancshares Foundation website.
Version: 1.0
Author: Endi Design Studio
Author URI: http://endistudio.com/

	This theme was designed and built by Endi Design Studio,
	whose website you will find at http://endistudio.com/

	The CSS, XHTML and design was created solely for use by 
        Cornerstone Bancshares Foundation and therefore should not 
        be used, copied, or distributed by any party other than 
        Cornerstone Community Bank or Endi Design Studio.

*/



/*
Common 
------------------------------------------------- */

* {
 margin: 0; padding: 0; border: 0;
} 
body { font-family: Arial, Helvetica, sans-serif; color: #4A4747; font-size: 11px; background: #DEDFCC;
}

h1, h2, h3, h4, h5, h6 {
 /*font-weight: normal;*/
}

ul li { list-style-type: none; }

a, a:visited {
 text-decoration: none; color: #911B1D; }
a:hover {
 text-decoration: underline; color: #333; }

.clear { clear: both; }

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

.clearfix {display: inline-block;}

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

.inline { display: inline; }

.big { font-size: 2em; font-weight: bold; }

.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }

.pt5 { padding-top: 5px; }

.font12 { font-size: 12px; }

.hidden { display: none; }

#alert { color: red; }

.dark { color: #333; }

#wrap { width: 870px; margin: 0 auto; background: url(images/main_bg.jpg) top left no-repeat; }




/*
head+nav
------------------------- */

#top { margin-bottom: 10px; width: 870px; }

#top #logo_date { padding: 20px 0 15px 0; width: 870px; border-bottom: 1px solid #CFD0BD; }
#top #logo_date #logo { width: 300px; float: left; }
#top #logo_date #logo h1 { width: 300px; height: 100px; overflow: hidden; font-size: 10px; }
#top #logo_date #logo h1 a { display: block; height: 100px; width: 300px; background: url(images/logo.jpg) top left no-repeat; overflow: hidden; }
#top #logo_date #logo h1 a strong { display: none; }
#top #logo_date #date { width: 570px; float: left; padding-top: 65px; }
#top #logo_date #date p { text-align: right; color: #939485; }

#nav { width: 840px; padding: 7px 15px 9px 15px; }
#nav ul { background: url(images/nav.jpg) top left no-repeat; }
#nav ul li { float: left; display: block; }
#nav ul li a { display: block; height: 18px; overflow: hidden; }
#nav ul li a strong { display: none; }

#nav ul li.home a, #nav ul li.home_on a 	{ width: 28px; }
#nav ul li.about a, #nav ul li.about_on a 		{ width: 126px; margin-left: 41px; }
#nav ul li.mission a, #nav ul li.mission_on a 	{ width: 65px; margin-left: 41px; }
#nav ul li.news a, #nav ul li.news_on a 	{ width: 71px; margin-left: 41px; }
#nav ul li.contact a, #nav ul li.contact_on a 	{ width: 65px; margin-left: 41px; }
#nav ul li.download a, #nav ul li.download_on a 	{ width: 168px; margin-left: 153px; }

#nav ul li.home a:hover, #nav ul li.home_on a	 	{ background: transparent url(images/nav_on.jpg) 0px 0px no-repeat; }
#nav ul li.about a:hover, #nav ul li.about_on a		 	{ background: transparent url(images/nav_on.jpg) -69px 0px no-repeat; }
#nav ul li.mission a:hover, #nav ul li.mission_on a		 	{ background: transparent url(images/nav_on.jpg) -236px 0px no-repeat; }
#nav ul li.news a:hover, #nav ul li.news_on a		 	{ background: transparent url(images/nav_on.jpg) -342px 0px no-repeat; }
#nav ul li.contact a:hover, #nav ul li.contact_on a 	{ background: transparent url(images/nav_on.jpg) -454px 0px no-repeat; }
#nav ul li.download a:hover, #nav ul li.download_on a		{ background: transparent url(images/nav_on.jpg) -672px 0px no-repeat; }

#photo_big { width: 850px; height: 320px; border: 10px solid #CFD0BD; background: url(images/big_pic-1.jpg) top left no-repeat; }
#photo_big p { text-indent: -9000px; }




/*
sidebar
------------------------- */

#content .col1 ul#col1_nav { padding: 30px 15px 0 15px; text-transform: uppercase; }

#content .col1 ul#col1_nav li { padding: 5px 0; border-bottom: 1px solid #DEDFCC }
#content .col1 ul#col1_nav li a,
#content .col1 ul#col1_nav li a:visited { padding-left: 20px; background: url(images/sidebar_bg.jpg) 0 2px no-repeat; }

#content .col1 ul#col1_nav li a:hover,
#content .col1 ul#col1_nav li.current_page_item a { padding-left: 20px; background: url(images/sidebar_bg_on.jpg) 0 2px no-repeat; }


#content .col1 ul#col1_nav ul li { padding: 5px 0; border: 0; }
#content .col1 ul#col1_nav ul li.current_page_item a { background: none; }
#content .col1 ul#col1_nav ul li a,
#content .col1 ul#col1_nav ul li a:visited { padding-left: 0px !important; background: none !important; }
#content .col1 ul#col1_nav ul li a:hover,
#content .col1 ul#col1_nav ul li a.on { padding-left: 0px !important; background: none !important; }

#content .col1 ul#col1_nav ul ul li { padding: 5px 0; border: 0; }
#content .col1 ul#col1_nav ul ul li a,
#content .col1 ul#col1_nav ul ul li a:visited { padding-left: 0px; background: none; }
#content .col1 ul#col1_nav ul ul li a:hover,
#content .col1 ul#col1_nav ul ul li a.on { padding-left: 0px; background: none; }

#content .col1 ul#col1_nav ul li { padding: 5px 0 0 30px; text-transform: capitalize; }
#content .col1 ul#col1_nav ul ul li { padding: 5px 0 0 10px; }





#content .col1 { float: left; width: 230px; }
#content .col1 a#download_banner { display: block; background: url(images/download_grant_banner-2.jpg) top left; margin-top: 40px; width: 230px; height: 60px; }
#content .col1 a#download_banner strong { display: none; }
#content .col1 p#copyright { text-align: right; color: #939485; line-height: 1.5em; margin: 35px 0; padding: 0 15px; }




/*
content
------------------------- */
#content { background: url(images/content_bg.jpg) 230px 0px repeat-y #F4F4ED; }

#content .col2 .headlines { padding-right: 70px; } 
#content .col2 .headlines h3 { margin-bottom: 10px; padding-top: 10px; font-size: 22px; }
#content .col2 .headlines ul li { padding-bottom: 10px; font-size: 12px; }
#content .col2 .headlines ul li span { background: #dcdcd2; padding: 2px 5px; }

#content .col2 { float: left; width: 575px; margin-left: 5px; padding: 30px; }
#content .col2 .post { padding-right: 70px; }
#content .col2 .post h2 { color: #911B1D; margin-bottom: 10px; }
#content .col2 .post .entry h3 { color: #4A4747; margin-bottom: 10px; padding-top: 10px; }
#content .col2 .post .entry p { font-size: 12px; line-height: 1.5em; margin-bottom: 10px; }
#content .col2 .post .entry table tr td { font-size: 12px; }


/*
contact form
------------------------- */
input.text { width: 350px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
textarea.textarea { width: 400px; height: 100px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }

#contact_form_div { padding-top: 20px; }
#contact_form_div p {}
#contact_form_div p.alert { background: #911b1d; color: #fff; margin-top: 15px; padding: 8px 10px;}
#contact_form_div p label.full { display: block; margin: 15px 0 5px 0; }
#contact_form_div p#submit { margin-top: 15px; }
#contact_form_div p#submit input { border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; background: url(images/submit_bg.gif) bottom left repeat-x #fff; padding: 7px 15px; font-size: 13px; font-famliy: arial, sans-serif; }





/*
foot
------------------------- */

#foot { padding: 7px 0 20px 0; }
#foot p { text-align: right; color: #939485; }
#foot a, #foot a:visited {
 text-decoration: none; color: #939485; }
#foot a:hover {
 text-decoration: none; color: #911B1D; }




/*
other
------------------------- */

/* Begin Headings */
h1, h2, h3 { font-weight: normal;	}

h1 { font-size: 4em; }

h2 { font-size: 2.8em; }

h2.pagetitle { font-size: 2.8em; }

h3 { font-size: 2.3em; }
/* End Headings */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists */

.entry ul {
	margin-left: 10px;
	/*padding: 0;*/
	list-style: none;
	/*padding-left: 10px;
	text-indent: -10px;*/
        font-size: 12px;
	} 

.entry ul li {
	margin: 7px 0 8px 0;
        padding-left: 10px;
        background: url(images/arrow_bullet.jpg) 0px 6px no-repeat;
	}

/*.entry ul li:before {
	content: "\00BB \0020";
	}*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
        font-size: 12px;
	}

.entry ol li {
	margin: 7px 0 8px 0;
        /*padding: 0;*/
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}
ol ul li {
	list-style: none;
	}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/