/*
	
	
	http://bereanlafayette.org/
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	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
*/

html{
	overflow:auto;
}

body{
	background:#3d3d38;
	color:#3e3d3a;
	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{
	color:rgb(89,120,155);
	text-decoration:underline;
}
a:visited{
	color:rgb(51,51,45);
}
a:hover, a:active{
	color:rgb(219,65,5);
	text-decoration:none;
}


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


/*
	Base Typography
*/
h1{
	color:rgb(51,51,45);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:30px;
	margin:0 0 10px 0;
}
h2{
	color:rgb(219,65,5);
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin:20px 0 0 0;
}
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"> and <div id="sidebar"> Typography Overrides
*/
#content p{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-right:40px;
}
#content ul, #content ol{
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:20px;
	list-style-position:outside;
	margin-bottom:20px;
}
#content ul li, #content ol li{
	line-height:20px;
}
#content ul{
	margin-left:20px;
}
#content ol{
	margin-left:40px;
}
#content ul li{
	background:url(/_img/bullet_black.png) 5px .5em no-repeat;
	padding:0 60px 0 20px;
}
#content ol li{
	list-style-type:decimal;
	padding:0 60px 0 0;
}
#content ul ul, #content ol ol{
	margin:0 0 20px 0;
}
p.note{
	font-size:11px;
	font-style:italic;
}


/*
	<div id="sidebar"> Typography Overrides
*/
#sidebar h1{
	border-bottom:1px solid rgb(236,225,207);
	color:#333;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
	padding-bottom:5px;
}
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
	font-size:11px;
	font-weight:bold;
}
#sidebar p{
	font-size:11px;
}
.section ul, .section ol{
	font-size:11px;
	line-height:20px;
	list-style-position:outside;
	margin-bottom:20px;
}
.section ul li, .section ol li{
	line-height:20px;
}
.section ul{
	margin-left:10px;
}
.section ol{
	margin-left:30px;
}
.section ul li{
	background:url(/_img/bullet_black.png) 5px .5em no-repeat;
	padding:0 60px 0 20px;
}
.section ol li{
	list-style-type:decimal;
	padding:0 60px 0 0;
}
.section ul ul, .section ol ol{
	margin:0 0 20px 0;
}



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







/*
	=> Section 2 - Page Layout (2 column layout with floated divs and negative margins)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#accessibility{
	background:url(/_img/masthead-top-border.jpg) repeat-x left top transparent;
	height:5px;
}
#accessibility ul{
	display:none;
}
#masthead{
	background:url(/_img/page-tile.png) repeat-x left top transparent;
	height:135px;
}
#in-masthead{
	background:url(/_img/masthead-bgd.jpg) no-repeat center top transparent;
	height:135px;
	margin:0 auto;
	max-width:1020px;
	min-width:960px;
	position:relative;
	width:100%;
}
a.logo{
	display:block;
	height:31px;
	left:50%;
	margin:0 0 0 -470px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999em;
	top:65px;
	width:336px;
}
#pnav{
	bottom:0px;
	height:54px;
	margin:0 -560px 0 0;
	overflow:hidden;
	position:absolute;
	right:50%;
	width:600px;
}
#outer-content-wrapper{
	background:url(/_img/page-tile.png) repeat-x 0px -135px #efe0c3;
}
#inner-content-wrapper{
	background:url(/_img/inner-content-bgd.jpg) no-repeat center top #fffaec;
	margin:0 auto;
	overflow:hidden;
	width:960px;
}
#content{
	float:left;
	padding:20px;
	width:600px;
}
.billboard{
}
#sidebar{
	float:left;
	padding:30px 0 20px 0;
	width:319px;
}
#sidebar .section{
	margin:0 20px 20px 20px;
}
#footer-outer{
	background:url(/_img/footer-tile.gif) repeat-x left top transparent;
}
#footer-inner{
	color:#ccc;
	margin:0 auto;
	padding:30px 0 20px 0;
	width:960px;
}
div.vcard{
	width:590px;
}
p.copyright{
	float:right;
	font-size:11px;
	width:370px;
	text-align:right;
}


/*
	Page Layout Overrides
*/



/*
	Home Page
*/
#index #inner-content-wrapper{
	background:none;
}
#welcome{
	height:260px;
	margin:0 0 20px 0;
	position:relative;
}
#banner{
	height:250px;
	background:url(/_img/home-banner-tile.png) repeat-x left top transparent;
	left:0;
	overflow:hidden;
	padding:5px;
	position:absolute;
	top:0;
	width:650px;
}
#visitors{
	height:260px;
	position:absolute;
	right:0;
	top:0;
	width:280px;
}
#features{
	overflow:hidden;
	margin:0 0 20px 0;
	width:960px;
}
.recent-sermons{
	float:left;
	margin:0 1px 0 0;
	width:479px;
}
.coming-events{
	background:url(/_img/home-coming-events-tile.png) repeat-x left 25px transparent;
	float:left;
	margin:0 1px 0 0;
	min-height:290px;
	width:239px;
}
.services{
	float:left;
	width:239px;
}
/*
	Home Typography
*/
.recent-sermons h1, .coming-events h1, .services h1{
	border-bottom:3px solid #000;
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:14px;
	letter-spacing:.05em;
	line-height:15px;
	padding:5px;
}
.recent-sermons h1{
	border-bottom-color:rgb(219,65,5);
	color:rgb(219,65,5);
}
.recent-sermons h2{
	color:rgb(28,21,13);
	font-size:13px;
	margin:0;
	padding:0 10px 5px 10px;
}
.recent-sermons h2 a:link, .recent-sermons h2 a:visited{
	color:rgb(28,21,13);
	text-decoration:none;
}
.recent-sermons h2 a:hover, .recent-sermons h2 a:active{
	color:rgb(219,65,5);
}
.recent-sermons p{
	margin:0 10px 0 10px;
}
.recent-sermons p em{
	color:#777;
}
.recent-sermons div.sermon-listen{
	border-bottom:1px solid rgb(236,225,207);
	margin:0 0 10px 0;
	padding:10px;
}
.recent-sermons div.sermon-listen a:link, .recent-sermons div.sermon-listen a:visited{
	background:url(/_img/btn-home-play-sermon.png) no-repeat left center transparent;
	display:block;
	color:rgb(219,65,5);
	font-weight:bold;
	padding:0 0 0 10px;
	text-decoration:none;
}
.coming-events h1{
	border-bottom-color:rgb(204,204,159);
	color:rgb(179,179,139);
}
.coming-events h2{
	border-bottom:1px solid rgb(236,225,207);
	color:rgb(28,21,13);
	font-size:13px;
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
}
.coming-events h2 a:link, .coming-events h2 a:visited{
	color:rgb(28,21,13);
	text-decoration:none;
}
.coming-events h2 a:hover, .coming-events h2 a:active{
	color:rgb(219,65,5);
}
.coming-events h2 a.Featured:link, .coming-events h2 a.Featured:visited{
	color:rgb(219,65,5);
	text-decoration:none;
}
.coming-events h2 a.Featured:hover, .coming-events h2 a.Featured:active{
	color:#CC0000;
}
.coming-events span.event-date{
	font-weight:normal;
	font-size:11px;
}
.services h1{
	border-bottom-color:rgb(139,162,190);
	color:rgb(139,162,190);
}
.services h2{
	border-bottom:1px solid rgb(236,225,207);
	color:rgb(28,21,13);
	font-size:13px;
	margin:0 10px 10px 10px;
	padding:0 0 10px 0;
}
.services p{
	margin:0 10px 0 10px;
}
.services ul{
	line-height:20px;
	list-style-position:outside;
	margin:0 10px 20px 10px;
}
.services ul li{
	background:url(/_img/bullet_black.png) 5px .5em no-repeat;
	line-height:20px;
	padding:0 0 0 20px;
}
div.actions{
	margin:0 10px 0 10px;
}
div.actions a:link, div.actions a:visited{
	background:url(/_img/arrow-trans.gif) no-repeat left center transparent;
	display:block;
	font-weight:bold;
	padding:0 0 0 20px;
	text-decoration:none;
}







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


/*
	Primary Nav
*/
#nav{
	margin:0 auto;
	overflow:hidden;
}
#nav li{
	float:left;
}
#nav a:link, #nav a:visited{
	background:url(/_img/nav-link.gif) no-repeat left center transparent;
	color:#fff;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:.2em;
	margin:0 10px 0 0;
	padding:4px 0 4px 20px;
	text-decoration:none;
	text-transform:uppercase;
}
#nav a:hover, #nav a:active, #nav li.current a:link, #nav li.current a:visited{
	background:url(/_img/nav-hover.gif) no-repeat left center transparent;
}



/*
	Secondary Nav
*/
ul#subnav{
	margin-bottom:20px;
}
ul#subnav a:link, ul#subnav a:visited{
	background:url(/_img/subnav-link.png) repeat-y left top transparent;
	color:#fff;
	display:block;
	font-size:13px;
	height:14px;
	line-height:15px;
	padding:8px 10px 8px 15px;
	margin-bottom:5px;
	text-decoration:none;
}
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) repeat-y left top transparent;
	font-weight:bold;
}
ul#subnav ul{
	margin-left:20px;
}
ul#subnav li.current ul{
	display:block;
	margin-left:20px;
}
ul#subnav ul a:link, ul#subnav ul a:visited, ul#subnav li.current ul a:link, ul#subnav li.current ul a:visited{
	background:none;
	color:#444;
	font-weight:normal;
	padding:0 5px 5px 5px;
}
ul#subnav ul a:hover, ul#subnav ul a:active, ul#subnav li.current ul li.current a:link, ul#subnav li.current ul li.current a:visited{
	background:none;
	color:#000;
	font-weight:bold;
}



/*
	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(51,51,45);
}
ol.faq li{
	color:rgb(51,51,45);
}
ol.faq h2, ol.faq h3{
	color:rgb(219,65,5);
	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;
}
h2 + ol.faq {margin-top:20px; }



/*
	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{
	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;
}
p.sermon-preacher{
	margin-bottom:10px;
}
#content p.sermon-summary{
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
}
.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;
}
p.sermon-details a:link, p.sermon-details a:visited{
	background:url(/_img/btn-details.png) no-repeat left top transparent;
	display:block;
	height:20px;
	margin:10px 0 0 0;
	text-indent:-9999em;
	text-decoration:none;
	width:100px;
}
/* Content Area Overrides */
#content .calendar-page{
}
#content .event, #content .sermon, #content .blog-post{
	border-top:1px solid rgb(236,225,207);
	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{
	margin-left:10px;
	width:299px;
}
.calendar caption{
	border-bottom:1px solid rgb(126,99,59);
	font-weight:bold;
	margin:0;
	padding-bottom:4px;
}
.calendar caption span{
	font-weight:bold;
}
.calendar th{
	background-color:rgb(172,146,107);
	color:#fff;
	font-size:11px;
	padding:2px 0 2px 0;
	text-align:center;
}
.calendar td{
	color:rgb(125,117,105);
	height:30px;
	vertical-align:middle;
	text-align:center;
	width:14%;
}
.calendar td.empty{
}
.calendar td.linked-day{
	background-color:rgb(159,180,204);
}
.calendar td.linked-day:hover{
	background-color:rgb(219,65,5);
}
.calendar td.current{
	background-color:rgb(51,51,45);
	color:#eee;
}
.calendar td.current a{
	color:rgb(219,65,5);
}
.calendar td.current a:hover{
	color:#fff;
}
.calendar td a{
	color:#fff;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
.calendar td a:hover{
}
/* 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;
}



/*
	Detail Table on Event Pages
*/
.detail{
	border-top:1px solid rgb(236,225,207);
}
.detail tr{
}
.detail td{
	padding:5px 5px 10px 5px;
	vertical-align:top;
}
.detail td.leftcol{
	font-weight:bold;
	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;
	margin:0 0 20px 0;
	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;
}



/*
	Google Map
*/
#gmap{
	border:2px solid #fff;
	height:300px;
	margin:0 0 20px 0;
	width:560px;
}









/*
	=> 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:#ddd;
	border-top:1px solid #777;
	padding:20px;
}
#sidebar .monkForm p{
	margin-bottom:10px;
}
#sidebar .monkForm label{
	font-weight:bold;
}