/*=====
CLIENT: The Journey Community Church
FILE: styles.css
CREATED: 10/30/2008
MODIFIED: 11/4/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
html				{ height:100%; }
body 				{ 
					  background:url(/images/body_bg.jpg) repeat; font-size:62.5%; font-family:helvetica, Arial, verdana, sans-serif; height:100%; 
					  color:#222;
					}
#container-outer	{ background:url(/images/outer_container_bg.jpg) repeat-y center top; position:relative; height:100%; }
* html #container-outer	{ height:100%; }
#container			{ margin:0px auto; padding:0; width:890px; }
#mainContent		{ background:url(/images/sub_maincontent_bg.jpg) repeat-y; padding:0 18px 0 19px;  }
#home #mainContent	{ background:url(/images/home_maincontent_bg.jpg) repeat-y; }

.show 				{ display:block; }
.hidden, hr			{ display:none; }
#skip				{ position:absolute; left:-999em; top:-999em; }
.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.jpg) no-repeat left bottom; height:99px; z-index:3000; }
#home #header		{ background:url(/images/header_bg.jpg) no-repeat left bottom; height:99px;  }
#header h1,	 				
#header h1 a		{ display:block; width:247px; height:69px; }
#header h1			{
					  display:block; background:url(/images/logo.gif) no-repeat;
					  text-indent:-999em; position:absolute; top:19px; left:17px; margin:0;
	 				}
/* @end */


/* @group NAVIGATION */
#navigation			{ 
					  position:absolute; bottom:0; right:5px; padding-left:12px;
					  background:url(/images/nav_outer_bg.gif) no-repeat left top; z-index:1000;
					}
#nav				{ padding-right:13px; height:30px; } 
#nav li 			{ cursor:pointer; float:left;}

#nav li a 			{ 
					  display:block; background:#fff; padding:0 11px; line-height:30px;
					  font-size:1.2em; font-family:"Trebuchet MS", "Lucida Grande", arial, sans-serif; color:#262626;
					  text-transform:uppercase; text-decoration:none;
					}
#nav li a:hover,
#nav li:hover a,
#nav li.current a	{ background:url(/images/nav_hover.gif) repeat-x; color:#151515 }

#nav li li a, 
#nav li:hover li a,
#nav li a:hover li a{ background:#cecece; color:#262626; padding:0 11px; line-height:24px; }
#nav li li a:hover	{ background:#262626; color:#fff; }

#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:180px; }
#nav li li			{ display:block; width:150px; }
#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 160px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent 		{ 
						  float:right; width:472px; padding:20px 30px 0; position:relative; 
						  background:url(/images/primarycontent_bg.gif) no-repeat; 
						}
#home #primaryContent 	{ 
						  position:relative; float:none; padding:0; width:853px; height:300px;			   
						  background:url(/images/home_content_bg.gif) no-repeat right top;
						}

#banner					{ float:left; }
#home #banner			{ background:url(/mediafiles/home-header.jpg) no-repeat; width:321px; height:300px;}						

#home #text				{ 
						  float:left; margin:0; padding:20px 30px 0 30px; width:472px; background:url(/images/text_bg.gif) no-repeat left bottom; 
						  min-height:280px; 
						}
#home #text p 			{ margin-top: -8px; }

#primaryContent h2		{ margin-bottom:1em; }
#primaryContent h3		{ font-size:1.3em; color:#222; margin:1em 0 .5em; font-weight:bold; }
#primaryContent h4		{ font-size:1.2em; color:#222; margin:1em 0 .2em; font-weight:bold; }
#primaryContent h5,
#primaryContent h6		{ font-size:1.1em; color:#222; margin:1em 0 0; font-weight:bold; }

#primaryContent p,
#primaryContent li		{ font-size:1.2em; color:#222; line-height:1.5em; }
#primaryContent p 		{ margin-bottom:1.2em; color:#222;}

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

#primaryContent td		{ font-size:1.2em; color:#222; }

#primaryContent ul,
#primaryContent ol		{ margin:1em 0; padding-left:1em; }

#primaryContent a		{ color:#bf9503;  }
#primaryContent a:hover	{ text-decoration:none; }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 		{ padding:0; float:left; width:321px; }
#home #secondaryContent	{ padding:0; margin:0; width:853px; }
#home #sidebar			{ float:left; width:321px; }
#secondaryContent h3	{ font:1.4em "Lucida Grande", "Trebuchet MS", arial, verdana, sans-serif; color:#8bb9c8; }
#secondaryContent p		{ font-size:1.2em; color:#fffafa; line-height:1.5em; }

	/* @group QUICKLINKS */
	#quicklinks				{ 
							  float:left; width:532px; height:142px; display:inline; position:relative; z-index:3; 
							  margin:0 -30px; top:-6px;
							  padding-top:48px; background:url(/images/text_bg.gif) no-repeat;
							}
	#home #quicklinks		{ margin:0; padding:0; background:none; top:0; } 
	#quicklinks ul			{ margin:0; padding:0; list-style:none; }
	#quicklinks li 			{ float:left; display:inline; position:relative; height:154px; overflow:hidden; }
	#quicklinks img			{ display:block; border:none; }
	#quicklinks li span		{ 
							  display:block; position:absolute; bottom:0; line-height:29px; background:url(/images/ql_overlay.png) no-repeat; 		  
							  padding-right:12px; width:166px;
							}
	#quicklinks li a		{ font-size:13px; font-weight:bold; color:#fff; text-decoration:none; text-align:right; }
	#quicklinks li a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group SERVICE TIMES */
	#service-times			{ background:#4a4a4a; padding:12px 18px; min-height:40px; height:auto !important; height:40px; position:relative;  }
	#service-times h3		{ font-family: helvetica, Arial, Sans-Serif;font-size:1.4em; font-weight:bold; width:190px; color:#fff;margin-top: 3px; margin-bottom: 2px; }
	#service-times p		{ font-size:1.2em; color:#fff; width:190px; }
	#service-times div		{ width:90px; position:absolute; top:8px; right:12px; z-index:500;}
	#service-times div img	{ display:block; margin-bottom:-5px;  }
	/* @end */
	
	/* @group PODCAST */	
	#podcast				{ width:306px; padding:11px 0 0 15px; background:#2e2e2e;}
	#home #podcast			{ height:74px; overflow: hidden; padding:15px 0 0 18px; }
	#podcast img			{ border:0; }
	
	#sorting label			{ position:relative; }
	/* @end */	
	
/* @end */

/* @group FOOTER */
#footer						{ background:url(/images/footer_bg.png) no-repeat; padding:35px 30px; height:35px; }
#home #footer				{ position:relative; top:-4px; z-index:1; }
#footer p					{ float:left; color:#fff; font-size:1.1em; }
#footer p#powered			{ float:right; }
#footer p a					{ color:#fff }
#footer p a:hover			{ text-decoration:none; }
/* @end */

/* @group MEDIABOX */
ul#byline				{ float:left; width:300px; margin:0; padding:0; list-style:none; }
ul#byline li 			{ float:left; margin-right:10px;  }
#mediabox				{ float:right; padding:10px; border:1px solid #222}
#mediabox li			{ margin-bottom:.5em; }
#mediabox li#mb_links	{ background:#222; padding:5px; margin:-10px -10px 1.5em; color:#fff;}
#mediabox li a			{ color:#191702; padding:2px 0 2px 20px;  }
#mediabox li#mb_video	{ background:url(/images/watch.gif) no-repeat left center; }
#mediabox li#mb_jukebox	{ background:url(/images/play.gif) no-repeat left center; }
#mediabox li#mb_notes	{ background:url(/images/notes.gif) no-repeat left center; }
#mediabox li#mb_download{ background:url(/images/save.gif) no-repeat left center; }
#mediabox li#mb_podcast a { background:url(/images/feed_icon.gif) no-repeat; }
#text					{  width:300px; margin-top:2.5em; float:left;}	
/* @end */

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


/* @group PODCAST */
#podcast a { display: block; text-indent: -9999px; float: left; margin-right: 12px; width: 47px; height: 63px; }
#podcast a.last { margin: 0px; }
#ql-podcast { background: url(/images/podcast.gif) no-repeat; }
#ql-login { background: url(/images/login.gif) no-repeat; }
#ql-facebook { background: url(/images/facebook.gif) no-repeat; }
#ql-twitter { background: url(/images/twitter.gif) no-repeat; }
#ql-youtube { background: url(/images/youtube.gif) no-repeat; }
/* @end */