/* @override http://redeemercommunity.cpmpreview.com/css/styles.css */

/*=====
FILE: styles.css
CREATED: 6/27/2007
MODIFIED: 11/19/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADINGS
III. 	HEADER
IV.		NAVIGATION
V.		PRIMARY CONTENT
VI. 	SECONDARY CONTENT
VII. 	FOOTER
VIII.	CALENDAR
IX.		SERMON SECTION
X.		FORMS
XI.		TABLES
XII.	MISCELLANEOUS

*=====/


/*=====>> GLOBALS <<=====*/
body { background:#26323b url(/images/body_bg.jpg) repeat-x; font-size:62.5%; font-family: "Trebuchet MS", Helvetica, Arial, verdana, sans-serif; padding:0; margin:0; text-align:center; }
#container { background:#f8f4eb; margin:70px auto 0; padding:0; width:813px; text-align: left; }
#mainContent { margin:0; padding:0; }

hr { display:none; }
#skip { position:absolute; top:-9999px; left:-9999px; }
.show { display:block; }
.hidden { 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 */

/*=====>> HEADINGS <<=====*/
h1 { text-indent:-9999px; padding:0; margin:26px 0 16px; }
	h1 a#logo { display:block; background: url(/images/logo.png) no-repeat; width:231px; height:41px; margin:0 auto; }
h2 {}
h3 { font-size:1.8em; color:#fff; }
	h3#title { background: url(/images/subpage_heading.png) no-repeat; height:15px; width:512px; margin:1em 0 0; padding:10px 9px }
	#recentSermon h3 { background:url(/images/recent_sermon_icon.png) no-repeat 116px 5px; font-size:1.6em; margin-top: 0px; text-transform: lowercase; color:#0c1a24; margin-bottom: -4px;}
	#sorting h3, #appendix h3 { background:url(/images/events_top_bg.png) no-repeat; font-size:1.5em; text-transform: lowercase; color: #0c1a24; margin:-18px -10px 0; margin-bottom: -17px;padding: 10px; }
h4 { font-size:1.4em; }
	#content h4 { color:#bb6226; }
	#events-tab h4, #calendar-tab h4 { font-size:1.1em; text-transform: uppercase; color:#828c94; margin:0; padding:0; padding-bottom: 4px; }
	#recentSermon h4 { font-size:1.2em; color:#828d94; text-transform: uppercase; margin-bottom:0.5em; }
	#serviceTimes h4 { font-size:1.2em; color:#0c1a24; text-transform: lowercase; margin-left:-2em; }
	#serviceTimes h4 span { text-transform: capitalize; }
	.article h4 { margin:0; padding:0; }
h5 { font-size:1.5em; color:#5b7d90; }
h6 { font-size:1.4em; font-family: "Times New Roman", serif; color:#0c1a24; }
	
/*=====>> HEADER <<=====*/
#header { position:relative; background:#fff url(/images/header_bg.gif) no-repeat; padding:0; margin:0; height:37px; }
#subnav { position:absolute; top:0px; right:6.5px; margin:0; padding:0; list-style:none; z-index:1001; }
#subnav li { float:left; list-style-type:none; }
#subnav li a { float:left; text-indent:-9999px; display:block; margin:0 4.5px; height:21px; width:21px; }
#subnav li#podcast a { background:url(/images/nav_podcast_icon.gif) no-repeat;  }
#subnav li#rss a { background:url(/images/nav_rss_icon.gif) no-repeat;  }


/*=====>> NAVIGATION <<=====*/
#nav { background:url(/images/nav_bg.gif) repeat-x 0 5px; margin:0; padding:5px 0 0 10px; height:32px; list-style:none; position:relative; z-index:1000; }
#nav * { list-style:none; }
#nav a { 
	display: block; background:url(/images/nav_right_bg.gif) no-repeat top right; color: #b9c6cd;
	text-decoration: none; margin:0 2px; padding:0 18px 0 10px; font-size:1.3em; text-align:center; 
	line-height:32px; text-transform: lowercase;
}
#nav li { float: left; padding-left:8px; margin:0;}

/*---- SUBMENU POSITION ----*/
#nav li ul { position: absolute; left: -999em; height: auto; width: 14em; w\idth: 13.9em; margin: 0;}
#nav li ul ul { margin: -1.75em 0 0 14em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; 
}
#nav li:hover ul { margin-left:-5em; }
#nav li li:hover ul { margin:-33px 0 0 90px; }

#nav li:hover { background:url(/images/nav_hover_left.gif) no-repeat;  }
#nav li:hover a { background:url(/images/nav_hover.gif) no-repeat top right; }
#nav li:hover li { background:none; }
#nav li li a, #nav li:hover li a { background:#5c707c; text-align:left; color:#b9c6cd; border-bottom:1px solid #53646e; margin:0; padding:0 8px 0 14px; width: 10em }
#nav li li a:hover { background:#7d929e; color:#fff;  }	

#nav li.current,  
#sermons #nav li#nav_resources,
#articlepage #nav li#nav_resources,
#events #nav li#nav_events
	{ background:url(/images/nav_current_left.gif) no-repeat; }
	
#nav li.current a,  
#sermons #nav li#nav_resources a,
#articlepage #nav li#nav_resources a,
#events #nav li#nav_events a
	{ background:#f8f4eb url(/images/nav_current_right.gif) no-repeat right top; color:#3e4e59; }

#sermons #nav li#nav_resources li a,
#articlepage #nav li#nav_resources li a,
#events #nav li#nav_events li a
	{ background:#5c707c; color:#b9c6cd; }
	
#sermons #nav li#nav_resources li a:hover,
#articlepage #nav li#nav_resources li a:hover,
#events #nav li#nav_events li a:hover
	{ background:#7d929e; color:#fff; }

/* remove current styles from home tab when not on home page */
#sermons #nav li.current,
#articlepage #nav li.current,
#podcasting #nav li.current,
#events #nav li.current
	{ background:none; }
	
#sermons #nav li.current a,
#articlepage #nav li.current a,
#podcasting #nav li.current a,
#events #nav li.current a
	{ background:url(/images/nav_right_bg.gif) no-repeat top right; color:#b9c6cd; }
	
#sermons #nav li.current:hover,
#articlepage #nav li.current:hover,
#podcasting #nav li.current:hover,
#events #nav li.current:hover
	{ background:url(/images/nav_hover_left.gif) no-repeat; }
	
#sermons #nav li.current:hover a,
#articlepage #nav li.current:hover a,
#podcasting #nav li.current:hover a,
#events #nav li.current:hover a
	{ background:url(/images/nav_hover.gif) no-repeat top right; }

/*=====>> PRIMARY CONTENT <<=====*/
#primaryContent { float:left; width:530px; margin:10px; padding:0; }
#home #primaryContent { margin-bottom:0; }
#main-image { background:url(/images/subpage_banner.jpg) no-repeat; width:523px; height:157px; margin-bottom:10px; border:4px solid #0c1a24; margin:-2px 0 0 -3px;}
#home #main-image { background:url(/images/home-header-bg.jpg) no-repeat; width:525px; height:448px; padding:0;  border:3px solid #0c1a24; margin-top:-1px; }
#home #text {  }

	/*----->> CONTENT <<-----*/
	#content { background:#e2dfd7 url(/images/content_btm_bg.gif) no-repeat bottom left; margin-bottom:1em; padding:10px; }
	#content p { color:#0c1a24; font-size:1.2em; line-height: 1.5em; }
	#content a { color:#bb6226; }
		#content a:hover { color:#a2521d; }
	#content ul { list-style:none; padding-left: 0;  }
	#content li { font-size:1.2em; }
	
	.article { padding:10px 0; }
	.article p { margin-top:0; }
	
	/*----->> QUICKLINKS <<-----*/
	#quicklinks 			{ margin:0 0 -10px; padding:0; list-style:none; }
	#quicklinks ul			{ margin:0; padding:0; list-style:none; }
	#quicklinks img			{ border:0; }
	#quicklinks li 			{ float:left; margin:0; padding:2px; background:#fff;}
	#quicklinks li:hover	{ background:#0c1a24; }
	#quicklinks li a 		{ 
							  display:block; width:128px; font-size:1.2em; color:#828d94; 
							  text-align:center;  text-decoration: none;
							}
	#quicklinks li a:hover 	{ color: #fff;}
	/*
	#quicklinks li#quicklink1 a { background:url(/mediafiles/quicklinks1.jpg) no-repeat; }
	#quicklinks li#quicklink2 a { background:url(/mediafiles/quicklinks2.jpg) no-repeat; }
	#quicklinks li#quicklink3 a { background:url(/mediafiles/quicklinks3.jpg) no-repeat; }
	#quicklinks li#quicklink4 a { background:url(/mediafiles/quicklinks4.jpg) no-repeat; }
	*/
	
/*=====>> SECONDARY CONTENT <<=====*/
#secondaryContent { float:right; padding:0; margin-right:17px; width:240px; }
	
	/*----->> TABS <<-----*/
	#tabs { margin:0; padding:0; list-style:none; width:147px; height:23px; }
	#tabs li { float:left; text-align: center; }
	#tabs li a { display:block; background:url(/images/sidebar_tabs_bg.gif) no-repeat; font-size:1.1em; color:#fff; text-decoration:none; text-transform:lowercase; line-height:23px;  }
	#tabs li#events a { width:67px; background-position:0 0; }
	#tabs li#calendar a { width:80px; background-position:-68px -23px; }
	#tabs li#calendar a.current { background-position:-68px 0; color:#3a4a54; }
	#tabs li#events a.current { background-position:0 -23px; color:#3a4a54; }
	
	.event { margin:0; padding:10px 5px; }
	#events-tab, #calendar-tab { background:#e2dfd7 url(/images/events_top_bg.png) no-repeat; padding:10px;  }
	#events-tab p { margin:0; padding:0;}
	#events-tab p a { font-size:1.3em; color:#0c1a24; text-decoration: none; }
	#events-tab p a:hover { text-decoration: underline;}
	
	
	
	#recentSermon { position:relative; background:#e2dfd7; padding:10px 13px 20px; margin:1em 0 0; }
	#recentSermon p { margin:0; padding:0; }
	#recentSermon p a { font-size:1.3em; color:#0c1a24; margin:0; padding:0; text-decoration: none;  }
	#recentSermon p a:hover { text-decoration: underline;}
	#recentSermon p.byline { font-size: 1.1em; color:#828d94; margin:0.2em 0 0; padding:0; margin-top: 5px; }
	
	#mediabar { position:absolute; bottom:-18px; right:0; background:#f8f4eb; padding:0 5px; margin:0; width:216px; height:26px; list-style:none; }
	#mediabar li { float:left; }
	#mediabar li a { float:left; margin:0 5px; font-size:1em; color:#bb6226; text-decoration:none; padding-left:16px; line-height:26px; }
	#mediabar li a:hover { text-decoration: underline;}
	#mediabar li#listen a { background:url(/images/mb_listen_icon_bg.gif) no-repeat 0 7px}
	#mediabar li#dnld a { background: url(/images/mb_dnld_icon_bg.gif) no-repeat 0 7px; }
	#mediabar li#subscribe a { background: url(/images/mb_subscribe_icon_bg.gif) no-repeat 0 7px; }
	
	#serviceTimes { background:#e2dfd7; padding:10px; font-size: 12px; margin:1em 0 0; text-align: center;}
	#serviceTimes h3 { text-transform:lowercase;}
	#serviceTimes h3 span { display:inline; }
	#serviceTimes a#map,
	#serviceTimes a.map { display:block; margin-left:5px; margin-top: -10px; background:url(/images/map_directions_bg.gif) no-repeat; width:207px; height:25px; text-indent:-9999px;}
		#serviceTimes a#map:focus
		#serviceTimes a.map:focus { outline:none; }
		
	
/*=====>> FOOTER <<=====*/
#footer { background:url(/images/footer_bg.gif) no-repeat; margin:0 auto; padding:2px 0 0; width:813px; }
#footer p { font-size:1.1em; color:#8d9ca4; text-align:left; padding:10px 18px;}
#footer p a { color:#8d9ca4; text-decoration:none; }
	#footer p a:hover { color:  #fff; text-decoration:underline; }
#footer p span { float:right; }

/*=====>> CALENDAR <<=====*/

/*----->> LARGE CALENDAR <<-----*/
#content table.calendar {margin-bottom: 25px; border-collapse: collapse; }
#content table.calendar .today { background: #eee; }
#content table.calendar .today span { display: none; }
#content table.calendar caption { padding-bottom: 10px; color: #0c1a24; font-size: 1.4em;}
#content table.calendar caption span{ color: #bb6226;}
#content table.calendar th { padding: 6px; background: #5c707c; color: #fff; font-size: 1.3em; font-weight: normal;}
#content table.calendar td { width: 68px; height: 68px; padding: 2px; border: 1px solid #e2dfd7; border-left: 0; border-top: 0; background: #d4d1c9; color: #3e4c56; font-size: 1em; vertical-align: top; }
#content table.calendar td.empty{ background: #d4d1c9; }
#content table.calendar td ul { margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#content table.calendar td li { margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#content table.calendar td li a { text-decoration: underline; }
#content table.calendar td li a:hover { text-decoration: none; }

	/*----->> SIDEBAR CALENDAR <<------*/
	#secondaryContent .calendar { background: #f8f4eb; border-collapse: collapse; width:100%; }
	#secondaryContent .calendar caption { font-size:1.1em; text-transform: uppercase; color:#828d94; padding-bottom: 7px; padding-top: 5px;; }
	#secondaryContent .calendar th { background:#c4c1b8; color:#3a4a54; padding:4px; text-align: center}
	#secondaryContent .calendar td { padding:8px; }
	#secondaryContent .calendar td { text-align:center; }
	#secondaryContent .calendar td.linked-day { background: #fff; }
	#secondaryContent .calendar td.linked-day:hover { background:#3a4a54; }
	#calendar-tab td ul		{ position:absolute; left:-999em; margin:0; padding:10px; background:#3a4a54; list-style:none; }
	#calendar-tab td.today span	{ display:none; }
	
	#nmonth, #pmonth { background: none !important; color: #3a4a54; text-decoration: none; font-weight: bold; font-size: 16px;}
	
		#secondaryContent .calendar td.linked-day a { color:#44535c; text-decoration:none; display:block; }
		#secondaryContent .calendar td.linked-day:hover a { color:#f8f4eb; }
	
	/*----->> TRAILDIV <<-----*/
	#traildiv	 { position: absolute;top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 100px; height: 100px; color: #FFF;	}
	#traildiv ul { padding: .75em; padding-bottom: 0; border: 3px solid #c4c1b8; background: #fff; font-size: 1.1em; list-style:none; }
	#traildiv li { color: #3a4a54; margin-left: 1em; margin-bottom: .75em; 	}
	#traildiv a  { color: #3a4a54; text-decoration: none; 	}

/*=====>> SERMON SECTION <<=====*/
#text { width:80%;  }
#filter { margin: 0; padding:0; }
#mediabox { float:right; clear:both; }
#mediabox li a { padding:2px 0 2px 16px; }
#mediabox li#mb_jukebox a { background:url(/images/listen_icon_bg.gif) no-repeat 0 3px; }
#mediabox li#mb_download a { background:url(/images/dnld_icon_bg.gif) no-repeat 0 3px; }
#mediabox li#mb_podcast a { background:url(/images/subscribe_icon_bg.gif) no-repeat 0 3px; }

	/*----->> SERMON SORTING <<-----*/
	#sorting, #appendix { background:#e2dfd7; padding:10px 10px 20px; margin:1em 0 0; }
	#sorting ul { margin:1em 0 0; padding:0; list-style:none; }
	#sorting li a { font-size:1.2em; color:#bb6226 }
	#sorting label { font-weight: bold; display: block; font-size: 11px; }
	#sorting select { width: 215px; margin-bottom: 15px;  }
	#sorting h3 { font-size:1.5em; text-transform: lowercase; color: #0c1a24; margin-bottom: 0px !important; }

	/*----->> SERMON LIST PAGE <<-----*/
	.sermonlist { padding:0; border-top:4px solid #5c707c; }	
	.sermonbox { background:#f8f4eb; position:relative; padding:5px; }
		.sermonbox:hover { background:#fff; }
	.sermonlist h5, .sermonlist p { margin:0; padding:0; }
	.sermonlist h5 a { font-size:0.8em; text-decoration:underline; }
	.sermonlist h5 span { font-size:0.8em; font-weight:bold; }
	.sermonbox ul { position:absolute; top:0; right:10px; width:40px; }
	.sermonbox li { float:left; }
	.sermonbox li a { display:block; margin:0 1px; text-indent:-9999px;  height:16px; width:16px; }
	.sermonbox li.sl_listen a { background:url(/images/listen_icon_bg.gif) no-repeat; }
	.sermonbox li.sl_download a { background:url(/images/dnld_icon_bg.gif) no-repeat; }
	.sermonbox li.sl_download-notes a { background:url(/images/dnld-notes_icon_bg.png) no-repeat; }
	.sermonbox li.sl_watch-video a { background:url(/images/videom_icon_bg.png) no-repeat;  }
	
	/*----->> APPENDIX <<-----*/
	#appendix { margin-top:2em;}
	#appendix ul { margin:0; padding:0; list-style:none; }
	#appendix li { margin: 2em 0; padding-left:22px; padding-right: 10px;font-size:1.1em; line-height: 1.5em; }
	#appendix li span { color:#cb7426; font-weight: bold; font-size: 1.2em; }
	#appendix li#app_listen { background: url(/images/listen_app.gif) no-repeat; }
	#appendix li#app_download { background:url(/images/download_app.gif) no-repeat; }
	#appendix li#app_notes { background:url(/images/download-notes_app.gif) no-repeat; }
	#appendix li#app_video { background:url(/images/video_app.gif) no-repeat; }
	
	/*----->> PAGINATION <<-----*/
	#pagination	{
		height: 25px;
	}
	#pagination span { float: left; font-size:13px; font-weight:bold; margin-right:10px; line-height:25px;}
	#pagination div	 {
		float: left;
	}
	#pagination div a {
		display: block;
		float: left;
		line-height: 25px;
		padding: 0 5px;
		margin: 0 2px 0 0;
		font-size: 12px;
	}
	#pagination div a:hover {
		text-decoration: none;
	}
	#pagination div a.current {
		color: #fff;
		background: #5c707c;
		text-decoration: none;
	}
	
.post { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; }
.post .date { font-size: 11px !important; }
.post p { margin-top: 0px !important;}
.post h4 { margin-bottom: 0px !important; }
#blog-sidebar { background:#e2dfd7; padding:10px; font-size: 12px; margin:1em 0 0;}
#blog-sidebar h3 { margin: 0; color: #828d94; font-size: 16px;}
#blog-sidebar a {font-size:12px; color:#0c1a24; margin:0; padding:0; text-decoration: none;}
#blog-sidebar a:hover { text-decoration: underline;}
#blog-sidebar ul { margin: 0 0 30px; padding: 0;}
#blog-sidebar li {list-style-type: none; margin: 5px 0;}
#blog-feed a { background: url(../images/mb_subscribe_icon_bg.gif) no-repeat 0 50%; padding-left: 22px; font-size: 11px; }