/* @override http://www.churchplantingnetwork.com/css/styles.css */

/*=====
CLIENT: Church Planting Network
FILE: styles.css - main CSS styles for staging site
CREATED: 9/12/2008
MODIFIED: 2/6/2009
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:#fff url(/images/body_bg.jpg) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#2d2d2d; 
							}
hr 							{ display: none; }
#outer-container			{ background:url(/images/sub_outer_container_bg.jpg) no-repeat center top; position:relative; left:-7px;}
#container 					{ margin:0 auto; width:960px; }
#mainContent 				{ position:relative; padding-bottom:50px; }
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 */

.inner						{ width:960px; margin:0 auto; position:relative; left:5px;  }
/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; width:960px; height:142px; margin:0 auto;  }
#header h1,
#header h1 a			{ display:block; width:275px; height:82px; }
#header h1				{ margin:0; background:url(/images/logo2.png) no-repeat; text-indent:-999em; position:absolute; right:-8px; top:45px; }
#header h1 a:focus		{ outline:none; }

#header form			{ position:absolute; top:6px; right:0; }
#header fieldset		{ margin:0; padding:0; border:none; position:relative; width:190px;}
#header #search_term	{ float:left; margin:2px 0 0 4px; width:160px; border:1px solid #fff; padding:2px 0; position:relative; top:-2px; left:3px; }
#header form a			{ 
						  display:block; width:20px; height:20px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
						  position:absolute; top:1px; right:-2px;
						}
#tagline				{ position:absolute; display:block;  top:55px; left:23px; margin:0; width:650px; }						
#phone					{ position:absolute; top:12px; right:140px; width:250px; }
#phone p				{ margin:0; padding:0; color:#fff;}
#skip 					{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
/* @end */


/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ height:40px; position:absolute; top:94px; left:11px;}
#nav li 				{ float:left;  }
#nav li a 				{ display:block; font-size:1.4em; padding:0 20px; line-height:40px; color:#fff; text-decoration:none; }

#nav li.current a,
#nav li:hover a			{ background:#113719;  }

#nav li ul 				{ position:absolute; left:-5000px; z-index:1001; width:200px; opacity:.96; }
#nav li li a			{ line-height:1; height:15px; font-size:11px; padding:7px 20px 5px; width:160px; background:#1b4723; }

#nav li li a:hover,
#nav li:hover li a:hover{ background:#34703c; }
#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; display:block;}
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 200px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; width:670px; padding-top:28px; padding-left:20px; padding-bottom:20px;}

.column					{ float:left; width:235px; } 
.column.wide			{ padding:0 15px; width:440px; }

.column p,
#primaryContent li,
.column li				{ font-size:1.2em; line-height:1.5em; color:#2d2d2d; margin:0; }

#primaryContent td,
#row td,
#primaryContent p		{ font-size:1.2em; line-height:1.5em; color:#2d2d2d;  }

#row td,
#primaryContent td		{ vertical-align:top; }

#row li *,
#primaryContent p *,
#primaryContent li *,
#primaryContent td *	{ font-size:1em; }

#row a,
#primaryContent a		{ color:#b72717; }

#row a:hover,
#primaryContent a:hover	{ text-decoration:none; }

#primaryContent div.left-align	{ float:left; left:-10px; margin:10px 10px 10px 0; width:35%; }
#primaryContent div.right-align	{ float:right; right:-10px; margin:10px 0 10px 10px; width:35%; }
#primaryContent div.left-align,
#primaryContent div.right-align	{ border-top:4px solid #e5e3d4; padding:20px; background:#eeeddb; position:relative; top:1em; }


	/* @group HEADINGS */
	#row h2,
	#primaryContent h2	{ font-size:2.1em; color:#292929; margin-bottom:0; }
	#row h3,
	#primaryContent h3	{ font-size:1.5em; color:#b72717; }
	#row h4,
	#primaryContent h4	{ font-size:1.4em; color:#b72717; }
	#row h5,
	#primaryContent h5	{ font-size:1.3em; color:#292929; }
	#row h6,
	#primaryContent h6	{ font-size:1.2em; }
	/* @end */

img.left-align			{ float:left; position:relative; left:-10px; }
img.right-align			{ float:right; position:relative; right:-10px; }
img						{ border:none; }
/* @end */

/* @group SIDEBAR */
#sidebar			{ float:right; width:235px; padding-top:27px; margin-right:-4px;}

	/* @group INVITE */
	#invite				{ background:url(/images/invite_bg.gif) no-repeat left 50px; margin-bottom:2.5em;}
	#sidebar #invite h3	{ border-bottom:1px solid #f3f2e7; }
	#invite p			{ margin-left:58px; font-size:1.1em; color:#2d2d2d; line-height:16px; margin-top:2.4em;}
	#invite form		{ padding-top:20px; margin:0; }
	#invite fieldset	{ margin:0; padding:0; border:none; }
	#invite #ea			{ padding:5px 4px; border:1px solid #dfdfdf; width:153px; float:left; }
	#invite #send-btn	{ float:left; margin-left:6px; position:relative; top:2px;}
	/* @end */

/* @end */

/* @group ROW */
#row					{ clear:both; }
#row .column			{ width:305px; padding-bottom:20px; margin-left:15px; }
#row #column1.column	{ margin-left:0; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ margin:50px auto 0; padding:25px 0 50px; background:#faf9f3; border-top:1px solid #f2f2e7; position:relative; }
#secondaryContent .column	{ width:225px; margin-right:20px; }
#secondaryContent h3		{ border-bottom:1px solid #eae8db; }
.sIFR-active #secondaryContent #resources h3		{ background:url(/mediafiles/download.png) no-repeat; padding-left:22px; }
.sIFR-active #secondaryContent #podcasts h3			{ padding-left:22px; background:url(/mediafiles/serviceproviders.png) no-repeat left center; }
.sIFR-active #secondaryContent #upcoming-events h3	{ padding-left:22px; background:url(/mediafiles/mic.png) no-repeat left center; }
.sIFR-active #secondaryContent #latest-news h3		{ padding-left:22px; background:url(/mediafiles/converge.png) no-repeat left center; }
.all						{ font-size:1.1em; color:#e32727; display:block; margin-top:12px; }
.all:hover					{ text-decoration:none; }

	/* @group RESOURCES */
	#podcasts ul,
	#resources ul				{ margin:14px 0 25px; padding:0; list-style:none; }
	#podcasts li a,
	#resources li a				{ font-size:12px; color:#2d2d2d; text-decoration:none; line-height:24px; padding-bottom:1px; font-weight:bold; }
	#resources li img,
	#podcasts li img			{ border:none; margin-right:5px; position:relative; top:2px; }
	/* @end */
	
	/* @group SERMONS */
	.sermon 					{ position:relative; padding:15px 0; border-bottom:1px solid #eae8db; }
	#secondaryContent h4,
	.sermon h4					{ margin:0 0 2px; font-size:1.2em; }
	#resources li a,
	#podcasts li a,
	#secondaryContent h4 a,
	.sermon h4 a				{ color:#2d2d2d; text-decoration:none; }
	#secondaryContent li a:hover,	
	#secondaryContent h4 a:hover,
	.sermon h4 a:hover			{ text-decoration:underline; }
	#secondaryContent p			{ font-size:1.1em; color:#6c6c66; }
	.sermon p.date				{ text-transform:uppercase; }
	.sermon .play				{ 
								  display:block; width:25px; height:25px; background:url(/images/play_btn.gif) no-repeat; text-indent:-999em; 
								  position:absolute; top:27px; right:5px;
								}
	.sermon .play:focus			{ outline:none; } 
	/* @end */
	
	/* @group EVENTS */
	#latest-news h4,
	#upcoming-events h4			{ margin-top:14px; }
	/* @end */
	
	/* @group LATEST NEWS */
	#secondaryContent #latest-news		{ position:relative; margin-right:-10px; left:-6px;}
	#latest-news #newsfeed		{ 
								  position:absolute; display:block; width:16px; height:17px; background:url(/images/feed_icon.gif) no-repeat; 
								  text-indent:-999em; top:0; right:0;
								}
	/* @end */

/* @end */


/* @group FOOTER */
#footer 					{ border-top:1px solid #e6e4d0; background:#ebeada; height:122px; position:relative; }
#footer-inner				{ width:960px; margin:0 auto; position:relative; padding-top:53px; }
#footer p 					{ margin-top:0; }
#footer a					{ color:#e32727 }
#footer a:hover				{ text-decoration:none }
#sitemap-btn				{ 
							  display:block; width:159px; height:31px; background:url(/images/sitemap_btn.gif) no-repeat; text-indent:-999em; 
							  position:absolute; top:-1px; left:0; z-index:10000;					
							}
#sitemap-btn:focus			{ outline:none; } 

#sitemap					{ position:relative; clear:both; top:20px; display:none; zoom:1; }
#lists						{ padding-top:40px; border:1px solid #eeecdf; background:#fff; padding:20px; }
#lists ul					{ margin:0 15px 0 0; float:left; padding:0; list-style:none; width:170px; }
#lists ul.last				{ margin-right:0;  }
#sitemap li a				{ line-height:24px; font-size:1.1em; color:#525759; text-decoration:none; }
#sitemap li a:hover			{ text-decoration:underline; }
#sitemap ul a.first			{ font-weight:bold; color:#23282a; font-size:12px; }
/* @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; clear:both; }
#primaryContent h4#current			{ clear:both;  margin-top:1.5em; }
.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; }
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; font-weight:normal; font-style:italic; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}


.sermonbox ul					{ position:absolute; top:10px; 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; margin-left:10px; }
.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						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ padding:0; margin:1em 0 2.5em; list-style:none; border:1px solid #f4f4f4; height:30px; width:100%; }
	#mediabox li 				{ padding:0 0 0 20px; float:left; display:inline; line-height:30px; margin-right:12px; }
	#mediabox #mb_links			{ background:#f4f4f4; padding-right:20px; }	
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon.gif) no-repeat left center; }
	#mediabox li#mb_download	{ background:url(/images/download_icon.gif) no-repeat left center; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
	#mediabox li#mb_video		{ background:url(/images/video_icon.gif) no-repeat left center; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon.gif) no-repeat left center; }	
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works 				{ height:50px; display:block; border:1px solid #e6e4d0; background:#ebeada; margin:2.5em 0; padding:0; }
	#how-it-works li			{ padding:2px 0 2px 20px; font-size:1.2em; display:inline; line-height:35px; margin-right:20px; }
	#how-it-works li#how 		{ font-weight:bold; padding:0; margin-right:40px;}
	#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 */
	#sidebar #sorting h3		{ margin-bottom:14px; }
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ font-size:1.3em; margin-bottom:.5em; font-weight:bold; }
	#sorting select				{ width:90%; margin-bottom:1.5em; }
	#sorting a					{ color:#b72717; font-size:1.2em; }
	#sorting a:hover			{ text-decoration:none; } 
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; width:95%; }
#primaryContent table.calendar caption		{ padding-bottom: 10px; color:#2d2d2d; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background:#b72717; 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:#faf9f3; 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 */