/*
	
	
	Cornerstone Baptist Church
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	created by Mike Moreau, Jr
	harvestmedia.com






	=> Contents
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Section 1		General Styles (Reset, Links, Common Classes, Base Typography, Etc.)
	Section 2		Page Layout (Columns, Grids, Etc.)
	Section 3		Page Components (Navigation, Calendars, FAQ's, etc.)
	Section 4		User Interaction (Forms, Error Messages, Etc.)






	=> Section 1 - General Styles
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Begin Eric Meyer's Recommended Reset Styles (Slightly Modified)
	http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	background:transparent;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
ol, ul, li{
	list-style:none;
}
blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}
:focus{
	outline:0;
}
ins{
	text-decoration:none;
}
del{
	text-decoration:line-through;
}
b, strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/*
	End Reset
*/



body{
	background:url(/_img/window-bgd.png) repeat-x left top rgb(161,122,64);
	color:#222;
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:1;
}



/*
	Links
*/
a{
	outline:none; /* Remove Dotted Border */
}
a:link{
	text-decoration:underline;
}
a:visited{
}
a:hover, a:active{
	text-decoration:none;
}


/*
	Common Classess
*/
.hide{
	display:none;
}
span.emphasis-start{
	color:rgb(157,90,7);
	font-size:16px;
	font-weight:bold;
}



/*
	Base Typography
*/
h1{
	color:#820;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:30px;
	margin:0 0 10px 0;
}
h2{
	color:#820;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin:20px 0 0 0;
}
h2 a:link, h2 a:visited{
	color:#820;
}
h2 a:hover, h2 a:active{
	color:#561702;
}
h3, h4, h5, h6{
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
p{
	line-height:20px;
	margin-bottom:20px;
}
table{
	margin-bottom:20px;
	width:99.8%;
}



/*
	<div id="in-masthead"> Typography Overrides
*/
#in-masthead h1{
	line-height:1em;
	margin:0;
	padding:50px 0 0 0;
}
#in-masthead h1 a:link, #in-masthead h1 a:visited{
	color:#fff;
	text-decoration:none;
}


/*
	<div id="content"> Typography Overrides
*/
#content ul, #content ol, #in-sidebar ul, #in-sidebar ol, #home-sidebar ul, #home-sidebar ol{
	line-height:1.5385em;
	list-style-position:outside;
	margin:0 0 20px 0;
}
#content ol, #in-sidebar ol, #home-sidebar ol{
	margin-left:40px;
}
#content ul li, #in-sidebar ul li, #home-sidebar li{
	background:url(/_img/bullet_black.png) 5px .5em no-repeat;
	padding:0 0 0 20px;
}
#content ol li, #in-sidebar ol li, #home-sidebar ol li{
	list-style-type:decimal;
}
#content ul li, #content ol li, #in-sidebar ul li, #in-sidebar ol li, #home-sidebar ul li, #home-sidebar ol li{
	line-height:20px;
}
#content ul ul, #content ol ol, #in-sidebar ul ul, #in-sidebar ol ol, #home-sidebar ul ul, #home-sidebar ol ol{
	margin:0 0 20px 0;
}


/*
	<div id="sidebar"> Typography Overrides
*/
#sidebar h1{
	border-bottom:1px dotted #ddd;
	color:#333;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}


/*
	<div id="footer-inner"> Typography Overrides
*/
#footer-inner a:link, #footer-inner a:visited{
	color:#000;
}
div.vcard{
	font-size:11px;
}
div.vcard li{
	line-height:15px;
}
span.organization-name{
	font-size:12px;
	font-weight:bold;
}
a.site-credits:link, a.site-credits:visited{
	font-size:7px;
	text-decoration:none;
}


/*
	Home Page Typography Overrides
*/
#home-content h1{
	font-size:18px;
}


/*
	Styles for Tiny MCE Editor
*/
.callout{
	color:#777;
	font-size:18px;
	font-style:italic;
	line-height:25px;
	margin-left:20px;
	margin-right:20px;
}







/*
	=> Section 2 - Page Layout (2 column layout with floated divs and negative margins)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#accessibility{
	display:none;
}
#masthead{
	height:110px;
	padding-top:5px;
}
#in-masthead{
	background:url(/_img/masthead-bgd.jpg) no-repeat top left transparent;
	height:110px;
	margin:0 auto;
	position:relative;
	width:960px;
}
#masthead h1 a:link, #masthead h1 a:visited{
	background:url(/_img/logo.png) no-repeat;
	display:block;
	height:44px;
	left:17px;
	position:absolute;
	text-indent:-9999em;
	top:46px;
	width:243px;
}
div#search{
	left:730px;
	position:absolute;
	top:75px;
}
#searchForm{
}
#search_term{
	width:170px;
}
a#search_go:link, a#search_go:visited{
	color:#fff;
	text-decoration:none;
}
#pnav{
	height:35px;
	overflow:hidden;
}
#outer-content-wrapper{
}
#inner-content-wrapper{
	background:#fff;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	width:940px;
}
#content{
	background:url(/_img/content-bgd.png) repeat-x left top transparent;
	float:left;
	min-height:700px;
	padding:10px;
	width:630px;
}
.billboard{
}
#sidebar{
	float:right;
	width:280px;
}
#sidebar .section{
	margin:0 0 20px 0;
}
#footer-outer{
	padding-bottom:9px;
}
#footer-inner{
	background:url(/_img/footer-bgd.gif) repeat-x left top transparent;
	height:90px;
	margin:0 auto;
	padding:10px;
	position:relative;
	width:940px;
}
div.vcard{
}
p.copyright{
	position:absolute;
	right:10px;
	top:10px;
	text-align:right;
	width:400px;
}

/*
	Page Layout Overrides
*/



/*
	Home Page
*/
#home-feature{
	height:240px;
	position:relative;
}
#home-slideshow{
	height:230px;
	left:0;
	position:absolute;
	top:0;
	width:650px;
}
#home-ad{
	height:230px;
	position:absolute;
	right:0;
	top:0;
	width:280px;
}
#home-content{
	background:url(/_img/content-bgd.png) repeat-x left top transparent;
	overflow:hidden;
}
#home-sermons{
	float:left;
	padding:10px;
	width:350px;
}
#home-sermons .sermon{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:10px;
}
#home-sermons .sermon a:link, #home-sermons .sermon a:visited{
	color:#882200;
}
#home-sermons .sermon a:hover, #home-sermons .sermon a:active{
	color:#CC0033;
}
#home-calendar{
	background:url(/_img/home-calendar-bgd.png) repeat-x left top transparent;
	float:left;
	padding:10px;
	width:260px;
}
#home-sidebar{
	float:left;
	padding:10px;
	width:269px;
}




/*
	=> Section 3 - Page Components (Navigation, Special Styling, Etc.)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/*
	Primary Nav
*/
#nav{
	background:url(/_img/pnav-bgd.jpg) no-repeat left top transparent;
	height:35px;
	margin:0 auto;
	overflow:hidden;
	width:950px;
}
#nav li{
	float:left;
}
#nav a:link, #nav a:visited{
	border-left:1px solid rgb(61,51,44);
	border-right:1px solid rgb(0,0,0);
	color:#eee;
	display:block;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:15px;
	letter-spacing:.15em;
	line-height:1em;
	margin:0;
	padding:10px 10px 10px 10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}
#nav a:hover, #nav a:active, #nav li.current a:link, #nav li.current a:visited{
	background:#000;
	color:#fff;
}



/*
	Secondary Nav
*/
ul#subnav{
	margin-bottom:20px;
}
ul#subnav a:link, ul#subnav a:visited{
	background:url(/_img/subnav-link.png) no-repeat left center transparent;
	color:#000;
	display:block;
	font-size:14px;
	height:28px;
	line-height:15px;
	padding:12px 10px 0px 45px;
	margin-bottom:5px;
	text-decoration:none;
	text-transform:uppercase;
}
ul#subnav a:hover, ul#subnav a:active, ul#subnav li.current a:link, ul#subnav li.current a:visited{
	background:url(/_img/subnav-hover.png) no-repeat left center transparent;
	color:#000;
}
ul#subnav ul{
	display:none;
}
ul#subnav li.current ul{
	display:block;
}
ul#subnav ul a:link, ul#subnav ul a:visited, ul#subnav li.current ul a:link, ul#subnav li.current ul a:visited{
}
ul#subnav ul a:hover, ul#subnav ul a:active, ul#subnav li.current ul a:hover, ul#subnav li.current ul a:active{
}



/*
	Subpage Nav
*/
.subpage{
	background:url(/_img/pagenav-link.png) no-repeat left center transparent;
	padding-left:40px
}
.subpage:hover{
	background:url(/_img/pagenav-hover.png) no-repeat left center transparent;
}
.subpage h2{
	margin:0;
	padding:10px 0 0 0;
}
.subpage h2 a:link, .subpage h2 a:visited{
	text-decoration:none;
}
.subpage h2 a:hover, .subpage h2 a:active{
	color:#b0361d;
}
.subpage p{
	margin:0;
	padding:0 0 10px 0;
}



/*
	Breadcrumbs
*/
#breadcrumbs-outer{
}
#breadcrumbs-inner{
	background:#fff;
	font-size:11px;
	line-height:20px;
	margin:0 auto 0 auto;
	padding:10px 10px 0 10px;
	width:940px;
}
#breadcrumbs-inner strong{
	font-weight:normal;
}
#breadcrumbs-inner, #breadcrumbs-inner a:link, #breadcrumbs-inner a:visited{
	color:#bbb;
}
#breadcrumbs-inner a:hover, #breadcrumbs-inner a:active{
	text-decoration:none;
}



/*
	Emphasized <ul>
*/
#content ul.emphasis-list li{
	background:url(/_img/star-bullit.png) left center no-repeat;
	font-size:15px;
	margin:0 0 5px 20px;
	padding-left:25px;
}
ul.emphasis-list li b{
	color:#000;
}


/*
	Emphasized <ol>
*/
ol.emphasis-list{
	color:rgb(157,90,7);
}
ol.emphasis-list li{
	color:rgb(157,90,7);
}
ol.emphasis-list h3{
	color:#000;
}
ol.emphasis-list p{
	color:#2a2a2a;
}



/*
	FAQ
*/
ol.faq{
	color:rgb(219,133,41);
}
ol.faq li{
	color:rgb(219,133,41);
}
ol.faq h2{
	color:rgb(219,133,41);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
}
ol.faq p{
	color:#2a2a2a;
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
}



/*
	Event Listing on Event Pages, Sermon Listing on Sermon Pages, and Sidebar Sermon/Event Listing
	Defaults set for sidebar, overrides for main content area
*/
.event, .sermon{
	overflow:hidden;
	padding:5px 0 5px 0;
}
.alt-sermon{
}
.event h2, .sermon h2{
	font-weight:normal;
	line-height:1em;
	margin:0 0 0 45px;
	padding:0;
}
.event p, .sermon p{
	font-size:11px;
	line-height:15px;
	margin:0 0 0 45px;
}
.event h2 a, .event p a, .sermon h2 a, .sermon p a{
	text-decoration:none;
}
.event h2 a:hover, .event p a:hover, .sermon h2 a:hover, .sermon p a:hover{
	text-decoration:underline;
}
.calendar-page, .play-audio, .download-notes{
	float:left;
	width:30px;
}
.calendar-page{
	background:url(/_img/calendar_empty.png) no-repeat left top transparent;
	height:35px;
}
.calendar-page a:link, .calendar-page a:visited /* :visited is necessary for ie6 */{
	color:#000;
	display:block;
	font-size:9px;
	font-weight:bold;
	line-height:9px;
	padding:10px 0 0 0;
	text-align:center;
	text-decoration:none;
	width:30px;
}
.play-audio a{
	background:url(/_img/play_audio.png) no-repeat center center;
	display:block;
	height:30px;
	text-indent:-9999em;
	width:30px;
}
span.sermon-date{
	color:#777;
}
.download-notes a{
	background:url(/_img/download-letter.gif) no-repeat left top transparent;
	display:block;
	height:41px;
	width:35px;
	text-indent:-9999em;
}
/* Content Area Overrides */
#content .calendar-page{
}
#content .event, #content .sermon, #content .blog-post, .missionary{
	border-top:1px solid #ccc;
	padding-bottom:20px;
}
#content .event h2, #content .sermon h2{
	font-family:Cambria, Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.3846em;
	line-height:1.3888em;
	margin-bottom:.2777em;
}
#content .event p{
	font-size:1em;
	line-height:1.5385em;
	margin-bottom:1.5385em;
}
/* Sidebar Area Overrides */
#sidebar .event h2, #sidebar .sermon h2{
	font-family:Calibri, "Lucida Grande", "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
}



/*
	Calendar (in sidebar on events pages)
*/
#calendar-container{
}
.calendar{
	width:279px;
}
.calendar caption{
	border-bottom:1px solid #815c26;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	margin:0;
	padding-bottom:4px;
	text-align:left;
}
.calendar caption span{
	font-weight:bold;
	padding:0 5px 0 5px;
}
.calendar th{
	background-color:#dfdfdf;
	color:#777;
	font-size:11px;
	padding:2px 0 2px 0;
	text-align:center;
}
.calendar td{
	border:1px solid #eee;
	color:#ccc;
	height:30px;
	vertical-align:middle;
	text-align:center;
	width:14%;
}
.calendar td.empty{
}
.calendar td.linked-day{
	background-color:#e5b843;
}
.calendar td.linked-day:hover{
	background-color:#882200;
}
.calendar td.current{
	background-color:#f0f0f0;
	color:#000;
}
.calendar td.current a:link, .calendar td.current a:visited{
	color:#000;
}
.calendar td.current a:hover, .calendar td.current a:active{
	color:#000;
}
.calendar td a:link, .calendar td a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.calendar td a:hover, .calendar td a:active{
}
/* Pop-up when you hover over a date on the Calendar Page */
#traildiv{
   position:absolute;
   top:0px;
   left:0px;
   z-index:900;
   visibility:hidden;
   width:160px;
   color:#fff;
}
#traildiv ul{
	background-color:#882200;
	list-style-type:none;
	list-style-image:none;
	margin:0;
	padding:10px;
	width:auto;
}
#traildiv li{
   color:#FFF;
   margin-bottom:10px;
}
#traildiv a{
   color:#FFF;
   text-decoration:none;
}
/*
	Overrides for Home Page Mini Cal
*/
#home-calendar .calendar{
	width:259px;
}
#home-calendar .calendar caption{
	border-bottom:1px solid #ccc;
	color:#882200;
}
#home-calendar .calendar th{
	background-color:#dfdfdf;
	color:#777;
}
#home-calendar td{
	border:1px solid #eee;
}
#home-calendar .calendar td.current{
	background-color:#f0f0f0;
	color:#000;
}




/*
	Detail Table on Event Pages
*/
.detail{
	background:#f5e6cf;
}
.detail tr{
	border-bottom:3px solid #fff;
}
.detail td{
	padding:5px;
	vertical-align:top;
}
.detail td.leftcol{
	background:#edd7b3;
	border-right:3px solid #fff;
	font-weight:bold;
	text-align:right;
	width:25%;
}



/*
	Sermon Media Box
*/
h3.media-options{
	background:#777;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:1em;
	margin:0;
	padding:5px 10px 5px 10px;
}
#content ul.sermon-media{
	background:#ddd;
	border:1px solid #777;
	list-style:none;
	overflow:hidden;
	padding:0;
}
#content ul.sermon-media li{
	background:none;
	display:block;
	float:right;
	list-style:none;
	overflow:hidden;
	padding:5px 5px 5px 25px;
	width:379px;
}
#content ul.sermon-media li.listen{
	float:left;
	padding:0;
	width:150px;
}
span.listen a{
	background:url(/_img/sermon_media_play.gif) right center no-repeat;
	display:block;
	height:60px;
	padding:10px 0 10px 10px;
	text-indent:-9999em;
	width:139px;
}
#content ul.sermon-media li.watch{
	background:url(/_img/sermon_media_video.png) left center no-repeat;
}
#content ul.sermon-media li.download{
	background:url(/_img/sermon_media_download.png) 4px center no-repeat;
}
#content ul.sermon-media li.notes{
	background:url(/_img/sermon_media_notes.png) left center no-repeat;
}
#content ul.sermon-media li.feed{
	background:url(/_img/sermon_media_podcast.gif) left center no-repeat;
}


/*
	Bible Conference Speakers
*/
.speaker{
	overflow:hidden;
	width:99%;
}
.speaker img{
	float:left;
	margin:0 20px 10px 0;
}


/*
	Google Map
*/
#gmap{
	height:260px;
	margin:0 0 20px 0;
	width:630px;
}



/*
	Photo Gallery
*/
#church-photo-gallery{
	height:481px;
	margin-bottom:1em;
	width:630px;
}

/*
	Bridge Tract
*/
#bridge-tract{
	background:#fff;
	height:501px;
	margin-bottom:1em;
	width:629px;
}


/*
	Email Newsletter Signup
*/
p.signup{
	font-size:0.8462em;
	line-height:1.5em;
	margin:0 0 .75em 0;
}



/*
	Sitemap
*/
div#content ul#sitemap, div#content ul#sitemap li, div#content ul#sitemap ul{
	list-style:none;
	margin:0;
	padding:0;
}
ul#sitemap li a:link, ul#sitemap li a:visited{
	background:#333;
	border-bottom:1px solid #fff;
	color:#fff;
	display:block;
	font-size:15px;
	padding:5px;
	text-decoration:none;
}
ul#sitemap li a:hover, ul#sitemap li a:active{
	background:#000;
}
ul#sitemap li ul li a:link, ul#sitemap li ul li a:visited{
	background:#ddd;
	color:#000;
	font-size:13px;
	font-weight:bold;
	padding:5px 5px 5px 20px;
}
ul#sitemap li ul li a:hover, ul#sitemap li ul li a:active{
	background:#ccc;
}
ul#sitemap li ul li ul li a:link, ul#sitemap li ul li ul li a:visited{
	background:#fff;
	font-weight:normal;
	padding:5px 5px 5px 40px;
}








/*
	=> Section 4 - User Interaction (Forms, Icons, Warnings, Etc.)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Contact Area Forms
*/
#content .monkForm{
}
#content .monkForm legend{
	display:none;
}
#content .monkForm div{
}
#content .monkForm p{
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	line-height:1em;
	margin:0 0 10px 0;
	overflow:hidden;
}
#content .monkForm label{
	color:#555;
	float:left;
	line-height:15px;
	padding:0 10px 0 0;
	width:200px;
	text-align:right;
}
#content .monkForm div.required p label{
	color:#000;
	font-weight:bold;
}
/* Check Boxes */
#content .monkForm div.checkbox{
	margin:0 0 0 210px;
	overflow:hidden;
}
#content .monkForm div.checkbox label{
	float:none;
}
#content .monkForm div.checkbox p{
	float:left;
	width:164px;
}



/*
	Sidebar Contact Us Form
*/
#sidebar .monkForm{
	background:url(/_img/home-calendar-bgd.png) repeat-x left top transparent;
	border-top:1px solid #777;
	padding:20px;
}
#sidebar .monkForm p{
	margin-bottom:10px;
}
#sidebar .monkForm label{
	display:block;
	font-weight:bold;
}
