/* @override http://www.katyvineyard.org/css/styles.css */

/* @override http://www.katyvineyard.org/css/styles.css */
/*=====
FILE: styles.css
CREATED: 10/25/2007
MODIFIED: 2/18/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS

=====*/

#banner { position: relative;}

/* @group GLOBALS */
body				{ 
					  background:#a18c56 url(/images/body_bg.jpg) repeat-x center top; font-size:62.5%; margin:0; padding:0; 
					  font-family:"Lucida Grande", arial, verdana, tahoma, sans-serif; height:100%;
					}
html				{ height:100%; }
#outer-container	{ min-height:100%; }
* html #outer-container	{ height:100%; }
#container			{ margin:0 auto; padding-top:20px; width:771px;  }
#mainContent		{ display:block; background:url(/images/main_bg.jpg) repeat-y; padding-bottom:30px; }
#home #mainContent	{ padding-bottom:0; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

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

ul#skip				{ position:absolute; top:-999em; }
a:focus				{ outline:none; }
/* @end */

/* @group HEADER */
#header				{ position:relative; display:block; height:156px; background:url(/mediafiles/home-header.jpg) no-repeat left top; z-index: 1000;}
#overlay			{ 
					  display:block; background:url(/images/header_overlay.png) no-repeat; width:771px; height:156px; 		
					  position:relative; z-index:1; behavior:url(/iepngfix.htc); 
					}
/* @end */

/* @group NAVIGATION */
#nav-cap			{ 
					  display:block; width:24px; height:24px; background:url(/images/nav_cap.png) no-repeat; 
					  position:absolute; top:126px; left:220px; z-index:11;
					}
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ 
					  position:absolute; top:126px; left:244px; height:30px; z-index:10; background:#642315 url(/images/nav_bg.gif) repeat-x; 
					  width:527px; 
					}
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; font-size:1.25em; color:#fff; padding:0 12px; 
					  line-height:30px; text-transform:lowercase; text-decoration:none;
					}
#nav li:hover a,
#nav li.current a	{ background:url(/images/nav_current_bg.gif) repeat-x;  }
#nav li li			{ float:none; display:block; }
#nav li li a,
#nav li:hover li a	{ line-height:30px; background:#642315; width:116px; }
#nav li li a:hover	{ background:#963b26; }
#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:140px; }
#nav li:hover ul 	{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 140px;}
					
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent						{ 
									  float:right; padding:3px 19px 80px 18px; width:513px; 
									  background:url(/images/primary_bg.jpg) no-repeat left top; 
									}
#home #primaryContent				{ padding-bottom:0;}
#primaryContent p,
#primaryContent li					{ font-size:1.2em; line-height:1.5em; color:#4f4535; }
#primaryContent li p				{ font-size:1em; margin:0; }
#primaryContent a					{ color:#642315; }
#primaryContent a:hover 			{ text-decoration:none; }
#primaryContent img.brown-border	{ border:5px solid #6e5c41; }
#primaryContent img.red-border		{ border:5px solid #642315; }
#primaryContent img.white-border	{ border:5px solid #fff; }
img.left-align						{ float:left; margin:10px 10px 10px 0; }
img.right-align						{ float:right; margin:10px 0 10px 10px; }
#primaryContent img.mcms_stats 		{ display:none; border:0; }

	/* @group HEADINGS */
	#primaryContent h2, h3, h4, h5, h6 { color:#a37700; }
	#home #primaryContent h3,
	#primaryContent h2		{ 
							  font-size:1.9em; padding-bottom:10px; font-family:Georgia, "Times New Roman", serif; 
							  font-style:italic; 
							  font-weight:normal; background:url(/images/h2_bg.gif) repeat-x left bottom; width:auto;
							}	
	#home #primaryContent h3 span,
	#primaryContent h2 span	{ height:15px; background:url(/images/h2_ornament.gif) no-repeat right 2px; padding-right:30px;}
	#primaryContent h3		{ font-size:1.6em; }
	#primaryContent h4		{ font-size:1.5em; }
	#primaryContent h5		{ font-size:1.4em; }
	#primaryContent h6		{ font-size:1.3em; }
	/* @end */
	
	/* @group ARTICLES */
	.article h4				{ margin-bottom:0; }
	.article p				{ margin-top:0; margin-bottom:.5em; }
	/* @end */
	
	/* @group QUICKLINKS */	
	#quicklinks				{ display:block; padding-top:10px; clear:both;  }
	#home #quicklinks		{ margin-top:0; position:relative; ; }
	#quicklinks ul			{ padding:0; list-style:none; }
	#home #quicklinks ul	{ margin:8px 0 0 0; }
	#quicklinks ul li		{ display:block; float:left; margin:0 3px 7px 0; width:125px; }
	#quicklinks ul li:hover a	{ background-position:left bottom; }
	#quicklinks li img		{ border:0; height:94px; width:125px; }
	#quicklinks li a 		{ 
							  display:block; text-decoration:none; color:#fcfcfb; font-size:12px; 
							  background:url(/images/quicklink_a_bg.jpg) no-repeat right bottom;
							}
	#quicklinks li a b		{ 
							  display:block; font-weight:normal; padding-left:8px;
							  background:url(/images/ql_arrow.gif) no-repeat 100px -2px; 
							}
	#quicklinks li:hover a b{ background-position:100px bottom; }	
	#quicklinks li#quick1	{ background:url(/mediafiles/quicklink1.jpg) no-repeat; }
	#quicklinks li#quick2	{ background:url(/mediafiles/quicklink2.jpg) no-repeat; }
	#quicklinks li#quick3	{ background:url(/mediafiles/quicklink3.jpg) no-repeat; }
	#quicklinks li#quick4	{ background:url(/mediafiles/quicklink4.jpg) no-repeat; }
	/* @end */
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; margin:0; padding-left:15px; width:206px; position:relative; z-index:1001; }
#secondaryContent h1		{ 
					  		  
							  display:block; width:220px; height:125px; margin:0; padding:0;
							  background:url(/images/logo3.png) no-repeat; text-indent:-999em;
							  margin:-34px 0 10px -15px;
							}
#secondaryContent h1 a		{ display:block; width:221px; height:125px; }
#secondaryContent p			{ font-size:1.1em; color:#e5dbc3; line-height:1.5em; }
#secondaryContent p b 		{ color:#fff; }
#secondaryContent a			{ text-decoration:underline; }
#secondaryContent a:hover	{ text-decoration:none; }
#upcoming-events h3,
#recent-sermon h3,
#service-times h3			{ display:block; width:220px; height:31px; text-indent:-999em; margin-left:-15px; }

	/* @group UPCOMING EVENTS */	
	#upcoming-events			{ position:relative; }
	#upcoming-events h3			{ background:url(/images/upcoming_events_h3.gif) no-repeat; }
	#upcoming-events a#view-all	{ font-size:1em; color:#bba36e; position:absolute; top:10px; right:12px; }
	.event h4					{ font-size:1.1em; font-weight:bold; margin-bottom:3px }
	#secondaryContent .event h4 a { color:#f4f5ef; text-decoration:none; }
	#secondaryContent .event h4 a:hover			{ text-decoration:underline; }	
	.event						{ clear:both; display:block; margin-bottom:1.5em;}
	.event p.summary			{ font-size:1em; color:#b6a98e; margin-top:0; }
	.event p.date				{ 
								  background:url(/images/date_bg.gif) repeat-x; float:left; margin:0 10px 0 0; width:26px; 
								  height:31px; text-align:center; line-height:1; padding:0;
								}
	.event p.date span.month	{ 
								  font:9px "Trebuchet MS", Arial, Verdana, sans-serif; color:#fff; font-weight:bold; 
								  line-height:1; text-transform:uppercase; margin:0; padding:0;position:relative; top:-2px;
								}
	.event p.date span.day		{ 
								  font:16px "Trebuchet MS", Arial, Verdana, sans-serif; color:#241f16; font-weight:bold; 
								  line-height:1; margin:0; padding:0; position:relative; top:-2px;
								}
	/* @end */
	
	/* @group RECENT SERMON */
	#recent-sermon h3	{ background:url(/images/recent_sermon_h3.gif) no-repeat; }
	.sermon				{ position:relative; }
	.sermon h4			{ font-size:1.2em; margin:0; padding:0; font-weight:normal; }
	#secondaryContent .sermon h4 a		{ color:#fffefd; text-decoration:none; }
	#secondaryContent .sermon h4 a:hover 	{ text-decoration:underline; }
	.sermon p.date		{ font-size:1em; color:#e5dbc3; margin-top:3px; text-transform:uppercase }
	.sermon ul			{ position:absolute; top:0; right:7px; margin:0; padding:0; list-style:none; }
	.sermon li			{ float:left; margin-right:5px; }
	.sermon li a		{ display:block; width:25px; height:23px;  text-indent:-999em; }
	.sermon li.play a	{ background:url(/images/sidebar_play.gif) no-repeat; }
	.sermon li.download a { background:url(/images/sidebar_download.gif) no-repeat;  }
	.sermon li a:focus	{ outline:none; }
	
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times			{ padding:0; position:relative; }
	#service-times h3		{ margin-top:0; background:url(/images/service_times_h3.gif) no-repeat; }
	#service-times p		{ 
							  font-size:1.1em; font-family:"Lucida Grande", arial, verdana, sans-serif; 
							  margin-top:0; margin-bottom:5px;
							}
	#service-times p strong	{ font-size:14px; }
	#service-times p.map a	{ 
							  display:block;background:url(/images/directions_bg.jpg) no-repeat; width:82px; height:20px; 
							  text-indent:-999em; position:absolute; top:6px; right:7px; 
							}	
	/* @end */
	
	/* @group SEARCH */
	#search 				{ position:absolute; top:-33px; left:0; width:220px; height:45px; background:url(/images/search_bg.gif) no-repeat; }
	#search form			{ margin:0; padding:6px 0 0 3px; }
	#search fieldset		{ border:0; }	
	#search input			{ float:left; width:125px; }
	#search a				{ 
							  display:block; width:63px; height:23px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
							  float:right; 
							}
	/* @end */

/* @end */

/* @group FOOTER */
#footer				{ position:relative; padding-top:20px; background:url(/images/footer_bg.gif) no-repeat 1px top; }
#footer p			{ float:left; color:#5e4e36; font-size:1.1em; padding-bottom:20px;}
#footer p#designed 	{ float:right;  }
#footer p a			{ color:#241f16; }
#footer p a:hover	{ text-decoration:none; }
/* @end */

/* @group SERMON STYLES */
.sermonlist			{ border-top:8px solid #642315; border-bottom:1px solid #642315; margin-bottom:2em;}
.sermonbox			{ position:relative; padding:10px; background:#fff; }
.sermonlist h4		{ background:#fff; margin:0; padding:10px; font-size:1.4em;  }
.sermonbox h5		{ margin:0; font-size:1.2em; }
.sermonbox h5 span	{ font-size:10px; }
.sermonbox p		{ margin:2px 0; font-size:1.1em; }
.sermonbox ul		{ position:absolute; top:25px; right:30px; margin:0; padding:0; list-style:none; }
.sermonbox li		{ float:left; margin-right:5px; }
.sermonbox li a		{ display:block; height:16px; width:16px; text-indent:-999em; }
.sermonbox li a:focus{ outline:none; }
/* ICONS */
.sermonbox li.sl_listen a 	{ background:url(/images/play_icon.gif) no-repeat left top; }
.sermonbox li.sl_download a	{ background:url(/images/download_icon.gif) no-repeat }
.sermonbox li.sl_notes a	{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a	{ background:url(/images/video_icon.gif) no-repeat; }

/* HOW IT WORKS */
#how-it-works				{ padding:0; margin-top:0; }
#how-it-works h3,
#sorting h3			{ 
							  display:block; padding-top:8px; height:26px; background:url(/images/sidebar_heading_bg.jpg) no-repeat; 
							  margin:0 0 0 -15px; padding-left:15px; font-size:1.6em; color:#e5dbc3; font-weight:normal;
							}
#how-it-works ul			{ margin:20px 0 0; padding:0 10px 0 0; list-style:none; }
#how-it-works li			{ margin-bottom:1.5em; font-size:1.2em; color:#e5dbc3; padding-left:20px; }
#how-it-works li span		{ font-weight:bold; font-size:14px; color:#fff; }
#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }

/* SORTING */
#sorting				{ margin-top:0; }
#sorting h3				{ margin-top:0; }
#sorting ul				{ margin:1em 0 2em; padding:0; list-style:none; }
#sorting li				{ padding:4px 0; margin-bottom:.8em; }
#sorting li a			{ font-size:1.2em; color:#e5dbc3;  }
#sorting li a:hover 	{ text-decoration:none; }

/* MEDIA LINKS */
ul#byline					{ float:left; width:300px; margin:0 0 2.5em; padding:0; list-style:none; }
#byline li					{ float:left; margin-right:10px; color:#625e53; }			
#mediabox					{ float:right; width:140px; margin:0; padding:0; list-style:none; border:1px solid #642315; background:#706042; }
#mediabox li				{ padding:5px; font-size:1.2em;}
#mediabox li#mb_links		{ background:#642315; color:#fff; }
#mediabox li a				{ padding:2px 0 2px 20px; color:#e5dbc3; }
#mediabox li#mb_jukebox a	{ background:url(/images/play_icon_app.gif) no-repeat; }
#mediabox li#mb_video a		{ background:url(/images/video_icon_app.gif) no-repeat; }
#mediabox li#mb_download a	{ background:url(/images/download_icon_app.gif) no-repeat; }
#mediabox li#mb_notes a		{ background:url(/images/notes_icon_app.gif) no-repeat; }
#mediabox li#mb_podcast a	{ background:url(/images/feed_icon_app.gif) no-repeat; }
#text						{ float:left;  }
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar{
   margin-bottom: 25px;
   border: 1px solid #642315;
   border-bottom: 0;
   border-collapse: collapse;
}

#primaryContent table.calendar caption{
   padding-bottom: 10px;
   color: #642315;
   font-size: 1.4em;
}

#primaryContent table.calendar th{
   padding: 6px 0;
   background: #642315;
   color: #fff;
   font-size: 1.3em;
   font-weight: normal;
}

#primaryContent table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #642315;
   border-left: 0;
   border-top: 0;
   background: #fff;
   color: #642315;
   font-size: 1em;
   vertical-align: top;
}

#primaryContent table.calendar td ul	{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li	{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
/* @end */


/* @group ROTATOR CONTROLS */
#controls					{ 
							  height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
							  position:absolute; top:295px; left: 20px;
							}
#controller					{ background:url(/images/controls_bg.png) no-repeat right top; padding-right:3px; }							
#controls ul				{ margin:0; padding:3px 0; list-style:none; height:23px; position:relative; }
#controls li				{ display:inline; }
#controls li a				{ float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;}
#controls li a.current		{ background:#567c93; color:#fff; }
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_prev_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
#controls li#controls-next a	{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */
#footer {
	position: relative;
}
#fb-icon {
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(../images/fb-icon.png) no-repeat;
	position: absolute;
	left: 735px;
	top: 18px;
	z-index: 13;
}

.our-team h4 {
	margin: 0 !important;
}