/* @override 
	http://anchorcommunity.cpmpreview1.com/css/styles.css
	http://www.anchorlongbeach.com/css/styles.css
*/

/*=====
CLIENT: Anchor Community
FILE: styles.css
CREATED: 10/9/2007
MODIFIED: 3/17/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				{ 
					  font-size:62.5%; margin:0; padding:0; background:#a78d57 url(/images/body_bg.jpg) repeat-x center top; 
					  font-family:"Lucida Grande", "Trebuchet MS", arial, verdana, sans-serif;  
					}
#outer-container	{ background:url(/images/bg4.jpg) no-repeat center top; min-height:100%; position:relative; left:0px; }
#container			{ margin:0 auto; width:815px; padding-top:65px; position:relative; left:-20px; top:-7px;}
#mainContent		{ background:url(/images/content_bg.gif) repeat-y; clear:both; padding-top:5px; }
.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 */
#secondaryContent div#header	{ position:relative; background:none; }
#header h1, 
#header h1 a					{ display:block; width:230px; height:69px; }
#header h1						{ 
								  background:url(/images/logo.gif) no-repeat; text-indent:-999em; margin:-8px 0 0 -5px; 
								}

#subnav							{ position:absolute; top:-43px; right:10px; margin:0; padding:0; list-style:none; }
#subnav li						{ float:left; display:inline;  }
#subnav li a					{ display:block; width:26px; height:26px; text-indent:-999em; }
#subnav li a:focus				{ outline:none; }
#subnav li#sub-podcast,
#subnav li#sub-facebook			{ padding-right:8px; }
#subnav li#sub-rss a			{ background:url(/images/sub_rss.gif) no-repeat; }
#subnav li#sub-podcast a		{ background:url(/images/sub_podcast.gif) no-repeat;  }
#subnav li#sub-facebook a		{ background:url(/images/sub_facebook.gif) no-repeat;  width: 30px; height: 28px;}
#skip							{ position:absolute; top:-999em; left:-999em; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none;margin:0;padding:0;}
#nav				{ background:url(/images/nav_bg.gif) no-repeat 1px top; width:815px; height:44px; padding:2px 0 0 24px; }
#nav li 			{ cursor:pointer;float:left;}
#nav li a 			{ 
					  display:block; padding:0 12px; color:#f2efd2;
					  font: 1.4em "Trebuchet MS", arial, verdana, sans-serif; text-decoration:none;
					  background:url(/images/nav_li_bg.gif) no-repeat right center; line-height:36px;
					}
#nav li.current a,
#nav li:hover a		{ color:#fefefe; background:#671711; }
#nav li li a		{ width:126px;  padding:5px 0 5px 12px; height:auto; line-height:1; font-size:12px; }
#nav li li a:hover	{ background:#bcb387;  }

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

/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; width:514px; margin-left:22px; }
#home #primaryContent	{ margin-left:9px; width:532px; }
#banner				{ 
					  display:block; width:552px; height:165px; background:url(/mediafiles/subpage-banner.jpg) no-repeat; 
					  margin:0 0 17px -13px; 
					}
#primaryContent p,
#primaryContent li	{ font-size:1.2em; color:#c9c6ad; line-height:1.5em; }
#primaryContent a	{ color:#d44137; }
#primaryContent a:hover	{ text-decoration:none; }

/* HEADINGS */
#primaryContent h2	{ 
					  font-size:2em; text-transform:lowercase; background:url(/images/h2_bg.gif) repeat-x left bottom;
					  padding-bottom:8px; color:#f2efd2; margin-bottom:1em;
			 		}
h3, h4, h5, h6		{ color:#f2efd2; }
#primaryContent h3	{ font-size:1.8em; }
#primaryContent h4	{ font-size:1.6em; }
#primaryContent h5	{ font-size:1.4em; }
#primaryContent h6 	{ font-size:1.3em; }

#ssp				{ display:block; height:400px; background:#000; margin-bottom:12px; }
	
	/* @group ARTICLES */
	.article h4.title	{ margin-bottom:0; }
	.article p			{ margin-top:0; margin-bottom:.5em; }
	/* @end */
	
	/* @group EVENTS */
	#primaryContent .event				{ padding-bottom:.5em; }
	#primaryContent .event h5			{ margin-bottom:0; }
	#primaryContent .event h5 span		{ font-size:10px; margin-left:10px; }
	#primaryContent .event p			{ margin-top:0; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks				{ margin:5px -30px 0 1px;  }
	#quicklinks img			{ border:0; margin-right:4px; float:left; }
	#quicklinks	ul			{ margin:0; padding:0; list-style:0; }
	#quicklinks li			{ display:inline; }
	#quicklinks li a		{ float:left; display:block; width:129px; height:104px; text-indent:-999em; margin-right:4px; }
	#quicklinks li a:focus	{ outline:none }
	#quicklinks li#quick1 a	{ background:url(/mediafiles/quicklink1.jpg) no-repeat; margin-left:1px; }
	#quicklinks li#quick2 a	{ background:url(/mediafiles/quicklink2.jpg) no-repeat; }
	#quicklinks li#quick3 a	{ background:url(/mediafiles/quicklink3.jpg) no-repeat; }
	#quicklinks li#quick4 a	{ background:url(/mediafiles/quicklink4.jpg) no-repeat; margin-right:0; }
	/* @end */
	
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent			{ float:right; width:253px; margin-right:12px;  }
#secondaryContent div		{ background:#211911 url(/images/sidebar_div_bg.gif) repeat-x; padding:15px 13px; }
#secondaryContent h3		{ position:relative; margin:0; padding:0; }
#secondaryContent h3 a		{ position:absolute; top:-1px; right:0; font-size:11px; color:#9c2820; text-indent:0; }
#secondaryContent a			{  }
#secondaryContent a:hover	{ text-decoration:none; }


	/* @group UPCOMING EVENTS */
	#upcoming-events				{ margin-top:-3px; }
	#upcoming-events h3				{ 
									  display:block; background:url(/images/upcoming_events_h3.gif) no-repeat; text-indent:-999em; 
									  height:18px; margin-top:-3px; margin-bottom:1em;
									}
	#secondaryContent  div.event,
	#secondaryContent div.date		{ background:none; }
	#upcoming-events div.event		{ padding:10px 0 0; clear:left; }
	#secondaryContent div.date		{ float:left; background:url(/images/date_bg.gif) repeat-x; height:33px; width:29px; padding:2px 0 0; text-align:center; margin-top:2px }
	#upcoming-events .day			{ color:#fff; font:18px "Trebuchet MS", arial, verdana, sans-serif; text-align:center; }
	#upcoming-events .month			{ color:#fff; font:9px "Trebuchet MS", arial, verdana, sans-serif; text-align:center; text-transform:uppercase; display:block; }
	#upcoming-events h4				{ margin:0 0 2px 36px; font-size:1.15em; font-weight:bold; }
	#upcoming-events h4 a			{ color:#d6c996; text-decoration:underline;  }
	#upcoming-events h4 a:hover		{ text-decoration:none; }
	#upcoming-events p				{ font-size:1.1em; color:#f2efd2; line-height:1.6em; margin:0 0 0 36px; }
	/* @end */
	
	/* @group RECENT SERMON */
	#recent-sermon			{ margin-top:1.6em; }
	#recent-sermon h3		{ 
							  display:block; background:url(/images/recent_sermon_h3.gif) no-repeat; text-indent:-999em; 
							  margin-bottom:1.6em;
							}
	#recent-sermon h3 a		{ top:-4px; }
	#recent-sermon h4 		{ 
							  font:bold 12px "Trebuchet MS", arial, verdana, sans-serif; color:#796755; margin:0; 
							  text-transform:uppercase;
							}
	#recent-sermon p a		{ color:#f2efd2; text-decoration:none; }
	#recent-sermon p a:hover{ text-decoration:underline; }
	#recent-sermon p				{ font-size:1.2em; margin:0; color:#f2efd2; }
	#recent-sermon ul				{ margin:12px 0 0; padding:0; list-style:none; height:14px; }
	#recent-sermon li				{ display:inline; float:left; }
	#recent-sermon li a				{ display:block; height:17px; text-indent:-999em; }
	#recent-sermon li a:focus		{ outline:none; }
	#recent-sermon li#sb_listen	a 	{ background:url(/images/listen_btn.gif) no-repeat; width:65px; }	
	#recent-sermon li#sb_download a	{ background:url(/images/download_btn.gif) no-repeat; width:92px; margin-left:6px;  }
	/* @end */
	
	/* @group SERVICE TIMES */
	div#service-times		{ background:#19140d; position:relative; clear:both; margin-top:1.6em;}
	#service-times h3		{ display:block; background:url(/images/service_times_h3.gif) no-repeat; text-indent:-999em; }
	#service-times p		{ font-size:1.5em; color:#eeebd5; margin:0; }
	#service-times a		{ 
							  display:block; background:url(/images/map_btn.gif) no-repeat; text-indent:-999em; width:74px; 
							  height:41px; position:absolute; top:10px; right:10px;
							}
	#service-times a:focus	{ outline:none; }
	/* @end */
	
/* @end */

/* @group FOOTER */
#footer						{ background:url(/images/footer_bg.gif) no-repeat 1px top; padding-top:20px; height:40px;}
#footer p					{ width:40%; float:left; font-size:1.1em; color:#f2efd2;	}
#footer p#designed			{ float:right; width:auto; 	}
#footer a					{ color:#19140d; }
#footer a:hover				{ text-decoration:none; }
/* @end */

/* @group SERMONS */
.sermonlist 					{ border-top:8px solid #19140d; }
#primaryContent .sermonlist h4	{ margin:0; padding:10px 10px 0 ; background:#f2efd2; color:#d44137; }
.sermonbox						{ position:relative; padding:10px; background:#f2efd2; }
.sermonbox a					{ text-decoration:underline; }
.sermonbox a:hover				{ text-decoration:none; }
#primaryContent .sermonbox h5	{ margin:0;}
#primaryContent .sermonbox h5 a	{ }
#primaryContent .sermonbox p	{ color:#19140d; margin:0;}
#primaryContent .sermonbox p a	{ }


.sermonbox ul					{ position:absolute; top:20px; right:10px; }
.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 */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; background:#19140d; border:1px solid #19140d; padding:10px; margin:-55px 0 0 10px;; list-style:none; }
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ background:#f2efd2; color:#19140d; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 2px; }
	#text						{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works h3			{ margin-top:-3px;}
	#how-it-works ul			{ margin:2.5em 0 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#fefefd;}
	#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#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting					{ margin-top:1.6em; }
	#sorting h3					{ margin-top:-5px; }
	#sorting ul					{ margin-top:2.5em; padding:0; list-style:none; }
	#sorting li a				{ font-size:1.2em; color:#d44137;  }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar{
   margin:1em auto 25px;
   border-collapse: collapse;
}

#primaryContent table.calendar caption{
   padding-bottom: 10px;
   color: #FCFDFE;
   font-size: 1.4em;
}

#primaryContent table.calendar caption span{
   color: #fcfdfe;
}

#primaryContent table.calendar th{
   padding: 6px 0;
   background: #801d17;
   color: #fff;
   font-size: 1.3em;
   font-weight: normal;
}

#primaryContent table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #211911;
   border-left: 0;
   border-top: 0;
   background: #19140d;
   color: #fff;
   font-size: 1em;
   vertical-align: top;
}


#primaryContent table.calendar td a{
   color: #FCFDFE;
   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{
   color: #FFF;
   text-decoration: underline;
}

#primaryContent table.calendar td li a:hover{
   text-decoration: none;
}
/* @end */