/* @override http://alathia/css/styles.css */
/*=====
SITE: Alathia Community Church
FILE: styles.css - main CSS styles for staging site
CREATED: 4/3/2008
MODIFIED: 
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC:
I.    GLOBAL STYLES (body, p, ul, hr, etc, wrappers/containers, headings)
II.   HEADER
III.  MAIN NAVIGATION
IV.   SUBNAVIGATION
V.    PRIMARY CONTENT AREA
VI.   SECONDARY CONTENT
VII.  FOOTER
VIII. FORMS

=====*/

/* @group GLOBAL */

body 						{ 
							  background:#b0bed0; margin:0; padding:0; font-size:62.5%; 
							  font-family:"Lucida Grande", arial, helvetica, sans-serif; color:#2c394b; 
							}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:790px; padding-top:96px; }
#mainContent 				{ position:relative; padding:0 9px 0 11px; background:url(/images/content_bg.jpg) repeat-y; position:relative; }

.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; width:790px; height:99px; 
						  background:url(/images/header_bg.jpg) no-repeat left top; z-index:1000; 
						}
h1, 
h1 a					{ display:block; width:240px; height:67px; }
h1						{ 
					   	  background:url(/images/logo.gif) no-repeat; text-indent:-999em; margin:0; padding:0; 
					  	  position:absolute; top:35px; left:18px; z-index:3000;
						}
h1 a:focus				{ outline:none; }

/* @end */

/* @group NAVIGATION */
#navigation				{ 
						  background:url(/images/navigation_bg.gif) no-repeat left top; height:38px; 
						  position:absolute; top:11px; right:9px; padding-left:51px; width:414px;  
						}
#nav, #nav * 			{ list-style:none; margin:0; padding:0 }
#nav 					{ height:38px; }
#nav li 				{ float:left; }
#nav li.current a, 		
#nav li:hover a 		{ color:#fff; background:#215390; border-bottom:3px solid #fc8c3a; }
#nav li a 				{ 
						  display:block; font-size:1.2em; padding:0 12px; line-height:38px; text-decoration:none; background:#d0d7e0; 
						  font-family:"Trebuchet MS", verdana, arial, sans-serif; color:#5a5e69; text-transform:uppercase;;
						}
#nav li li 				{ border:none; float:none; }
#nav li.current li a, 
#nav li.current:hover li a, 
#nav li:hover li a,
#nav li li a 			{ background:#215390; color:#fff; width:134px; border:none; line-height:24px }

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


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

/* @group PRIMARY CONTENT */
#primaryContent				{ float:right; margin:29px 14px 0 0; width:455px; padding:9px; position:relative; background:#d0d7e0; }
#content					{ background:#fff; padding:3px 12px 9px; }
#primaryContent li,
#primaryContent td,
#primaryContent p			{ font-size:1.2em; line-height:1.3em; color:#797979; }
#home #primaryContent p		{ color:#2c394b; }

#primaryContent li p,
#primaryContent td p		{ font-size:1em; }
	
#primaryContent a			{ color:#fc8c3a; }
#primaryContent a:hover		{ text-decoration:none; }


#banner						{ width:455px; height:249px; background:url(/mediafiles/home-header.jpg) no-repeat; }
#home #primaryContent p		{ clear:both; color:#2c394b; }
#primaryContent p.byline	{ margin-top:2px; font-style:italic; }

div.article					{ padding:0 0 25px; }
#primaryContent blockquote	{ margin:2.5em; }

#content img				{ padding:4px; background:#ececec; border:1px solid #d3d3d3; border-width:0 1px 1px 0; }
#content img.left-align		{ float:left; margin:10px 20px 20px 0;  }
#content p.left-align,
#content span.left-align,
#home #primaryContent p.left-align,
#home #primaryContent p span.left-align 	{ text-align:left; }
#content img.right-align	{ float:right; margin:10px 0 20px 20px; }
#content img.no-border		{ border:0; padding:0; }
#content img.mcms_stats		{ border:0; padding:0; background:none; }
/* @group HEADINGS */
h2 					{ 
					  background:#d1d8e2 url(/images/h2_bg.gif) no-repeat; height:28px; line-height:28px; font-weight:normal;
					  font-size:1.8em; color:#fff; margin:0; padding:3px 11px 0 29px; position:absolute; top:-28px; right:0;
					}	 
#content h3			{ font-size:1.5em; font-family:helvetica, arial, sans-serif; color:#1b2430; }
h4 					{ font-size:1.4em; color:#027cc9; font-weight:normal;  }
h4.title			{ margin-bottom:0; }
h5 					{ font-size:1.2em; }
#home #primaryContent h3	{ width:288px; float:right; text-align:right; margin-bottom:10px; margin-top:6px; color:#1b2430; background:#b0bed0; padding:8px}
/* @end */

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ float:left; width:240px; padding-left:25px; position:relative; z-index:2000; } 
#secondaryContent h3		{ font:normal 1.8em helvetica, arial, verdana, sans-serif; color:#c4c4c4;  }

/* @group SERVICE TIMES */
#service-times						{ margin-bottom:14px; padding-top:7px; }
#secondaryContent #service-times h3	{ color:#bbb; margin-bottom:0; }
#service-times p					{ font-size:1.4em; color:#585758; margin:3px 0 10px; }
#service-times a					{ color:#bbb; }
#service-times a:hover				{ text-decoration:none; }
/* @end */

/* @group RECENT SERMON */
#recent-sermon						{ 
									  padding:13px 0 0 25px; width:222px; height:93px; background:url(/images/sermon_bg.gif) no-repeat; 
									  margin-left:-25px; 
									}
#secondaryContent #recent-sermon h3	{ font:normal 17px Helvetica, arial, sans-serif; color:#fff; margin:0 0 10px; padding:0; }
#recent-sermon h4					{ padding:0; margin:0 0 3px; font-size:1.2em; font-family:helvetica, arial, verdana, sans-serif; color:#fff; }
#recent-sermon h4 a					{ color:#fff; text-decoration:none; }
#recent-sermon h4 a:hover			{ text-decoration:underline; }
#recent-sermon p					{ font-size:1.2em; color:#fff; margin:0; }
#recent-sermon p.by					{ margin-bottom:5px;  }
#recent-sermon p a					{ font-size:11px; color:#f4771c; font-family:"Lucida Grande", verdana, arial, sans-serif; }
#recent-sermon p a:hover			{ text-decoration:none; }
/* @end */

/* @group UPCOMING EVENTS */
#upcoming-events h3			{ margin-bottom:10px; }
#upcoming-events			{ width:212px; }
#upcoming-events h4			{ font-size:1.1em; color:#999898; border-bottom:1px solid #cccbcb; padding-bottom:1px; margin:11px 0 3px; }
#upcoming-events p			{ font-size:1.2em; margin:0; }
#upcoming-events a			{ color:#7d7d7d; text-decoration:none; }
#upcoming-events a:hover	{ text-decoration:underline; }
/* @end */

#searchForm			{ margin-top:22px; padding:0; width:240px; position:relative; left:-3px;}
#searchForm fieldset{ margin:0; padding:0; border:0; }
#searchForm input	{ float:left; padding:3px 6px; height:13px; }
#searchForm a		{ float:left; display:block; width:55px; height:23px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em }
/* @end */

/* @group FOOTER */
#footer 			{ background:url(/images/footer_bg.jpg) no-repeat left top; margin:0; padding:30px 20px 30px; }
#footer p 			{ font-size:1.1em; color:#7D8A93;  margin:0; padding:0; float:left; width:40%; }
#footer p#designed	{ float:right; width:auto; }
#footer a			{ color:#fff; }
#footer a:hover		{ text-decoration:none; }
/* @end */


/* @group SERMONS */
#filter								{ margin-bottom:2em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#primaryContent h4#current			{ clear:both; margin-bottom:0;  }
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; clear:both; }
.sermonbox							{ position:relative; padding:10px 0; }
.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:15px; 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; }
.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					{ float:right; padding:10px; margin:-45px 0 0 10px; list-style:none; border:1px solid #f4f4f4; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#d0d7e0; color:#797979; 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 h3			{ }
	#how-it-works ul			{ margin:2.5em 0; padding:5px; list-style:none; height:25px; background:#d0d7e0; }
	#how-it-works li			{ padding:0 10px 0 20px; font-size:1.1em; float:left; line-height:25px; color:#1b2430}
	#how-it-works li#how		{ padding-right:10px; padding-left:10px;font-weight:bold; }
	#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-top:35px; }
	#sorting label, 
	#sorting select				{ display:block }
	#sorting label				{ font-size:1.3em; margin-bottom:.5em; color:#999898; font-weight:bold;}
	#sorting select				{ width:175px; margin-bottom:1em;}
	#sorting a					{ font-size:1.1em; color:#7d7d7d; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

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

/* @group ROTATOR */
#rotator 	{ overflow: hidden; margin: 0; position: relative; width:455px; height:249px; }
#rotator img{ border: 0; width: 455px; height: 249px; display:none; position:absolute; top:0; left:0; }
/* @end */