/*=============================================
CLIENT: Fellowship Memphis
STARTED:11/11/2008
UPDATED: 12/29/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
===============================================*/

body				{ 
					  background:#f8f8f8; font-family: helvetica, arial, verdana, sans-serif; color:#232323; 
					  margin:0; padding:0; font-size:62.5%;
					}
#container			{ width:965px; margin:0 auto; }

.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 */
hr					{ display:none; }

/* @group HEADER */
#header				{ 
					  width:965px; height:184px; border-bottom:1px solid #cdcdcd; position:relative; z-index:2000; 
					}
#header h1,
#header h1 a		{ display:block; width:365px; height:96px; }
#header h1			{ 
					  background:url(/images/sublogo.gif) no-repeat; text-indent:-999em; margin:0; padding:0; 
					  position:absolute; top:32px; left:15px; 
					}
#header h1 a:focus	{ outline:none; }
#skip				{ position:absolute; top:-999em; }

#header form		{ position:absolute; bottom:8px; right:0; width:207px; padding:0; margin:0; }
#header fieldset	{ margin:0; padding:0; border:0; }
#header input#search_term		{ 
					  display:block; float:left; width:149px; border:1px solid #bababa; border-bottom:1px solid #e5e5e5;
					  background:url(/images/search_input_bg.gif) no-repeat 5px center; padding:2px 4px 3px 20px;
					  font-size:12px; color:#aaa; text-transform:capitalize; font-weight:bold;
					}
#header input#search_term.focus	{ color:#232323; }
#header form a		{ 
					  display:block; width:25px; height:24px; background:url(/images/search_btn.gif) no-repeat; float:left; text-indent:-999em; 
					  position:relative; left:7px; top:2px;
					  
					}
/* @end */

/* @group NAVIGATION */
#nav, #nav *		{ margin:0; padding:0; list-style:none; }
#nav				{ position:absolute; bottom:-2px; left:0; padding:5px 0; height:32px; border-top:1px solid #cdcdcd; width:100%; }
#nav li				{ display:inline; }
#nav li a			{ 
					  display:block; float:left; line-height:30px; font-size:14px; padding:0 14px; text-decoration:none; text-transform:uppercase;
					  color:#232323; font-weight:bold; border-left:1px solid #cdcdcd;
					}
#nav #nav_home a,
#nav #nav_about-us a{ border:0; }
#nav li a:hover		{ color:#999; }

#nav li ul			{ display:none; }
/* @end */

/* @group SUBNAVIGATION */
#content #subnav, 
#content #subnav *,
#content #mediabox				{ margin:0; padding:0; list-style:none;}
#content #subnav li a,
#content #mediabox li a			{ 
								  line-height:38px; padding:0 16px; font-weight:bold; font-size:12px; color:#aaa; text-transform:uppercase; 
								  text-decoration:none; background:#323232; display:block; margin-bottom:1px;
								}
#content #subnav li.current a,
#content #subnav li a:hover,
#content #mediabox li a:hover,
#content #mediabox li#mb_links	{ background:#ed0000; color:#fff; }
#content #mediabox li#mb_links	{ line-height:38px; padding:0 16px; font-size:12px; font-weight:bold; text-transform:uppercase; }
#content #subnav li ul			{ padding:10px 0; display:none; }
#content #subnav li.current ul	{ display:block; }
#content #subnav li.current li a{ background:none; font-size:12px; color:#666; line-height:26px; text-transform:none; }
#content #subnav li li a:hover,
#content #subnav li li.current a{ color:#232323; background:none; }  
/* @end */

/* @group CONTENT */
#content						{ 
								  background:#fff url(/images/two_column_content_bg.gif) repeat-y; margin-top:25px; padding-bottom:100px;  
								  border-right:1px solid #e1e1e1; position:relative;
								}				
#content.frame-965				{ border:1px solid #e1e1e1; background:#fff; padding:0 32px 100px; width:899px; }				   
#content #back					{ position:absolute; top:28px; right:30px; font-size:1.3em; }
/* @end */

/* @group MAIN */
#main						{ padding:0 30px 0 32px; width:630px; display:inline; float:right; border-top:1px solid #e1e1e1; }
#banner						{ margin-left:-32px; margin-right:-30px;  } 
#event-detail #banner		{ margin:24px 35px 0 0; float:left; }

/* HEADINGS */
#content h2					{ font-size:2.6em; color:#232323; }
#content h2 a				{ color:#232323; text-decoration:none; }
#content h2 a:hover			{ color:#ed0000; text-decoration:none; }
#content h3					{ font-size:1.8em; color:#232323; }
#content h4					{ font-size:1.8em; color:#232323; font-weight:normal; }
#content h5					{ font-size:1.4em; color:#232323; }

#content #text				{ clear:both; } 
#content p, #content li, 
#content td					{ font-size:1.2em; color:#232323; line-height:1.5em; }

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

#content ol, #content ul	{ padding-left:0; margin-left:16px; }   

#content p.large			{ font-size:1.4em; line-height:20px; }

#content a					{ color:#ed0000; text-decoration:none; }
#content a:hover			{ text-decoration:underline; }

#content img				{ border:none; }
#content img.left-align		{ float:left; position:relative; left:-3px; margin:0 15px 0 0; }
#content img.right-align	{ float:right; position:relative; right:-3px; margin:0 0 0 15px; }
.break						{ padding-bottom:18px; border-bottom:1px solid #e1e1e1; }

#content ul#fourth-level			{ margin:0; padding:0 0 30px; list-style:none; }
#content #fourth-level li 			{ display:inline; }
#content #fourth-level li a			{ float:left; font-size:14px; color:#232323; padding:0; margin:0 10px 0 0; font-weight:bold; }
#content #fourth-level li a:hover	{ text-decoration:underline; }
#content #fourth-level li.current a	{ color:#ed0000; text-decoration:underline; }
/* @end */

/* @group SIDEBAR */
#sidebar					{ float:left; width:272px; }
/* @end */

/* @group BOTTOM */
#bottom						{ background:#232323; padding:25px 0 25px 110px; }
#bottom ul					{ margin:0; padding:0; list-style:none; width:160px;  float:left; }
#bottom li#bottom-nav_home	{ display:none; }
#bottom li					{ float:left; width:160px; }
#bottom li a				{ color:#aaa; font-weight:bold; font-size:12px; text-decoration:none; }
#bottom li a.first			{ color:#666; }
/* @end */

/* @group FOOTER */
#footer						{ padding:18px 0 50px; }
#footer p					{ font-size:11px; color:#666; float:left; width:70%; margin:0; }
#footer .pipe				{ color:#c9c9c9; }

/* @group FOOTER LINKS */
#footer-links					{ margin:0; padding:0; list-style:none; float:right; }
#footer-links li				{ display:inline;  } 
#footer-links li#feeds			{ padding-left:20px; }
#footer-links li a				{ 
								  float:left; display:block; font-size:11px; color:#666; text-decoration:none; padding:0 7px 0 8px; 
								  background:url(/images/interior_footer_pipe.gif) no-repeat left center;
								}
#footer-links li#footer-feeds a { background:url(/images/interior_footer_rss_icon.gif) no-repeat left center; padding-left:15px; }  
#footer-links li a:hover		{ text-decoration:underline; }
/* @end */

/* @end */

/* @group SERMONS */
#primaryContent .sermonbox h5			{ margin:0 0 2px; }
#primaryContent .sermonbox h5 span		{ font-weight:normal; font-size:10px; margin-left:10px; }
#primaryContent .sermonbox h5 a			{ text-decoration:none;}
#primaryContent .sermonbox h5 a:hover 	{ text-decoration:underline }
#primaryContent .sermonbox p			{ margin:0; }
.sermonbox								{ padding:18px 0; border-bottom:1px solid #e1e1e1; position:relative; }
#content .sermonbox p				{ font-size:12px; color:#999; margin:0; }
#content .sermonbox h4				{ margin:0 0 9px; }
#content .sermonbox h5				{ font-size:14px; color:232323; margin:0; font-weight:normal; }

#content .sermonbox ul				{ position:absolute; top:9px; right:0; margin:0; padding:0; list-style:none; }
#content .sermonbox li				{ display:inline; float:left; }
#content .sermonbox li a			{ display:block; float:left; width:45px; padding-top:38px; text-align:center; color:#999; font-size:10px; }
#content .sermonbox li a:hover		{ text-decoration:none; }
#content .sermonbox li.sl_listen a	{ background:url(/images/play_icon.gif) no-repeat center top; }
#content .sermonbox li.sl_download a{ background:url(/images/download_icon.gif) no-repeat center top; }
#content .sermonbox li.sl_notes a	{ background:url(/images/notes_icon.gif) no-repeat center top; } 
#content .sermonbox li.sl_video a	{ background:url(/images/video_icon.gif) no-repeat center top;  } 

#how-it-works, #sorting 				{ padding:10px; }
#how-it-works ul,
#sorting ul								{ margin:0; padding:0; list-style:none; }
#how-it-works li,
#sorting li								{ font-size:1.1em; color:#252525; }

/* @group SORTING */
#sorting								{ margin-bottom:12px; }
#sorting label,
#sorting select							{ display:block; }
#sorting label							{ font-size:1.3em; font-weight:bold; margin-bottom:.5em; }
#sorting select							{ margin-bottom:1.5em; width:100%; } 
/* @end */

/* HOW IT WORKS */
#sorting,
#how-it-works							{ padding:0 15px; }
#how-it-works h3						{ margin-top:0; }
#how-it-works li 						{ margin-bottom:1.5em; padding-left:20px; }
#how-it-works li span					{ font-weight:bold; }
#how-it-works li#play					{ background:url(/images/play_icon_app.gif) no-repeat; }	
#how-it-works li#save					{ background:url(/images/download_icon_app.gif) no-repeat; }	
#how-it-works li#notes					{ background:url(/images/notes_icon_app.gif) no-repeat; }	
#how-it-works li#video					{ background:url(/images/video_icon_app.gif) no-repeat; }	


/* @group MEDIABOX */
#content #byline						{ margin:0; padding:0; list-style:none; font-size:1.1em; color:#252525; }
#content #byline li						{ display:inline;  }
/* @end */
/* @end */

/* @group CONTACT FORM */
#contact-form form,
#contact-form fieldset					{ margin:0; padding:0; border:0; }
#contact-form label,
#contact-form input						{ display:block; }
#contact-form label						{ font-size:1.2em; font-weight:bold; text-transform:uppercase; margin-bottom:.5em; }
#contact-form input						{ padding:4px; width:50%; border:1px solid #999; border-bottom-color:#ccc; margin-bottom:1.5em; }
#contact-form select					{ width:150px; margin-bottom:1.5em; font-size:18px; height:26px; width:225px; }
#contact-form textarea					{ width:75%; border:1px solid #999; border-bottom-color:#ccc; }
#contact-form input#sp-trap				{ position:absolute; left:-999em; }
#contact-form input.submit				{ width:auto; margin-top:1.5em; }
#contact-form input.contact				{ border:0; padding:0; }
#content ul#errors						{ border:3px solid red; padding:20px; background:yellow; }
#errors li								{ font-size:1.4em; }
/* @end */

/* Josh */
.donateroll a { 
	display: block; 
	width: 175px; 
	height: 62px;
	background-image: url("http://www.fellowshipmemphis.org/mediafiles/_engage2010/donate-roll.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	margin: 25px 0 25px 20px;
}
.donateroll a:hover	{background-position: 0px -62px;}