/* @override http://www.ridgeonline.org/css/styles.css */

/*=====
SITE: The Ridge
FILE: styles.css
CREATED: 11/8/2007
MODIFIED: 5/16/2008
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				{ 
					  margin:0; padding:0; background:url(/images/body_bg.gif) repeat;
					  font-family:arial, verdana, sans-serif; font-size:62.5%;
					}
#container			{ background:url(/images/container_bg.gif) repeat-y; margin:0 auto; width:780px; border-bottom:5px solid #53514e; }
#mainContent		{ padding:0 11px 35px 18px; clear:both; }
#home #mainContent	{ padding-bottom:0; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.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; background:url(/images/header_bg.gif) no-repeat left 76px; 
					  padding:11px 0 0; width:495px; height:387px; margin-left:18px; z-index:1000;
					}
#header h1			{ 
					  background:url(/images/logo.gif) no-repeat; display:block; width:475px; height:55px; text-indent:-999em; 		
					  margin:0 0 0 11px; padding:0;			  
					}
#header h1 a		{ display:block; width:475px; height:45px; }
#header h1 a:focus	{ outline:none; }
#banner				{ 
					  display:block; background:url(/mediafiles/home-banner.jpg) no-repeat; width:479px; height:243px; 
					  margin:19px 0 0 8px;
					}
#skip				{ position:absolute; left:-999em; top:-999em; }

/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0; padding:0;}
#nav				{ margin:4px 0 0 8px; height:29px;  }
#nav li 			{ cursor:pointer;float:left; padding-left:3px; margin:0 3px }
#nav li a 			{ 
					  display:block; line-height:29px; padding:0 12px 0 9px; text-decoration:none; font-size:1.4em; 
					  text-transform:lowercase; color:#3b3a37; font-weight:bold;
					}
#nav li.current,
#nav li:hover		{ background:url(/images/nav_current_li.gif) no-repeat left top; }

#nav li:hover a,
#nav li a:hover,
#nav li.current a	{ color:#fff; background:url(/images/nav_current_a.gif) no-repeat right top; }
#nav li li 			{ float:none; padding:0; }

#nav li:hover li a,
#nav li li a		{ background:#d2cdc3; font-size:12px; color:#3b3a37; width:118px; font-weight:normal; padding-left:16px; }
#nav li li a:hover	{ background:#bfbaaf}
#nav li ul 			{ position:absolute; left:-5000px; z-index:1001; width:140px; padding-top:4px; margin-left:-6px; line-height:1 }
#nav li.current li,
#nav li li:hover	{ background:none }
 

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

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; width:479px; padding-left:16px; }
#primaryContent p		{ font-size:1.2em; line-height:1.5em; color:#2e2d2a; }
#primaryContent a		{ color:#89a84d; }
#primaryContent a:hover	{ text-decoration:none; }
#primaryContent h2		{ color:#89a84d; font-size:2.1em; font-weight:normal; margin-top:0; text-transform:lowercase; }
h3, h4, h5, h6			{ color:#89a84d; }
#primaryContent h3		{ font-size:1.6em; }
#home #primaryContent h3{ font-size:2.1em; margin-bottom:0; font-weight:normal; margin-top:0; text-transform:lowercase; }
#primaryContent h4		{ font-size:1.4em; }
#primaryContent h5		{ font-size:1.3em; }
#primaryContent h6		{ font-size:1.2em; }
	
	/* @group CURRENT SERIES */
	#current-series 		{ border-top:1px solid #e7e3dc; padding-top:14px; }
	#current-series h3		{ color:#89a84d; font-size:2.1em; font-weight:normal; margin-top:0; text-transform:lowercase; }
	#primaryContent p.meta	{ color:#9f9c98; margin-top:0; }
	/* @end */
	
	/* @group ARTICLES */
	.article h4			{ margin-bottom:0; }
	.article p			{ margin-top:0; margin-bottom:.5em; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks 	{ margin:69px 0 0 5px; padding:31px 0 0 33px; width:737px; height:300px; background:#ece8e2; position:relative; } 
	#quicklinks ul	{ margin:0; padding:0; list-style:none; }	
	#quicklinks li	{ 
					  float:left; display:inline; background:#f1efd1 url(/images/quicklinks_li_bg.gif) no-repeat left top;  
					  padding:7px; margin-right:17px; 
					}
	#quicklinks li a	{ 
						  font-size:1.7em; color:#303030; text-decoration:none; display:block; width:189px;
						  background:url(/images/ql_arrow.gif) no-repeat 150px 6px; padding-right:20px; text-transform:lowercase;
						}	
	#quicklinks li img	{ margin-top:5px; display:block; border:0; }
	#quicklinks li#quick2 a	{ background-position:140px 6px; }
	#quicklinks li#quick3 a	{ background-position:100px 6px; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 		{ float:right; width:234px; margin-top:-387px; }
#secondaryContent h3	{ 
						  background:url(/images/secondarycontent_h3.jpg) no-repeat; margin:1em -16px 0 -16px; padding:3px 0 0 16px; 
						  font-size:1.6em; color:#fff; font-weight:normal;
						}
#secondaryContent h4	{ font-size:1.5em; color:#875f0d; text-transform:lowercase; margin-bottom:2px; }
#secondaryContent img	{ border:0;}	
#secondaryContent p,
#secondaryContent li	{ font-size:1.2em; color:#fff; line-height:1.5em; }
#secondaryContent li p	{ font-size:1em; }

	/* @group SERVICE TIMES */
	#service-times			{ padding-left:16px; position:relative; }
	#secondaryContent #service-times h3		
							{ height:32px; margin:1em -16px 0; padding:3px 0 0 16px; }
	#service-times p		{ font-size:2em; color:#fff; margin:0;}
	#service-times p i		{ font:15px Georgia, "Times New Roman", serif; margin:0; font-style:italic; text-transform:lowercase; }
	#service-times p.map a	{ 
							  display:block; width:76px; height:45px; background:url(/images/map.gif) no-repeat; text-indent:-999em; 
							  position:absolute; top:40px; right:5px;
							}
	/* @end */
	
	/* @group UPCOMING EVENTS */
	#featured				{ padding-top:15px; width:200px; clear:both; }
	.featured				{ clear:both; padding-bottom:15px; }
	.featured h4			{ margin:4px 0 0 65px; font-weight:bold; font-size:1.4em; text-transform:capitalize; }
	.featured h4 a			{ color:#fff }
	#featured h4 a:hover	{ text-decoration:none; }
	.featured .cal			{ 
							  display:block; width:56px; height:61px; background:url(/images/cal_bg.gif) no-repeat; text-align:center; 
							  margin:0 0 0 0; float:left; 
							}
	#featured .month		{ 
							  display:block; line-height:1; font-weight:bold; font-size:14px; color:#2a2418; text-transform:uppercase; 
							  position:relative; top:2px;	
							}
	#featured .day			{ display:block; font-weight:bold; font-size:30px; color:#fff; position:relative; top:5px;}
	#upcoming-events 		{ padding-left:16px; background:url(/images/featured_bg.jpg) no-repeat 1px 32px; }
	#secondaryContent #upcoming-events h3	
							{ clear:both; height:32px; margin:1em -16px 0 -16px; padding:3px 0 0 16px; }
	.event					{ clear:both; padding:9px 0; border-bottom:1px solid #c59022; }
	.last					{ border:0; }
	.event h5				{ font:italic 12px Georgia, "Times New Roman", serif; color:#fff; margin:0; }	
	.event p				{ margin:0; font-size:1.2em; text-transform:lowercase; }
	.event p a				{ color:#fff; text-decoration:none; }
	.event p a:hover		{ text-decoration:underline; }	
	/* @end */
	
	/* @group RECENT SERMONS */
	#recent-sermons,
	#recent-articles,
	#recent-blog							{ padding:16px; }
	#secondaryContent #recent-sermons h3,
	#secondaryContent #recent-articles h3,
	#secondaryContent #recent-blog h3	{ margin:0 -16px; padding:3px 0 0 16px; }
	.sermon									{ position:relative; border-bottom:1px solid #c59022; padding:9px 0;}	
	#secondaryContent .sermon h4			{ font-size:1.4em; margin:0; text-transform:capitalize; width:68%;  }
	.sermon h4 a							{ color:#fff; text-decoration:none; }
	.sermon h4 a:hover				{ text-decoration:underline; }
	#secondaryContent .sermon p		{ font-size:1em; color:#fff; margin:0; text-transform:uppercase; }
	#recent-articles .sermon p		{ text-transform:none; font-size:1.1em; line-height:1.5em; }
	#recent-articles p span			{ text-transform:uppercase;}
	.sermon ul						{ position:absolute; top:12px; right:0; margin:0; padding:0; list-style:none; }
	.sermon li						{ float:left; }
	.sermon li a					{ display:block; width:23px; height:25px; text-indent:-999em; }
	.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:10px;}
	/* @end */
	
	/* @group ELETTER */
	#eletter				{ padding:15px 0 0 16px; width:217px; height:54px; background:#f2bf54; position:absolute; top:-69px; right:6px; margin-top:0;}
	#eletter label			{ 
							  display:block; background:url(/images/eletter_label.gif) no-repeat; width:112px; height:15px; 
							  margin:0; padding:0; text-indent:-999em;
							}
	#eletter input#email	{ position:relative; top:-10px; }
	#eletter-btn			{ position:relative; top:0px; }
	#eletter fieldset		{ margin:0; padding:0; border:0; }
	/* @end */
/* @end */

/* @group FOOTER */
#footer				{ margin:0 auto; width:780px; padding-bottom:60px;}
#footer p			{ font-size:1.2em; color:#fff; width:40%; float:left; }
#footer p#designed	{ float:right; width:auto; }
#footer a			{ color:#fff; }
#footer a:hover		{ text-decoration:none; }
/* @end */

/* @group SERMONS */
.sermonlist 								{  margin-top:1em; border-top:8px solid #efedcc }
.sermonbox 									{  background:#fff; position:relative; padding:10px;  }	
#primaryContent .sermonbox h5				{ margin:0; }
#primaryContent .sermonbox a:hover	 		{ text-decoration:none; }
.sermonbox h5 span 							{ font-size:0.8em; margin-left:10px; }
#primaryContent .sermonlist .sermonbox p 	{ margin:0; }

.sermonbox ul 					{ position:absolute; top:20px; right:25px; margin:0; padding:0; list-style:none}
.sermonbox li 					{ float:left; margin:0 3px }
.sermonbox li a 				{ display:block; float:left; 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 			{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video 			{ background:url(/images/video_icon.gif) no-repeat; }

#how-it-works				{ margin-top:1.5em; padding-left:16px; }
#secondaryContent #how-it-works h3			
							{ display:block; height:32px; margin-left:-16px; padding:3px 0 0 16px; }
#how-it-works ul 			{ margin:1em 5px 0 0; padding:0; list-style:none; }
#how-it-works li#play 		{ background:url(/images/play_icon_app.gif) no-repeat; }
#how-it-works li#notes 		{ background:url(/images/notes_icon_app.gif) no-repeat; }
#how-it-works li#save 		{ background:url(/images/download_icon_app.gif) no-repeat }
#how-it-works li#video 		{ background:url(/images/video_icon_app.gif) no-repeat; }
#how-it-works li 			{ padding:0 0 6px 20px; color:#fff; font-size:1.2em; margin-bottom:1em;}
#how-it-works li span 		{ font-weight:bold; }	

#sorting					{ padding-left:16px; margin-bottom:3em; margin-top:1.5em; }
#secondaryContent #sorting h3			
							{ display:block; height:32px; margin-left:-16px; padding:3px 0 0 16px; }
#sorting ul					{ margin:1em; padding:0; list-style:none; }
#sorting li a				{ font-size:1.1em; color:#fff;  }
#sorting li a:hover			{ text-decoration:none; }

ul#byline					{ margin:0; padding:0; list-style:none; }
ul#byline li				{ font-size:1.1em; }
#mediabox 					{ float:right; margin:-4em 1em 0; width:150px; padding:10px; list-style:none; border:1px solid #89a84d; }
#mediabox li 				{ padding:4px 0 4px 20px; }
#mediabox li a 				{ line-height: 1.5em;  }
#mediabox li#mb_links		{ background:#89a84d; color:#fff; margin:-10px -10px 10px; font-size:1.2em; font-weight:bold; }
#mediabox li#mb_download 	{ background:url(/images/download_icon.gif) no-repeat 0 4px; }
#mediabox li#mb_podcast 	{ background:url(/images/feed_icon.gif) no-repeat 0 4px; }
#mediabox li#mb_jukebox 	{ background:url(/images/play_icon.gif) no-repeat 0 4px; }
#mediabox li#mb_video 		{ background:url(/images/video_icon.gif) no-repeat 0 4px; }	
#mediabox li#mb_notes		{ background:url(/images/notes_icon.gif) no-repeat 0 4px;  }

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar 				{ 
											  margin-left:10px; margin-bottom: 25px; border-collapse: collapse; border:1px solid #efedcc; 
											  border-width:0 0 1px 1px 
											}
#primaryContent table.calendar caption 		{ padding-bottom: 10px; color: #89a84d; font-size: 1.4em;}
#primaryContent table.calendar th 			{ padding: 6px 0; background: #89a84d; color: #fff; font-size: 1.3em; font-weight: normal;}
#primaryContent table.calendar td 			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #efedcc; border-left: 0; border-top: 0; 
											  color: #2e2d2a; font-size: 1em; vertical-align: top; overflow:hidden;
											}
#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; }
/* @end */


/* @group BLOG */
#primaryContent				{position:relative; }
#subscribe					{ position:absolute; top:10px; right:20px; font-size:12px; }
#primaryContent p.date		{ margin-bottom:3px; }
#primaryContent .post h3	{ margin-top:0; }
#comments					{ margin:5em 0; }
#comments form				{ margin-top:3em; }
#comments label				{ display:block; font-size:1.4em; font-weight:bold; margin-bottom:.5em; }
#comment-submit				{ display:block; margin-top:.5em; }
#comments .comment			{ padding:10px 0; }
/* @end BLOG */
img.mcms_stats{
   display: none;
}

/* @group ROTATOR CONTROLS */
#rotator { position: relative; }
#rotator img { position: absolute; top: 0; left: 0; display: none; }
#controls					{ 
							  height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
							  position:absolute; top:292px; z-index: 5;
							}
#controller					{ background:url(/images/controls_bg.png) no-repeat right top; padding-right:3px; }							
#controls ul				{ margin:0; padding:3px 0; list-style:none; height:23px; position:relative; }
#controls li				{ display:inline; }
#controls li a				{ float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;}
#controls li a.current		{ background:#567c93; color:#fff; }
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_prev_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
#controls li#controls-next a	{ 
								  display:block; width:29px; height:29px; background:url(/images/controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */