/* @override http://lifechangingfaith.cpmpreview1.com/css/styles.css */
/*=====
SITE: LIFE CHANGING FAITH
FRAME: #46
FILE: styles.css
CREATED: 2/5/2008
MODIFIED: 
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
body				{ 
					  background:#881d04; font-size:62.5%; margin:0; padding:0; 
					  font-family:Arial, Verdana, Tahoma, sans-serif;
					} 
#outer-container	{ 
					  background:url(/images/outer_container_bg.jpg) no-repeat -300px top; 
					  margin:0; padding:0 0 0 120px; 
					}
#container			{ padding-top:20px;margin:0; width:960px;  }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

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

.column				{ float:left; }
.wider				{ width:547px; }
.wide				{ width:360px; }
.mid				{ width:240px; }
.narrow				{ width:120px; }
/* @end */

/* @group HEADER */
#header				{ position:relative; height:132px; margin-bottom:21px; }
#header h1,
#header h1 a		{ display:block; width:195px; height:132px; margin-top:0px; }
#header h1			{ margin:0; padding:0; background:url(/images/logo.png) no-repeat; text-indent:-999em; }
#header h1 a:focus	{ outline:none; }
#skip				{ position:absolute; top:-999em; left:-999em; }

	/* @group SUBNAV */
	#subnav								{ position:absolute; top:84px; right:-22px; margin:0; padding:0; width:360px; }
	#subnav	ul							{ margin:0; padding:0; list-style:none; }
	#subnav li							{ float:left;  }	
	#subnav li a						{ display:block; width:120px; height:46px; text-indent:-999em; }
	#subnav li a:focus					{ outline:none; }
	#subnav li#new-here a				{ background:url(/images/new_here_bg.gif) no-repeat left bottom; }
	#subnav li#sermon-archive a			{ background:url(/images/sermon_archive_bg.gif) no-repeat left bottom; }
	#subnav li#services	a				{ background:url(/images/location_bg.gif) no-repeat left bottom; }
	#subnav li#services					{ position:relative; top:1px }
	/* @end */
/* @end */


/* @group COLUMN 2 */
#column2			{ background:url(/images/column2_bg.gif) repeat-y left top; position:relative; left:-10px; top:10px }
#article-titles		{ 
					  display:block; width:558px; height:42px; background:url(/images/primarycontent_bg.gif) no-repeat left top; 
					  position:relative; top:-10px;
					}
#article-titles h3	{ margin:0; padding:0; }
h3#articles-heading	{ position:absolute; top:18px; left:18px; }
#archive			{ 
					  position:absolute; top:13px; right:193px; background:url(/images/archive_btn.gif) no-repeat;
					  width:73px; height:22px; text-indent:-999em;
					}
#archive:focus		{ outline:none; }
/* @group LATEST ARTICLES */
#articles 				{ width:340px; margin-left:18px;}
#articles h4			{ font-size:1.6em; margin-top:15px; }
#articles h4 a			{ color:#faad0a; text-decoration:none; font-weight:normal; }
#articles h4 a:hover	{ text-decoration:underline }
#articles h4 span		{ font:12px Georgia, "Times New Roman", serif; color:#ccc; }
#home .article			{ background:url(/images/dotted_bg.gif) repeat-x left bottom; padding:0 5px 20px; }
.article h4				{ margin-bottom:0; }
#home .article h4		{ margin-bottom:.5em; }
.article p				{ margin-top:0; }
#home .last				{ background:none; }
#primaryContent .more a	{ font-size:11px; color:#ccc }

/* @end */

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent					{ 
								  margin:0 -20px 0 4px; padding:0; width:558px; 
								  background:url(/images/primarycontent_bg.gif) no-repeat left 265px; 
								}
#home #primaryContent			{ background:none; margin-left:14px;}
#primaryContent a				{ color:#e6880d; text-decoration:underline; }
#primaryContent a:hover			{ text-decoration:none; }
#primaryContent li,
#primaryContent p				{ font-size:1.3em; color:#fff; line-height:1.6em; }
#primaryContent li p,
#primaryContent td p			{ font-size:1em; }
#primaryContent img				{  }
#primaryContent img.left-align	{ float:left; margin:10px 10px 10px 0; }
#primaryContent img.right-align	{ float:right; margin:10px 0 10px 10px }
#primaryContent img.no-border	{ border:0; }
#content						{ 
								  background:url(/images/column2_bg.gif) repeat-y; margin:-2px 0 0 0; 
								  padding:5px 18px 60px; width:522px;
								} 
								 
#content-bottom					{ 
					  			  display:block; width:558px; height:25px; background:url(/images/content_btm.gif) no-repeat; 
								  margin:0; clear:both;
								} 
#home #content-bottom			{ margin:8px 0 0 -10px  }
	/* @group HEADINGS */
	h2, h3, h4				{ color:#faad0a  }
	h5, h6					{ color:#fff; }
	#primaryContent h2		{ font-size:1.8em; margin:20px 0 0 10px; }
	h3						{ font-size:1.6em; }		
	h4						{ font-size:1.5em; margin-bottom:.5em; }	
	#primaryContent h5,			
	#primaryContent h6		{ font:1.6em Georgia, "Times New Roman", serif; margin-bottom:.5em; }	
	/* @end */
	
	/* @group BANNER */
	#banner			{ display:block; width:558px; height:259px; background:url(/images/banner_bg.png) no-repeat; }
	#home #banner	{ margin-bottom:4px; }
	#banner-inner	{ display:block; width:558px; height:249px; background:url(/mediafiles/home-banner.jpg) no-repeat 7px 9px; }
	#banner img		{ border:0; }
	/* @end */
/* @end */

/* @group SIDEBAR */
#sidebar		{ position:relative; margin-right:-14px; width:226px; right:-21px; top:-2px; }
#home #sidebar	{ position:relative; margin-right:-14px; width:226px; right:-11px; top:-2px; }
.quicklink		{ 
				  display:block; height:131px; width:226px; padding:0; margin:0; 
				  background:url(/images/quicklink1_bg.gif) no-repeat; position:relative;
				}
#quick2			{ margin-top:-3px; }
.quicklink img	{ border:0; margin:11px 0 0 11px; }

	/* @group SWITCHER */
	#tab-switcher						{ background:url(/images/switcher_bg.gif) no-repeat; margin-top:6px; margin-left:4px }
	#switcher							{ 
										  margin:0 0 0 8px; padding:7px 0 0; list-style:none; height:31px; width:206px; 
										  background:url(/images/tab_a_bg.gif) repeat-x left bottom;
										}
	#switcher li						{ float:left; }
	#switcher li a						{ 
										  padding:0 10px; font-size:1em; color:#fff; display:block; line-height:31px;
										  text-decoration:none; text-transform:uppercase; 
										}
	#switcher li a.active				{ background:#915c50; }
	#switcher li#cal-tab a				{ width:68px; }
	#switcher li#eventlist-tab a		{ width:97px; }
	#switcher li#cal-tab a.active		{ border-right:1px solid #fff; }
	#switcher li#eventlist-tab a.active	{ border-left:1px solid #fff;  }
	#switcher li a:focus				{ outline:none; }
		
	#eventlist,
	#cal								{ 
										  clear:both; background:url(/images/calendar_tab_bg.gif) no-repeat left bottom; 
										  padding:10px 0; width:223px; 
										}
	/* @end */
	/* @group SIDEBAR TABLE */
	#cal								{ padding-top:0; }
	#sidebar table						{ background:#5f1302; width:206px; margin-left:8px; padding:0; border-collapse:collapse; }
	#sidebar table caption				{ 
										  color:#faad0a; background:#915c50; padding:10px 0; height:16px; width:206px; margin:0 auto; 
										  font:1.2em Georgia, "Times New Roman", serif; text-transform:uppercase;
										}
	#sidebar table th					{ 
										  background: #915c50 url(/images/table_th_bg.gif) repeat-x left bottom; padding: 12px 0; 
										  height:17px; color: #faad0a; font-size: 1em; text-align: center; 
										}
	#sidebar table td					{ width: 28px; height: 28px; color: #9d9b87; font-size: 1em; text-align: center; }
	#sidebar table td.linked-day a 		{ background:url(/images/active_date_bg.gif) no-repeat 4px 3px; }
	#sidebar table a					{ display: block; padding: 7px; color: #fff; text-decoration: none; }
	
	#traildiv							{ position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 200px; }
	#traildiv ul						{ 
										  padding: .75em; padding-bottom: 0; border: 3px solid #5f1302; background: #fff; 
										  font-size: 1.1em; 
										}
	#traildiv li						{ margin-left: 1em; margin-bottom: .75em; }
	#traildiv a							{ color:#333; text-decoration: none; }
	/* @end */
	
	/* @group EVENT LIST */
	#eventlist					{ padding-top:0; }
	#eventlist h3				{ 
								  display:block; background:#915c50 url(/images/upcoming_events_h3.gif) no-repeat; margin:0 0 1em 8px; 
								  height:41px; width:206px; text-indent:-999em; border-bottom:2px solid #fff;
								}
	#eventlist .event			{ 
								  padding:10px; width:186px; margin:10px 0 0 18px; 
								  background:url(/images/sidebar_dotted_bg.gif) repeat-x left bottom; 
								}
	#eventlist .last			{ background:none; }
	#eventlist .date			{ margin:0 10px 0 0; float:left; width:40px; height:43px;background:#fff; text-align:center; }
	#eventlist .date .month		{ display:block; font-size:11px; color:#fff; background:#faad0a; padding:2px 0; margin-bottom:3px}
	#eventlist .date .day		{ font-size:18px; color:#594d2a; }
	#eventlist .event h4		{ margin:0; color:#faad0a; }
	#eventlist .event p			{ font-size:1.2em; margin-top:3px; margin-bottom:20px}
	#eventlist .event p a		{ color:#fff; }
	#eventlist .event p a:hover	{ text-decoration:none; }
	/* @end */
	
	/* @group RECENT SERMONS */
	#sorting,
	#how-it-works,
	#recent-sermon			{ width:223px; background:url(/images/recent_sermon_bg.gif) no-repeat left bottom; padding-bottom:20px; margin:22px 0 0 3px; } 
	
	#sorting h3,
	#recent-sermon h3,
	#how-it-works h3		{ 
							  display:block; background:url(/images/recent_sermons_h3.gif) no-repeat left top;  
							  padding:21px 16px; margin:0; width:191px; height:9px; 
							  font-size:18px; color:#faad0a; font-weight:normal;
							}
	.sermon					{ 
							  position:relative; background:url(/images/sidebar_dotted_bg.gif) repeat-x left bottom; padding:14px 0px;
							  width:187px; margin:0 0 0 19px;
							}
	.last					{ background:none; }
	.sermon h4				{ font-size:1.3em; font-weight:normal; margin:0; width:72%; }
	.sermon h4 a			{ color:#fff; text-decoration:none; }
	.sermon h4 a:hover		{ text-decoration:underline; }
	.sermon p				{ font:1.1em Georgia, "Times New Roman", serif; color:#ccc; margin:3px 0 0; }
	.sermon ul				{ position:absolute; top:18px; right:2px; margin:0; padding:0; list-style:none; }
	.sermon li				{ float:left; }
	.sermon li a			{ display:block; width:21px; height:20px; text-indent:-999em;}
	.sermon li a:focus		{ outline:none; }
	.sermon li.play a		{ background:url(/images/play_btn.gif) no-repeat;  }
	.sermon li.download a	{ background:url(/images/download_btn.gif) no-repeat; margin-left:3px;}
	/* @end */
	
/* @end */

/* @group COLUMN 1 */
#column1				{ width:185px; background:url(/images/navigation_bg.png) no-repeat left top; }
#column1 p				{  }
	
#navigation				{ margin:0; padding:0 0 150px; background:url(/images/nav_btm_bg.gif) no-repeat left bottom; }
#nav, #nav *			{ list-style:none; margin:0; padding:0; }
#nav					{ width:165px; margin:8px 0 0 11px; }
#nav li					{ }
#nav li a				{ 
						  display:block; background:url(/images/nav_underline.gif) repeat-x left top; text-align:right; 
						  padding:10px 2px 10px 0; margin-left:5px; width:152px; height:13px; text-decoration:none; color:#fff; 
						  font:1.4em Georgia, "Times New Roman", serif; cursor:pointer; position:relative;
						}
#nav li:hover,
#nav li.current 		{ background:#871c04; }
#nav li.current a,
#nav li#nav_home a		{ background:none; }
#nav li.current 		{ border-top:3px solid #fcfcfc; }
#nav li#nav_home.current,
#nav li li.current		{ border:0; }

#nav li li a			{ color:#faad0a; text-transform:lowercase; padding:5px 2px 5px 0; height:18px; }
#nav li li.current a,
#nav li li a:hover		{ 
						  background:url(/images/subnav_current_a.png) no-repeat right 9px; position:relative;
						  padding-right:16px;
						}
#nav li ul				{ display:none; }
#nav li.current ul		{ display:block; border-bottom:3px solid #fcfcfc;  margin-bottom:-1px; z-index:1000; position:relative; }
/* @end */	
	
/* @group FOOTER */
#footer							{ width:100%; padding:10px 0 30px; }
#footer p						{ float:left; margin-top:0; padding:0; color:#fff; font-size:1.2em; }
#footer #designed				{ float:right; margin-right:-10px;}
#footer #designed p				{ text-align:right; float:none; margin:0; }
#footer a						{ color:#fff; }
#footer a:hover					{ text-decoration:none; }
/* @end */

/* @group SERMONS */
#primaryContent .sermonlist h4	{ margin:0; padding:10px; color:#faad0a; background:url(/images/dotted_bg.gif) repeat-x left bottom; }
.sermonbox						{ position:relative; padding:10px; background:url(/images/dotted_bg.gif) repeat-x left bottom; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:11px; margin-left:10px; }
#primaryContent .sermonbox p	{ margin:0;}

#filter select					{ width:225px; margin-left:10px; margin-right:15px; }
#filter a						{ margin-left:20px; }

.sermonbox ul					{ position:absolute; top:20px; right:10px; }
.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					{ 
								  background:#915c50; border:1px solid #915c50; padding:10px; margin:5px 0 0; 
								  list-style:none; height:20px;
								}
	#mediabox li 				{ padding:2px 5px 0 20px; float:left; display:inline; margin-right:3px;}
	#mediabox li#mb_links		{ background:#881d04; color:#fff; height:font-weight:bold; margin:-10px 10px 0 -10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 4px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.gif) no-repeat left 4px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon_app.gif) no-repeat left 4px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon_app.gif) no-repeat left 4px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 4px; }
	#mediabox li a				{ color:#fff; font-size:11px; } 
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ margin-top:6px; }	
	#how-it-works ul			{ margin:2.5em 18px 0 18px; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.1em; color:#fff; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-top:6px; padding-bottom:25px; }
	#sorting ul					{ margin:1.5em 18px 0; padding:0; list-style:none; }
	#sorting li					{ margin-bottom:1em; }
	#sorting li a				{ font-size:1.2em; color:#faad0a;  }
	#sorting li a:hover			{ text-decoration:none }
	/* @end */

/* @end */

/* @group CALENDAR */
#content table td				{ font-size:1.3em; color:#fff; }
#content table td p				{ font-size:1; }
#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #915c50;
   border-right: 0;
   border-bottom: 0;
   border:0;
   border-collapse: collapse;
}

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

#content table.calendar caption span{
   color: #fff;
}

#content table.calendar th{
   padding: 6px 0;
   background: #915c50;
   color: #faad0a;
   font-size: 1.3em;
   font-weight: normal;
}

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

#content table.calendar td a{
   color: #fff;
   text-decoration: none;
}

#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{
   color: #FFF;
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}
/* @end */
table p { margin-top:0; }