/* @override http://harborcarlsbad.cpmpreview1.com/css/styles.css */
/*=====
SITE: Harbor Carlsbad
FILE: styles.css
CREATED: 10/01/2007
MODIFIED:
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				{ 
					  background:#f6f4e8 url(/images/body_bg.jpg) repeat-x; font-size:62.5%; margin:0; padding:0;
					  font-family:"Lucida Grande", arial, verdana, sans-serif;  
					}
#container			{ margin:0 auto; width:763px; position:relative; }
.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; height:175px; }
#header h1 			{ 
					  display:block; background:url(/images/logo.png) no-repeat; width:363px; height:59px; text-indent:-999em; 
					  margin:0; padding:0; position:absolute; top:42px; left:0;
					}
#header h1 a		{ display:block; width:363px; height:59px; }
#skip				{ position:absolute; top:-999em; left:-999em; }
#topbar				{ position:absolute; top:0; right:0; }
#topbar p			{ font-size:1.1em; color:#dad6c4; margin:.7em 0 0;}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0;padding:0; }
#nav 				{ background:url(/images/nav_bg.jpg) no-repeat right top; height:32px; width:510px; position:absolute; top:114px; left:0px; }
#nav li 			{ cursor:pointer; float:left; background:url(/images/nav_a_bg.gif) no-repeat right top; }
#nav li a			{ display:block; line-height:32px; text-decoration:none; font-size:1.2em; color:#fff; padding:0 14px 0 12px; }


#nav li.current a,					
#nav li a:hover,
#nav li:hover a		{ background:#dcd8c6 url(/images/current_nav_bg.gif) repeat-x; color:#2c3857; }


#nav li li			{ padding:0 12px; background:url(/images/subnav_li_bg.gif) no-repeat right top; display:inline; }
#nav li li a		{ display:inline; padding:0; font-size:11px; background:none; color:#626055; line-height:14px; }


#nav li.current li a,
#nav li:hover li a,
#nav li li a,
#nav li li a:hover	{ font-size:11px; background:none; color:#626055; line-height:14px; }
#nav li li a:hover	{ color:#808802; border-bottom:1px solid #c3c293; }


#nav li#nav_home a			{ background:url(/images/nav_first_bg.jpg) no-repeat; color:#fff; padding-left:20px;  }
#nav #nav_home.current a	{ background:#dcd8c6 url(/images/nav_first_current.jpg) no-repeat; color:#2c3857; padding-left:20px; }

#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; padding-top:8px; width:510px; }
/* @end */			

/* @group PRIMARY CONTENT */
#primaryContent 	{ float:left; width:472px; padding:12px 18px 20px;  }
#banner				{ 
					  display:block; background:#fefdfd url(/mediafiles/subpage-banner.jpg) no-repeat 6px 6px; 
					  height:146px; width:494px; border:1px solid #ccc6a3; margin:0 -18px 2em -18px; padding:6px;
					}
#home #banner		{ background:#fefdfd; height:301px; }
#primaryContent a	{ color:#3a4a65; text-decoration:underline; }
#primaryContent a:hover { text-decoration:none;}
h2, h3, h4, h5, h6	{ color:#3a4a65; }
#primaryContent h2	{ font-size:1.8em; font-weight:normal; color:#3f4d74; padding-bottom:8px; border-bottom:1px solid #dddacb; }
#primaryContent h3	{ font-size:1.4em; }
#primaryContent h4	{ font-size:1.3em; }
#primaryContent h5,
#primaryContent h6	{ font-size:1.2em; }					
#primaryContent p	{ font-size:1.1em; color:#000; line-height:1.5em; }

	/* @group HOME PAGE BOXES */
	.box		{ 
				  float:left; background:#efe3be url(/images/box_bg.gif) repeat-x; padding:10px 10px 20px; width:213px; 
				  position:relative; height:80px;
				}
	#primaryContent .box h3		{ 
				  font-size:1.8em; font-family:Georgia, "Times New Roman", serif; color:#42527a; font-style:italic; font-weight:normal; padding-bottom:5px; 
				  border-bottom:1px solid #e4d9b3; margin:0; width:70%;
				}
	.box p		{ font-size:1em; color:#11100d; line-height:1.2em; }
	#new p		{ width:175px; }
	#sermons p 	{ width:155px; }
	#sermons	{ margin-left:4px; }
	#primaryContent .box a
				{ color:#cd6c02; text-transform:uppercase; font-weight:bold; text-decoration:none; }
	#primaryContent .box a:hover 
				{ text-decoration:underline;  }	
	.badge		{ position:absolute; top:-5px; right:0; text-indent:-999em; }
	.badge:focus{ outline:none; }	
	#new .badge	{ display:block; background:url(/images/new_here_bg.jpg) no-repeat; width:63px; height:61px; top:-10px;}
	#sermons .badge	{ display:block; background:url(/images/podcast_bg.jpg) no-repeat; width:73px; height:71px; top:-10px; right:-6px; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent	{ float:right; width:242px; position:relative; top:-32px; position:relative; }
#secondaryContent h3{ font-size:1.52em; color:#808802; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #c6c2b0; font-weight:normal; }
#directions			{ 
					  display:block; position:absolute; top:-22px; right:15px;
					  background:url(/images/directions_bg.jpg) no-repeat; width:218px; height:22px; text-indent:-999em;
					}
#sidebar-lower		{ background:url(/images/lower_sidebar_bg.jpg) repeat-x; clear:both; margin-top:1em; width:239px; padding-bottom:150px; }
		
	/* @group UPCOMING EVENTS */
	#upcoming-events			{ background:#dad6c4; width:239px; border-bottom:8px solid #c1bdab; }
	#upcoming-events h3			{ 
								  background:url(/images/upcoming_events_h3.jpg) no-repeat; width:232px; height:28px; 
								  font-size:1.52em; color:#808802; padding-left:13px; padding-top:10px; margin:14px 0 0 -3px;
								  border:0;
								}
	.event						{ padding:10px 12px; border-bottom:1px solid #cbc6a8; }
	.last						{ border:0; }
	.event h4					{ font-size:1.1em; color:#3f4d74; text-transform:uppercase; margin:0; margin-bottom:.5em}
	.event a:hover				{ text-decoration:underline; }
	.event p					{ margin:0; font-size:1.1em; color:#626055; }
	.event p a					{ 
								  background:url(/images/event_arrow.gif) no-repeat right 4px; padding-right:10px;
								  color:#626055; text-decoration:none;
								}
	
	/* @group RECENT SERMONS */	
	#recent-sermon				{ padding:10px 12px; position:relative; }
	#recent-sermon h3			{ margin-top:1em; }
	#recent-sermon h4			{ font-size:1.2em; margin:0; margin-bottom:2px; width:60%}
	#recent-sermon h4 a			{ color:#445378; text-decoration:none; }	
	#recent-sermon h4 a:hover	{ text-decoration:underline; }
	#recent-sermon p			{ font-size:1em; color:#727064; margin:0; text-transform:uppercase; }
	#recent-sermon ul			{ position:absolute; top:55px; right:15px; margin:0; padding:0; list-style:none; }
	#recent-sermon li			{ float:left; display:inline; }
	#recent-sermon li a			{ display:block; width:25px; height:23px; text-indent:-999em; }
	#recent-sermon li.listen a	{ background:url(/images/recent_sermon_play.gif) no-repeat; }
	#recent-sermon li.download a{ background:url(/images/recent_sermon_save.gif) no-repeat; margin-left:5px; }
	#recent-sermon li a:focus	{ outline:none; }
	/* @end */
	
	/* @group RECENT ARTICLE */
	#recent-article				{ padding:10px 12px; position:relative; }
	#article-subscribe			{ 
								  display:block; width:16px; height:16px; position:absolute; top:12px; right:12px;
								  background:url(/images/feed_icon.gif) no-repeat; text-indent:-999em;
								}
	#article-subscribe:focus	{ outline:none; }
	#recent-article h4			{ font-size:1.1em; margin:0; } 
	#recent-article h4 a		{ color:#252525; text-decoration:none }
	#recent-article h4 a:hover	{ text-decoration:underline; }
	#recent-article h4 span		{ font-size:9px; color:#6e6d64; font-weight:normal; margin-left:10px; }
	#recent-article p			{ font-size:1.1em; color:#252525; line-height:1.2em; }	
	/* @end */
	
	/* @group PHOTO GALLERY */
	#photo-gallery				{ padding:12px; }
	#photo-gallery img			{ padding:1px; background:#fff; border:1px solid #d8d5b8; margin-right:2px; }
	#photo-gallery p			{ font-size:1.1em; color:#252525; }
	#photo-gallery p a			{ color:#394864; text-decoration:none; font-weight:bold; }
	#photo-gallery p a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group paypal */
	#paypal                { padding:10px 12px; position: relative;}
/* @end */

/* @group FOOTER */
#footer						{ background:url(/images/footer_bg.gif) repeat-x; height:290px; margin-top:60px;  }
#footer-inner 				{ position:relative; margin:0 auto; width:763px; padding:12px 0 0;}
#footer-inner ul			{ width:730px; margin:0 20px 4em 20px; padding:0; list-style:none; }
#footer-inner li			{ display:inline;  }
#footer-inner li a			{ 
							  float:left; display:block; width:220px; height:117px; text-indent:-999em; border:5px solid #b5b19e; 
							  margin-right:20px; 
							}
#footer-inner li a:hover	{ border-color:#666359; }
#footer-inner li#quick1 a	{ background:url(/mediafiles/quicklink1.jpg) no-repeat; }
#footer-inner li#quick2 a	{ background:url(/mediafiles/quicklink2.jpg) no-repeat; margin-left:5px; }
#footer-inner li#quick3 a	{ background:url(/mediafiles/quicklink3.jpg) no-repeat; margin-right:-10px; margin-left:5px; }
#footer-inner p				{ clear:both; padding-top:40px; margin-left:30px;font-size:1.1em; color:#fefefd; }
#footer-inner p a			{ color:#fefefd; text-decoration:underline; text-transform:lowercase; }
#footer-inner p a:hover		{ text-decoration:none; }

	/* @group SEARCH */
	#search						{ 
								  width:214px; margin:0 auto; padding:10px; background:#dad6c5 url(/images/search_bg.gif) repeat-x; 
								  border:1px solid #c8c4b2; border-bottom:0; position:absolute; top:-62px; right:0px;
								}
	#search fieldset			{ border:0; padding:0; margin:0; }
	#search fieldset input		{ font-size:1.1em; width:68%; padding:1px; float:left;}
	#search a#search_go			{ 
								  display:block; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
								  width:51px; height:20px; float:right;
								}
	#search h3					{ margin:0 0 5px; padding:0; border:0; font-size:1.3em; color:#6a685c; font-weight:normal; }
	/* @end */

/* @end */		

/* @group LINK FOCUS */
.sermonbox ul li a:focus,
a#search_go:focus,
#footer-inner ul li a:focus,
#recent-sermon li a:focus,
#directions:focus	{ outline:none; }
/* @end */


/* @group SERMONS */
.sermonlist 							{ border-top:8px solid #b5b19e; margin-bottom:2em; }
.sermonbox								{ position:relative; padding:10px; background:#fff; }
.sermonlist h4							{ margin:0; padding:10px; background:#fff; }
#primaryContent .sermonbox h5			{ margin:0; }
#primaryContent .sermonbox h5 a			{ text-decoration:none;}
#primaryContent .sermonbox h5 a:hover 	{ text-decoration:underline }
.sermonbox p							{ margin:0 0 .5em; }
.sermonbox ul							{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style:none; }
.sermonbox li							{ float:left; display:inline; margin-right:10px; }
.sermonbox li a							{ display:block; height:16px; width: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; }s

#how-it-works, #sorting 	{ padding:10px; }
#how-it-works ul,
#sorting ul					{ margin:0; padding:0; list-style:none; }
#how-it-works li,
#sorting li					{ font-size:1.1em; color:#252525; }

	/* SORTING */
	#sorting li a			{ color:#3a4a65; }
	#sorting li a:hover		{ text-decoration:none; }

	/* HOW IT WORKS */
	#how-it-works				{ padding:10px; }
	#how-it-works li 			{ margin-bottom:1.5em; padding-left:20px; }
	#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#save		{ background:url(/images/download_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; }	
	
	
	/* @group MEDIABOX */
	#text					{ clear:both; }
	#byline					{ float:left; margin:0; padding:0; list-style:none; font-size:1.1em; color:#252525; }
	#mediabox 				{ float:right; width:130px; padding:10px; border:1px solid #3a4a65; background:#dedbca; margin:0; list-style:none; }	
	#mediabox li			{ padding:4px 10px 4px 20px; }
	#mediabox li#mb_links	{ background:#3a4a65; color:#fff; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_podcast	{ background:url(/images/feed_icon.gif) no-repeat left 4px; }
	#mediabox li#mb_notes	{ background:url(/images/notes_icon_app.gif) no-repeat left 3px }
	#mediabox li#mb_download{ background:url(/images/download_icon_app.gif) no-repeat left 3px; }
	#mediabox li#mb_jukebox	{ background:url(/images/play_icon_app.gif) no-repeat left 3px; }
	#mediabox li#mb_video	{ background:url(/images/video_icon_app.gif) no-repeat left 2px; }
	/* @end */
/* @end */

/* @group CALENDAR */
#primaryContent table.calendar{
   margin-bottom: 25px;
   border: 1px solid #dad6c4;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

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

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

#primaryContent table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #dad6c4;
   border-left: 0;
   border-top: 0;
   background: #fefefd;
   color: #252525;
   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 li a	{ text-decoration:underline; }
/* @end */