/* @override 
	http://lifesongcommunitychurch.cpmpreview1.com/css/styles.css
	http://www.lifesongcc.com/css/styles.css
*/

/*=====
CLIENT: Lifesong Community Church
CREATED: 10/01/2008
MODIFIED: 10/31/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:url(/images/body_bg.gif) repeat; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Times New Roman", times, georgia, serif; color:#fff;  
							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:690px; }
#mainContent 				{ position:relative; padding:10px 35px 15px; }
#home #mainContent			{ background:url(/images/home_content_bg.gif) no-repeat left -4px; padding-bottom:0; padding-top:0; }
#wrapper					{ background:url(/images/wrapper_bg.gif) repeat-y 11px top; position: relative; z-index: 1008; }
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						{ position:relative; z-index:1009; height:122px; background:url(/images/header_bg.gif) no-repeat left top; }
#header h1,
#header h1 a				{ display:block; width:275px; height:65px; }
#header h1					{ margin:0; padding:0; background:url(/images/logo.png) no-repeat; position:absolute; top:43px; left:202px; text-indent:-999em; }
#header h1 a:focus			{ outline:none; }
/* @end */


/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none; margin:0; padding:0; }
#nav 						{ height:33px; position:absolute; top:0; left:33px; z-index: 2010;}
#nav li 					{ float:left; display:inline; }
#nav li a 					{ 
							  display:block; font-size:1.2em; padding:2px 18px 0; line-height:31px; color:#fff; text-decoration:none; 
							  font-family:georgia, serif; text-transform:uppercase;
							}
#nav li:hover a,
#nav li.current a			{ background:#3e2e2e; color:#f3edbb; }

#nav li li 					{  }
#nav li.current li a, 
#nav li.current:hover li a, 
#nav li li a 				{ color:#fff; width:1px; width:160px; line-height:20px; }
#nav li.current li a:hover,  
#nav li li a:hover 			{ background:#2d1b1b; }


#nav li ul 					{ position:absolute; left:-5000px; z-index:2001; width:200px; }

#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; display:block;}
#nav li:hover ul li:hover ul{ margin:-28px 0 0 140px;}
/* @end */

/* @group BANNER */
#banner						{ padding:0 0 10px 26px; height:162px; position:relative; background:url(/images/banner_bg.gif) no-repeat 26px bottom; z-index: 1999;}
#banner #bg					{ display:block; height:162px; width:690px; background:url(/mediafiles/subpage-header.jpg) no-repeat; }
#home #banner				{ background-image:url(/images/home_banner_bg.gif); padding-left:26px; height:279px; }
#home #bg					{ background:url(/mediafiles/home-header.jpg) no-repeat; height:279px; }
#banner #corners			{ 
							  display:block; width:639px; height:162px; background:url(/images/corners_bg.png) no-repeat; position:absolute; top:0; left:26px; 
							  z-index:2000; margin:0; 
							} 
/*							
#banner #service			{ 
							  position:absolute; top:0; right:25px; width:628px; height:33px; 
							  padding-right:10px; background:#000; opacity:.6; filter:alpha(opacity=60);
							}
*/
#banner #service			{ 
							  position:absolute; top:0; right:25px; width:628px; height:33px; background:url(/images/times_bg.png) no-repeat top right;
							  padding-right:10px;
							}							
#banner #service p			{ text-align:right; font:bold 14px georgia, times, serif; color:#fff; line-height:33px; margin:0; }
#banner #service img		{ border:0; position:relative; top:3px; margin-left:7px;}
/* @end */

/* @group PRIMARY CONTENT */
#sermons #primaryContent{ float:right; width:390px; }
#home #primaryContent	{ float:right; width:375px; } 
#mainContent p,
#mainContent li,
#mainContent td			{ font-size:1.3em; line-height:1.5em; color:#fff; }
#mainContent li *		{ font-size:1em; }
#mainContent td,
#mainContent td p		{ text-align:left; font-size:12px; }

#articles #mainContent *,
#sermons #mainContent p	{ text-align:left; }
#home #primaryContent p	{ text-align:right; }
#mainContent a			{ color:#fff; }
#mainContent a:hover	{ text-decoration:none; }

#mainContent img			{ border:0; }
#mainContent img.left-align	{ float:left; position:relative; left:-10px; }
#mainContent img.right-align{ float:right; position:relative; right:-10px; }

	/* @group HEADINGS */
	#home h2	{ font-size:1.8em; background:url(/images/home_h2_bg.gif) repeat-x; }	 	
	h3 			{ font-size:1.6em; }
	h4 			{ font-size:1.4em; }
	h5 			{ font-size:1.3em; }
	h6			{ font-size:1.2em; }
	h2, h3, h4,
	h5, h6		{ text-align:center; }
	
	#sermons h4,
	#sermons h5	{ text-align:left; }
	
	#articles h4.title	{ margin-bottom:0; }
	#mainContent p.date	{ margin:0; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks		{ background:url(/images/ql_bg.gif) no-repeat; padding:10px 0 0 12px; width:384px; height:118px; position:relative; left:-5px; }
	#quicklinks img	{ border:none; margin-right:22px; }	
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; width:225px; } 
#sermons #secondaryContent	{ padding-left:5px; }

	/* @group UPCOMING EVENTS */
	#upcoming-events			{ margin-left:-5px; padding-left:9px; display:block; }
	#upcoming-events h3			{ background:url(/images/upcoming_events_h3_bg.gif) repeat-x; width:182px; margin-left:-12px;padding:8px 0 0 10px;}
	#upcoming-events h4			{ 
								  font-size:1.2em; font-weight:normal; margin:1em 0 .5em; border-bottom:2px solid #2d1b1b; padding-bottom:2px; 
								  text-align:left; width:161px; color:#dfd9b3; text-transform:uppercase;
								}
	#upcoming-events p			{ font-size:1.2em; color:#fff; line-height:1.5em; margin:0; text-align:left; }
	#upcoming-events p.start	{ padding-left:7px; }
	#upcoming-events p a		{ color:#fff; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer 		{ padding:20px 30px 50px; background:url(/images/home_footer_bg.gif) no-repeat; }
#footer p 		{ font-size:1.2em; color:#2d1b1b; font-family:"Trebuchet MS", verdana, arial, sans-serif; float:left; width:60%; }
#footer #powered{ float:right; width:auto; text-align:right; }
#footer a		{ color:#2d1b1b; }
#footer a:hover	{ text-decoration:none; }
/* @end */


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

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#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 */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:left; width:175px; padding:10px; margin:0 0 0 5px; list-style:none; border:1px solid #fff; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#fff; color:#2d1b1b; margin:-10px -10px 10px; padding:10px; }
	#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; }
	#mediabox a:hover			{ text-decoration:none; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ height:30px; margin:0; padding:0; list-style:none; background:#fff; }
	#how-it-works li			{ padding-left:20px; margin-right:10px; font-size:1.2em; line-height:30px; float:left; display:inline; color:#2d1b1b; }
	#how-it-works li#how		{ padding-left:10px; font-weight:bold;  }
	#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat left center; }
	#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat left center; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat left center; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */	
	#sorting select			{ display:block; width:80%; margin-bottom:1.5em; }
	#sorting label			{ font-size:1.3em; font-weight:bold; margin-bottom:.5em; }
	#sorting a				{ font-size:1.2em; color:#fff; }
	#sorting a:hover		{ text-decoration: none; }
	
	/* @end */

/* @end */

/* @group CALENDAR */
#mainContent table.calendar					{ margin:0 auto 25px; border-collapse: collapse; width:95% }
#mainContent tbody							{ border-left:1px solid #3e2e2e; }
#mainContent table.calendar caption			{ padding-bottom: 10px; color: #fff; font-size: 1.4em; }
#mainContent table.calendar th				{ padding: 6px 0; background:#fff; color:#2b1d1d;  font-size: 1.3em; font-weight: normal; }
#mainContent table.calendar td				{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #3e2e2e; border-left: 0;
											  border-top: 0; color:#fff; font-size: 11px; vertical-align: top; 
											}
#mainContent table.calendar td a			{ text-decoration: none; }
#mainContent table.calendar td ul			{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#mainContent table.calendar td li			{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#mainContent table.calendar td li a			{ text-decoration: underline; }
#mainContent table.calendar td li a:hover	{ text-decoration: none; }
/* @end */