/*
	
	Olathe View Baptist Church
	http://olatheview.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:url(/_img/tile-window-bgd.png) repeat 50% top transparent;
	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:Cambria, Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:30px;
	margin:0 0 10px 0;
}
h2{
	color:#4f3414;
	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
*/


/*
	<div id="content"> and <div id="sidebar"> Typography Overrides
*/
#content h1{
	padding:40px 0 0 0;
}
div#billboard + h1, body#index h1{
	padding-top:0;
}
#content p{
	font-family:Cambria, Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	margin-right:40px;
}
#content ul, #content ol{
	font-family:Cambria, Palatino, "Book Antiqua", 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:#fff;
	font-size:16px;
	line-height:20px;
	margin-bottom:5px;
	padding:10px 0 5px 0;
}
#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{
	color:#e4e0cb;
	font-size:11px;
	font-weight:bold;
}
#sidebar p{
	color:#e4e0cb;
	font-size:11px;
}
.section ul, .section ol{
	color:#e4e0cb;
	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:0;
}
.section ol{
	margin-left:30px;
}
.section ul li{
	background:url(/_img/sidebar-bullit.png) 5px .5em no-repeat;
	padding:0 0 0 20px;
}
.section ol li{
	list-style-type:decimal;
	padding:0 0 0 0;
}
.section ul ul, .section ol ol{
	margin:0 0 20px 0;
}
.section a:link, .section a:visited{
	color:#e4e0cb;
	text-decoration:none;
}
.section a:hover, .section a:active{
	color:#e4e0cb;
	font-weight:bold;
}



/*
	<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)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
div#accessibility{
	display:none;
}
#toptabnav{
	background:url(/_img/tile-top-bar.png) repeat-x 50% top transparent;
	height:52px;
	min-width:781px;
	position:relative;
}
#toptabnav li a{
	display:block;
	height:42px;
	left:50%;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	top:0;
}
li a.service-info{
	background:url(/_img/service-info.png);
	margin-left:-132px;
	width:128px;
}
li a.contact-us{
	background:url(/_img/contact-us.png);
	margin-left:-4px;
	width:109px;
}
li.search-tab{
	background:url(/_img/search-tab.png);
	display:block;
	height:42px;
	left:50%;
	margin-left:105px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999px;
	top:0;
	width:216px;
}
#search_term{
	background-image:none;
	border:none;
	color:#777;
	left:36px;
	height:18px;
	position:absolute;
	top:6px;
	width:130px;
}
#toptabnav li a#search_go{
	/* watch inherited sytles on this element */
	color:#fff;
	height:2em;
	left:175px;
	text-indent:0px;
	top:9px;
	width:3em;
}
#masthead{
	background:url(/_img/tile-top-bar.png) repeat-x 50% -52px transparent;
}
#in-masthead{
	background:url(/_img/masthead-bgd.jpg) no-repeat left top transparent;
	height:103px;
	margin:0 auto;
	position:relative;
	width:781px;
	z-index:2;
}
#in-masthead div.logo a{
	display:block;
	height:102px;
	text-indent:-9999px;
	width:200px;
}
#banner{
	height:160px;
}
#outer-content-wrapper{
	background:url(/_img/tile-page-vert.png) repeat-y left top transparent;
	margin:0 auto;
	width:781px;
}
#inner-content-wrapper{
	background:url(/_img/masthead-bgd.jpg) no-repeat 0px -103px transparent;
	margin:0 auto;
	overflow:hidden;
	width:781px;
}
#content{
	float:left;
	margin-left:227px;
	width:520px;
}
div#billboard{
	margin:0 0 20px 0;
	overflow:hidden;
	width:520px;
}
div#billboard img{
	border:5px solid #f8f6f1;
}
#sidebar{
	/* using padding on the bottom instead of margin or else ie 6 and 7 choke */
	float:left;
	margin:0 0 0 -740px;
	width:200px;
}
#sidebar #in-sidebar{
	background:url(/_img/sidebar-top.png) no-repeat left top #b7a252;
	color:#fff;
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	position:relative;
}
.in-sidebar-bottom{
	/* Inserted via the DOM */
	background:url(/_img/sidebar-bottom.png) no-repeat left bottom transparent;
	padding:0 0 10px 0;
}
.section{
	padding:0 10px 0 10px;
}
#footer-outer{
}
#footer-inner{
	background:url(/_img/footer-bgd.jpg) no-repeat left bottom transparent;
	height:139px;
	margin:0 auto;
	width:781px;
}
.vcard{
	padding:50px 0 0 0;
}
.vcard address{
	font-size:11px;
	font-style:normal;
	text-align:center;
}


/*
	Page Layout Overrides
*/



/*
	Home Page
*/

/* Mo-Kan Pastors Fellowship Icon */
a#mkpf{
	background-image:url(/_img/mkpf-icon.png);
	display:block;
	height:67px;
	margin:30px 0 0 0;
	text-indent:-9999px;
	width:189px;
}

/* Featured Event and Most Recent Sermon */
div.featured-event{
	background:url(/_img/featurebox-gradient-tile.gif) repeat-x top left #f4e3aa;
	padding:15px;
	margin-bottom:1px;
	position:relative;
}
div.recent-sermon{
	background:url(/_img/featurebox-gradient-tile.gif) repeat-x top left #f4e3aa;
	margin-bottom:18px;
	padding:15px 0 20px 90px;
	position:relative;
}
div.recent-sermon div.playicon a{
	background:url(/_img/play-audio-icon.jpg) no-repeat center center;
	display:block;
	height:52px;
	left:18px;
	position:absolute;
	text-indent:-9999px;
	top:35px;
	width:53px;
}
div.recent-sermon h2, div.featured-event h2{
	color:#d28501;
	padding:0;
	margin:0 0 10px 0;
}
div.recent-sermon h3, div.featured-event h3{	
	color:#4f3414;
	font-family:Cambria, Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:bold;
	line-height:15px;
	margin:0 0 5px 0;
	padding:0;
}
div.recent-sermon h3 a:link, div.recent-sermon h3 a:visited, div.featured-event h3 a:link, div.featured-event h3 a:visited{
	color:#3d4619;
}
div.featured-event h3, div.featured-event p{
	margin-left:45px;
}








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


/*
	Primary Nav
*/
/* Top Level Nav Items */
ul#nav{
	margin:40px 0 20px 0;
}
ul#nav li{
	position:relative;
}
ul#nav a{
	color:#000;
	background:url(/_img/nav-bullit.png) no-repeat left center;
	display:block;
	font-size:15px;
	height:1em;
	line-height:1em;
	margin-bottom:.25em;
	padding:4px 0 4px 30px;
	text-decoration:none;
	width:180px;
}
ul#nav a:hover, ul#nav li.current a {
	background:url(/_img/nav-hover.png) no-repeat -1px center;
}

/* 2nd Level Drop Down Menus - positioned off the page to hide until moused over */
ul#nav ul{
	border-left:1px dotted #777;
	display:none;
	margin-left:50px;
}
ul#nav ul li{
}
ul#nav ul a,  ul#nav li.current ul a{
	background-image:none;
	font-size:13px;
	height:auto;
	margin:0 0 1em 1em;
	padding:0;
	width:auto;
}
ul#nav ul a:hover, ul#nav li.current ul li.current a{
	background-image:none;
	color:#912804;
}




/*
	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:Cambria, Palatino, "Book Antiqua", 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, .article{
	overflow:hidden;
	padding:5px 0 5px 0;
}
.alt-sermon{
}
.event h2, .sermon h2, .article 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, .article h2 a, .article p a{
	text-decoration:none;
}
.event h2 a:hover, .event p a:hover, .sermon h2 a:hover, .sermon p a:hover, .article h2 a:hover, .article p a:hover{
	text-decoration:underline;
}
.calendar-page, .play-audio, .download-notes, .read-article{
	float:left;
	width:30px;
}
.calendar-page{
	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;
	text-align:center;
	text-decoration:none;
	width:30px;
}
.startmonth{
	text-transform:uppercase;
}
.startday{
	font-size:13px;
	font-family:Cambria, Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
}
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{
	width:99.9%;
}
.calendar caption{
	font-weight:bold;
	margin:0;
	padding-bottom:5px;
}
.calendar caption span{
	font-weight:bold;
}
.calendar th{
	color:#fff;
	font-size:10px;
	padding:2px 0 3px 0;
	text-align:center;
}
.calendar td{
	color:#ccc49c;
	height:30px;
	vertical-align:middle;
	text-align:center;
	width:14%;
}
.calendar td.empty{
}
.calendar td.linked-day{
	background-color:#897e4a;
}
.calendar td.linked-day:hover{
	background-color:#af1d01;
}
.calendar td.current{
	background-color:#704910;
	color:#fff;
}
.calendar td.current a{
	color:#fff;
}
.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:#fff;
	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:300px;
}
#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:500px;
}









/*
	=> Section 4 - User Interaction (Forms, Icons, Warnings, Etc.)
	-------------------------------------------------------------------------------------------------------------------------------------------------------------
	Contact Area Forms
*/
#content .monkForm{
}
#content .monkForm legend{
	display:none;
}
#content .monkForm div{
	border-top:1px solid rgb(244,223,190);
	overflow:hidden;
	padding:10px 0 10px 0;
}
#content .monkForm p{
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	margin:0;
}
	p.error{
		background:#933;
		color:#fff;
		font-weight:bold;
		margin-top:-10px;
		margin-bottom:10px;
		padding:8px 10px 8px 10px;
	}
	p.data{
		font-size:15px;
	}
#content .monkForm label{
	color:#555;
	display:block;
	line-height:15px;
	padding:0 0 5px 0;
}
#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;
}

#formsubmit input{ 
    position: relative; 
    z-index: 1;
    overflow: visible; 
    display: inline-block; 
    padding: 0.3em 0.6em 0.375em; 
    border: 1px solid #999; 
    border-bottom-color: #888;
    margin:0 0 30px 0;
    text-decoration: none; 
    text-align: center;
    font: bold 15px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; 
    white-space: nowrap; 
    cursor: pointer; 
    /* outline: none; */
    color: #333; 
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

#formsubmit input:hover,
#formsubmit input:focus,
#formsubmit input:active {
    border-color: #777 #777 #666;
}

#formsubmit input:active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* overrides extra padding on button elements in Firefox */
#formsubmit input::-moz-focus-inner {
    padding: 0;
    border: 0;
}