/* @override http://infusionchurch.cpmpreview1.com/css/styles.css */
/*=====
CLIENT: Infusion Church
FILE: styles.css - main CSS styles for staging site
CREATED: 9/19/2008
MODIFIED:9/23/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
*							{ margin:0; padding:0; }
body 						{ 
							  background:#29323a url(/images/body_bg.gif) repeat-x; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#2A3135; 
							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#content					{ width:867px; /*padding:0 14px 0 13px;*/ margin:0 auto; background:url(/images/content_bg.gif) repeat-y left top; }
#mainContent				{ background:url(/images/maincontent_bg.gif) no-repeat left top; padding:0 14px 0 13px; }
a 							{ overflow: hidden; }
.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 */
/* @end */


/* @group HEADER */
#header-wrap			{ height:141px; }
#header					{ width:867px; height:141px; background:url(/images/header_bg.gif) no-repeat left bottom; margin:0 auto; position:relative; }
#header h1,
#header h1 a			{ display:block; width:236px; height:85px; }
#header h1				{ background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; top:26px; left:16px; }
/* @end */

/* @group SEARCH FORM */
#searchForm				{ width:237px; height:42px; background:url(/images/search_bg.gif) no-repeat; position:absolute; right:20px; top:52px;}
#searchForm fieldset	{ margin:0; padding:0; width:100%; border:none; }
#searchForm input		{ 
						  background:none; border:none; font-size:1.2em; color:#c5c8ca; position:relative; margin:10px 0 0 15px;  
						  width:180px; float:left; padding:3px 0; 
						}
#searchForm a			{ float:left; display:block; width:25px; height:25px; margin:7px 0 0 6px; text-indent:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; }
#nav li					{ margin-bottom:3px; }
#nav li a 				{ 
						  display:block; width:209px; line-height:47px; background:url(/images/sub_nav_a.gif) no-repeat; font-size:1.6em; color:#29323a; 
						  text-decoration:none; padding-left:21px;
						}
#nav li a:hover			{ background-position:left bottom; }
#nav li.current a:hover,
#nav li.current a		{ background-position:left bottom; } 
#nav li.current.children a { background:url(/images/nav_current_open.gif) no-repeat; }

/* 2nd Levels */
#nav li.current ul		{ display:block; }
#nav li ul				{ display:none; background:#cbda54 url(/images/sub_ul_bg.gif) no-repeat left bottom; width:230px; padding:5px 0 10px;} 
#nav li li				{ margin:0; }

#nav li.current li a,
#nav li a:hover li a,
#nav li.current.children li a,
#nav li li a			{ background:none; font-size:13px; line-height:32px;} 


/* 3rd Levels */
#nav li li ul			{ padding-left:10px; background:none; width:220px; }

#nav li li.current.children li a,
#nav li li.children li a:hover,
#nav li li li a			{ background:none; width:auto; }

#nav li li.children li a:hover,
#nav li li li.current a	{ font-weight:bold; } 

#nav li.current li.current a,
#nav li.current li a:hover		{ background:url(/images/sub_current_a.gif) no-repeat; position:relative; left:7px; padding-left:14px; }
/* @end */

/* @group BANNER */
#banner				{ width:600px; position:relative; margin-bottom:20px; margin-left:-10px;}
#banner p#overlay	{ position:absolute; top:0; left:0; z-index:10; width:600px; height:169px; background:url(/images/sub_overlay.png) no-repeat; }
#banner img			{ position:relative; z-index:2; }
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:right; width:570px; padding:0 20px 0 10px; }
#primaryContent p,
#primaryContent li,
#primaryContent td		{ font-size:1.2em; color:#3c3c3c; line-height:1.5em; margin-bottom:1em; }

#primaryContent li *,
#primaryContent td *	{ font-size:1em; line-height:1; }

#primaryContent ul,
#primaryContent ol		{ margin:1em; padding:0 0 0 1.5em; }

#primaryContent a		{ color:#95aa02; }
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent img		{ border:none; }

#primaryContent h2		{ color:#95aa02; font-size:21px; }
#primaryContent h3		{ color:#95aa02; font-size:1.8em; }
#primaryContent h4		{ color:#95aa02; font-size:1.6em; }
#primaryContent h5		{ color:#95aa02; font-size:1.4em; }
#primaryContent h6		{ color:#95aa02; font-size:1.3em; }
/* @end */

/* @group SIDEBAR */
#sidebar			{ float:left; width:232px; }
.btm				{ display:block; width:231px; height:9px; background:url(/images/btm_bg.gif) no-repeat; margin:0; }
	/* @group EVENTS */
	#sidebar #sorting,
	#sidebar #events	{ background:#efefef url(/images/events_bg.gif) no-repeat left top; padding:15px 20px; margin-top:10px; width:191px; }	
	.event				{ clear:both; margin-bottom:21px;}
	.event .date		{ display:block; width:32px; height:35px; background:#fff; border:1px solid #e7e7e7; float:left; }
	.event .month		{ 
						  display:block; background:#009bdb; font-size:10px; color:#fff; font-family:helvetica, arial, sans-serif; text-align:center; 
						  height:12px; font-weight:bold; text-transform:uppercase; padding-top:2px;
						}
	.event .day			{ text-align:center; font:14px "Lucida Grande", arial, sans-serif; color:#555; display:block; padding-top:2px; }
	.event h4			{ margin:3px 0 3px 45px; font-size:1.2em; font-weight:normal;} 
	.event h4 a			{ color:#555; text-decoration:none; }
	.event h4 a:hover	{ text-decoration:underline; }
	.event p			{ margin:0 0 0 45px; color:#848484; font-size:11px; }
	#events .all		{ font-size:1.1em; color:#009bdb; margin-top:20px; display:block; }
	#events .all:hover	{ text-decoration:none; }
	
	/* @end */
/* @end*/

/* @group FOOTER */
#footer-wrap	{ padding-bottom:100px;  }
#footer 		{ padding:35px 0; width:867px; background:url(/images/sub_footer_bg.gif) no-repeat left top; margin:0 auto; height:50px; }
#footer p 		{ font-size:1em; color:#818e9a; margin:0; padding:0; float:left; width:50%; }
#footer #powered{ float:right; text-align:right; }
#footer a		{ color:#818e9a; }
#footer a:hover	{ text-decoration:none; }
#footer form	{ clear:both; margin-top:30px;}
#footer fieldset{ margin:0; padding:0; border:none; }
#footer #ea		{ padding:5px; width:148px; height:15px; border:none; font-size:11px; color:#7d7d7d; position:relative; float:left; margin-right:5px;}
/* @end */


/* @group SERMONS */
#filter								{ margin-top:1em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#primaryContent h4#current,
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; clear:both; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #efefef; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0; font-size:1.4em;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a		{ background:url(/images/play_icon.gif) no-repeat; }
.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; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#text						{ clear:both; }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; width:300px; float:left; }
	#mediabox					{ float:right; padding:10px; margin:0 10px 0 10px; list-style:none; border:#f4f4f4; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#f4f4f4; color:#19140d; margin:0 0 10px -10px; padding:5px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin:2.5em 0; height:30px; padding:0; list-style:none; background:#efefef; }
	#how-it-works li			{ padding-left:20px; font-size:1.2em; display:block; line-height:30px; margin-right:15px; float:left; }
	#how-it-works li#how		{ padding-left:0; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ padding:0 10px; }
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ font-size:1.3em; color:#2c3135; margin-bottom:.5em; }
	#sorting select				{ width:100%; margin-bottom:1.5em; }
	#sorting a					{ font-size:1.2em; color:#2c3135; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:100%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #666; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#95aa02; color:#fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
											  border-top: 0; background:#f4f4f4; color:#55636b; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#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; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */