/* @override http://www.tucsonrevolution.com/css/styles.css */
/*=====
FILE: styles.css - main CSS styles for staging site
CREATED: 7/11/2008
MODIFIED: 8/27/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:#141414 url(/images/body_bg.jpg) repeat-x; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif; color:#979795 
							}
hr 							{ display: none; }
#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#outer-container			{ background:url(/images/outer_container_bg.jpg) no-repeat center top; }
#container 					{ margin:0 auto; width:770px; }
#mainContent				{ background:url(/images/heading_stripe.gif) repeat-x left 2px; width:770px; }
#home #mainContent			{ background:#3a3a38; padding-top:0; }
img							{ border:0; }
a 							{ overflow: hidden; }
.col						{ float:left; width:150px; margin-right:15px; }
.col.wide					{ width:420px; }
.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						{ width:770px; height:108px; background:url(/images/header_bg2.jpg) no-repeat; border-bottom:7px solid #fff; }
#header h1					{ display:block; width:770px; height:72px; text-indent:-999em; margin:0; padding:0; }
#header h1 a				{ width:240px; height:45px; display:block; position:absolute; top:15px; left:500px; }
#header h1 a:focus			{ outline:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ height:36px; width:670px; margin:0 auto; }
#nav li 				{ float:left; margin:0 2px; }
#nav li a 				{ display:block; font-size:1.2em; padding:0 20px; line-height:36px; color:#fff; text-decoration:none; text-transform:uppercase; }
#nav li.current a		 { background:#fff; color:#029dc7; }

#nav li:hover a			{ background:#484846; color:#fffefe; }

#nav li li 				{ border:none; float:none; margin:0; }


#nav li li a 			{ background:#55636B; color:#fff; width:140px; margin:0; line-height:22px; padding-top:2px; }


#nav li.current li a:hover, 
#nav li:hover li a:hover{ background:#31afd1; color:#fff; }

#nav li ul 				{ position:absolute; left:-5000px; z-index:1001; padding:7px 0; background:#484846; }
#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 140px;}

#articles #nav_home.current a	{ color:#fff; text-decoration:none; text-transform:uppercase; background:none; }
#articles #nav_media a 			{ background:#fff; color:#029dc7; }

/* @end */

/* @group BANNER */
#banner				{ display:block; width:770px; border-bottom:10px solid #3a3a38; background:#fff; padding-bottom:5px; }
#banner img			{ margin-left:7px; }
#home #banner		{ background:#fff; margin-bottom:12px; height: 346px; position: relative;}

#home #rotator				{ position:relative; display:block; width:756px; height:344px; }
#home #rotator img			{ border:0; position:absolute; top:0; left:0; display:none; width: 756px;}

/* @end */


/* @group PRIMARY CONTENT */
#content-wrap				{ background:url(/images/content_wrap_bg.gif) repeat-y; width:770px; padding-bottom:20px; }
#primaryContent				{ width:520px; padding:12px 20px 0; float:left; }
#home #primaryContent		{ width:744px; padding:5px 13px 0; background:url(/images/home_content_bg.gif) repeat-x left 1px; float:none; }

h2							{ margin:0; }
h3							{ font-size:1.5em; }
h4							{ font-size:1.4em; } 
h5							{ font-size:1.3em; }
h6							{ font-size:1.2em; }
.article h4					{ margin-bottom:0; }
.article p					{ margin-top:0;  }

#primaryContent a			{ color:#029dc7; }
#primaryContent a:hover		{ text-decoration:none; }

#primaryContent p,
#primaryContent td,
#primaryContent li			{ font-size:1.2em; color:#fff; }

#primaryContent p			{ line-height:1.5em; }

#primaryContent li p,
#primaryContent li *,
#primaryContent td *		{ font-size:1; line-height:1; }

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

/* @group SERVICE */
#service					{ padding-left:0px; }
#service p					{ font-size:1.1em; color:#979795; margin-left:1px; margin-top:10px }
#service b					{ font-weight:normal; color:#fff; }
/* @end */

/* @group QUICKLINKS */
#quicklinks					{ padding:0; }
#quicklinks p				{ 
							  display:block; width:120px; height:131px; float:left; background:url(/images/ql_bg.gif) no-repeat right bottom; 
							  margin:5px 9px 0 0; padding:7px; color:#fff; font-size:1.1em;
							}				
#quicklinks p:hover			{ background-position:left bottom; }
#quicklinks p span			{ padding:0 3px 3px 3px; display:block; text-transform:uppercase; }
#quicklinks p:first-child 	{ margin:0 }
/* @end */

/* @group RECENT SERMONS */
#home #recent-sermons		{ margin-right:-30px; }
#recent-sermons div			{ border-top:1px solid #31312f; padding-top:12px;}
#recent-sermons div.first	{ border:none; padding-top:0; margin-top:-2px;}
#home #recent-sermons .first{ padding-top:10px; margin:0; }
#recent-sermons h4			{ font-size:1.2em; font-weight:normal; margin:0; }
#recent-sermons h4 a		{ color:#fff; text-decoration:none;  }
#recent-sermons p			{ color:#a1a19f; font-size:1.1em; margin-top:3px; line-height:1.5em; }
#secondaryContent #recent-sermons p	{ margin-top:1px; }
#recent-sermons .play		{ display:block; width:64px; height:20px; background:url(/images/listen_btn.gif) no-repeat; text-indent:-999em; }

#recent-sermons .play	{ position:relative; top:-4px; }
#recent-sermons div	{ padding-bottom:6px; }
/* @end */

/* @end */



/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; width:165px; padding-left:22px; padding-top:40px;} 
#secondaryContent h3		{  border-bottom:1px solid #31312f; }

/* @group UPCOMING */
#upcoming-events 			{ margin-top:20px; }
#upcoming-events .event		{ padding-bottom:13px; }
#upcoming-events .date		{ display:block; width:25px; height:28px; background:#fff; float:left; margin-right:11px; font-family:arial, sans-serif; }
#upcoming-events .month		{ 
							  display:block; padding:1px 0 0; height:9px; background:#029dc7; font-size:9px; color:#fff; 
							  text-transform:uppercase; text-align:center; 
							}
#upcoming-events .day		{ display:block; font-size:15px; color:#383732; text-align:center; }
#upcoming-events h4			{ margin:0; padding:0; font-size:1.1em; font-weight:normal; }
#upcoming-events h4 a		{ color:#fffefe; text-decoration:none; }
#upcoming-events h4 a:hover	{ text-decoration:underline; }
#upcoming-events p			{ color:#a4a3a3; font-size:1em; margin:3px 0 0; }
/* @end */

/* @group BUTTONS */
#buttons img				{ border:none; }
/* @end */
/* @end */

/* @group FOOTER */
#footer 			{ background:url(/images/footer_bg.gif) no-repeat left top; margin:0; padding:11px 10px; }
#footer p 			{ font-size:1.1em; color:#4a4a49; margin:8px 0 0; padding:0; width:40%; float:left; }
#footer p#powered	{ float:right; width:auto; }
#footer a			{ color:#fff; }
#footer a:hover		{ text-decoration:none; }
/* @end */


/* @group SERMONS */
#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 #2f2f2d; }
.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: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; margin-left:2px; 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 */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ margin:0; }
	#mediabox ul				{ margin:0; padding:0; list-style:none;  }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li a				{ color:#fff; font-size:1.2em; }
	#mediabox li a:hover		{ text-decoration:none; }
	#mediabox li#mb_links		{ background:#f4f4f4; color:#19140d; 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; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ background:#2f2f2d; }
	#how-it-works				{ margin:2.5em 0 0; padding:0; list-style:none; height:30px; }
	#how-it-works li			{ padding:0 20px; font-size:1.2em; float:left; display:inline; line-height:30px; }	
	#how-it-works li#works		{ padding-left:10px;  }
	#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					{ margin-bottom:2.5em; }
	#sorting label, 
	#sorting select				{ display:block; }
	#sorting label				{ font-size:1.2em; margin-bottom:.5em; font-weight:bold; }
	#sorting select				{ width:100%; margin-bottom:1.5em; }
	#sorting ul					{ margin-top:2.5em; padding:0; list-style:none; }
	#sorting a					{ font-size:1.2em; color:#029dc7;}
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin-bottom: 25px; border-collapse: collapse; margin-top:15px;}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #fff; font-size: 1.4em; text-transform:uppercase; }
#primaryContent table.calendar caption span	{ color:#32a8c7; }
#primaryContent table.calendar th			{ 
										 	  padding: 10px 0; background:#2f2f2d; color:#7c7c7a;  font-size: 1.1em; font-weight: normal; 
										 	  text-transform:uppercase; 
										 	}
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #3a3a38; border-left: 0;
											  border-top: 0; background:#51514f; color:#969695; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; color:#fff; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 .5em; font-size: 100%; list-style: none; padding:0; }
#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; color:#fff; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

/* @group EINVITE */
#einvite ol					{ margin:0; padding:25px 0 0; list-style:none;  }
#einvite fieldset,
#einvite form				{ border:none; padding:0; margin:0; }
#einvite label				{ display:block;  }
#einvite textarea,
#einvite input.text			{ margin-bottom:1.5em; width:75%; }
#einvite input.submit		{ display:block; margin-bottom:1.5em;}
#einvite li span			{ padding-left:5px; }
/* @end */


/* @group ROTATOR CONTROLS */
#controls					{ 
							  height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
							  position:absolute; top: 300px; margin-left: -48px;
							}
#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 */