/* @override http://harborlajolla.cpmpreview.com/css/styles.css */

/* @override http://harborlajolla.cpmpreview1.com/css/styles.css */

/*=====
SITE: Harbor La Jolla
FILE: styles.css
CREATED: 10/10/2008
MODIFIED: 10/14/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBALS */
body				{ 
					  background:#fff url(/images/body_bg.gif) repeat-x; font-size:62.5%; margin:0; padding:0;
					  font-family:helvetica, 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:187px; }
#header h1 			{ 
					  display:block; background:url(/images/logo2.gif) no-repeat; width:350px; height:52px; text-indent:-999em; 
					  margin:0; padding:0; position:absolute; top:45px; left:-2px;
					}
#header h1 a		{ display:block; width:388px; height:46px; }
#skip				{ position:absolute; top:-999em; left:-999em; }
#address			{ position:absolute; right:213px; top:4px;}
#topbar				{ position:relative; height:18px; z-index:10000; }
#topbar p			{ font-size:1.1em; color:#d0dede; margin:0; line-height:18px; position:relative; }
#topbar b			{ color:#fcf8e5; }
#topbar a			{ color:#fcf8e5; }
#topbar a:hover		{ text-decoration:none; }
#topbar a img		{ border:0; position:relative; top:4px; margin-left:8px; }
#topbar img			{ border:0; }

#topbar form		{ 
					  display:block; width:195px; height:18px; margin:0; padding:0; background:url(/images/search_bg.gif) no-repeat; 
					  position:absolute; top:4px; right:10px; 
					}
#topbar fieldset	{ margin:0; padding:0; border:none; }
#topbar input		{ background:none; border:none; font-size:11px; color:#7d7d7d; width:150px; float:left; margin-left:5px; }
#topbar form a		{ display:block; width:20px; height:20px; float:right; text-indent:-999em }
#topbar form a:focus{ outline:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0;padding:0; }
#nav 					{ height:32px; position:absolute; top:117px; left:0px; }
#nav li 				{ cursor:pointer; float:left;  }
#nav li a				{ 
						  display:block; line-height:32px; text-decoration:none; font-size:1.4em; color:#f5f3eb; padding:1px 20px 0 18px; 
						  font-family:arial, verdana, sans-serif;
						}


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


#nav li li				{ padding:0 12px; display:inline; }
#nav li:hover li a,
#nav li.current li a,
#nav li li a			{ display:inline; padding:0; font-size:11px; background:none; color:#838380; line-height:14px; }


#nav li.current li a,
#nav li:hover li a,
#nav li li a,
#nav li li a:hover		{ font-size:12px; background:none; line-height:22px; }
#nav li li a:hover		{ text-decoration:underline;  color:#019ba9; }

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

/* @group PRIMARY CONTENT */
#primaryContent 		{ float:left; width:472px; padding:12px 18px 20px; }
#home #primaryContent	{ padding:10px 0 20px; width:492px; }
.col					{ float:left; width:225px; margin-right:27px; padding-left:5px;} 
#new.col				{ margin-right:0; }
#primaryContent a.learn	{ 
						  display:block; width:136px; height:26px; text-align:center; line-height:26px; color:#484848; 
						  background:url(/images/learn_more_btn.gif) no-repeat; text-decoration:none;
						}
#primaryContent a.learn:hover	{ text-decoration:underline; }
#banner					{ 
						  display:block; background:url(/images/sub_banner_bg.gif) no-repeat; 
						  height:150px; width:492px; margin:0 -18px 10px -18px; padding:9px 10px;
						}
#home #banner			{ margin:0 0 10px -2px; }
#banner p				{ display:block; margin:0; padding:0; background:url(/mediafiles/subpage-header.jpg) no-repeat; width:489px; height:146px;}
#home #banner			{ padding:10px 9px; width:492px; height:300px; background:url(/images/banner_bg.gif) no-repeat; }
#home #banner p			{ background:#fefdfd url(/mediafiles/home-header.jpg) no-repeat; height:297px; }

#primaryContent a		{ color:#547a7c; text-decoration:underline; }
#primaryContent a:hover { text-decoration:none;}
#primaryContent p,
#primaryContent li,
#primaryContent td		{ font-size:1.2em; line-height:1.5em; color:#777; }

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

/* HEADINGS */
h2, h3, h4, h5, h6		{ color:#1b1b1b; }
.article h4				{ margin:0; }
#primaryContent h2		{ font-size:1.7em; color:#333; font-family:arial, verdana, sans-serif; margin-top:0; }
#home #primaryContent h2{ margin-bottom:-5px; }
#primaryContent h3		{ font-size:1.4em; color:#c12e2e; }
#primaryContent h4		{ font-size:1.3em; }
#primaryContent h5,
#primaryContent h6		{ font-size:1.2em; }					
.article p.date			{ margin-top:0;  }
/* @end */

/* @group NEW */
#new ul					{ margin:0; padding:0; list-style:none;  }
#new li a				{ 
						  display:block; background:#f6f6f6; line-height:26px; margin:1px 0; color:#333; padding-left:7px; 
						  text-decoration:none;
						}		
#new li a:hover			{ text-decoration:underline; }				
#new li img				{ border:none; position:relative; top:4px; }
#new li span			{ float:left; width:18px; margin-right:5px;display:block; text-align:center;}
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent	{ float:right; width:239px; position:relative; top:10px; left:-3px; }
#secondaryContent h3{ font-size:1.4em; color:#333; padding:0 7px 5px; margin-bottom:1em;  font-weight:normal; border-bottom:1px solid #dad8d8; }
#sidebar-lower		{ 
					  background:url(/images/sidebar_lower_bg.gif) no-repeat; min-height:481px; padding:0 7px 0 6px; width:216px; margin-top:10px; 
					  position:relative; left:1px;
					}

/* @group GATHERINGS */
#gatherings			{ 
					  display:block; padding:0 18px; width:197px; height:88px; overflow:hidden; background:url(/images/gatherings_bg.gif) no-repeat; 
					  position:relative 
					}
#gatherings h3		{ color:#434242; font-weight:bold; text-shadow:#fcfcfc 1px 1px; padding:0; border:none; }
#gatherings p		{ font:1.2em arial, verdana, sans-serif; color:#fff; }
#gatherings a.map	{ 
					  position:absolute; top:12px; right:13px; display:block; width:56px; height:22px; background:url(/images/map_btn.gif) no-repeat; 
					  text-indent:-999em;
					}
#gatherings a:focus	{ outline:none; }
/* @end */

/* @group RECENT SERMONS */	
#calendar,
#recent-sermon, #paypal		{ padding:5px 3px 15px; position:relative; }
#calendar h3,
#recent-sermon h3			{ margin-bottom:10px}
#recent-sermon h4			{ font-size:1.1em; margin:0 0 2px 9px; width:60%}
#recent-sermon h4 a			{ color:#aa2929; text-decoration:none; margin:0; }	
#recent-sermon h4 a:hover	{ text-decoration:underline; }
#calendar p,
#recent-sermon p			{ font-size:1.1em; color:#909090; margin:0 0 0 7px; }
#recent-sermon ul			{ position:absolute; top:54px; right:3px; 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:2px; }
/* @end */

/* @group UPCOMING EVENTS */
#calendar h3				{ margin-top:0; }
#calendar ul				{ margin:0 0 1.5em;; padding:0 0 0 1em; list-style:none; }
#calendar li 				{ font-size:1.2em; line-height:1.5em; margin-bottom:.5em; font-weight:bold; }
#calendar li a				{ color:#aa2929; }
#calendar li a:hover		{ text-decoration:none; }
#calendar p					{ margin-left:10px; font-size:1.1em; }
#calendar p	a				{ margin:0; color:#518d8d; }
#calendar p a:hover			{ text-decoration:none; }
/* @end */

/* @group PHOTO GALLERY */
#photo-gallery				{ padding:18px 0px 15px 12px; } 
#photo-gallery h3			{ margin:0 10px 10px -9px; }
#photo-gallery img			{ margin-right:4px; border:none; }
#photo-gallery p			{ font-size:1.1em; color:#686868; }
#photo-gallery p a			{ color:#518d8d; }
#photo-gallery p a:hover	{ text-decoration:none; }
/* @end */
	
/* @end */

/* @group FOOTER */
#footer						{ background:#242424; margin-top:20px; padding-bottom:25px; }
#footer-inner 				{ position:relative; margin:0 auto; width:763px; padding:17px 0 0; }
#footer-inner ul			{ margin:0; padding:0; list-type:none; position:relative; left:3px;}
#footer-inner li			{ 
							  display:block; float:left; padding:7px; width:219px; height:116px; background:url(/images/ql_bg.gif) no-repeat; 
							  margin-right:21px; 
							}
#footer-inner li:hover		{ background-position:right top; }
#footer img					{ border:0; }
#footer-inner li a			{ float:left; display:block; width:220px; height:117px;  margin-right:23px; }
#footer-inner li a:hover	{ border-color:#666359; }
#footer-inner p				{ font-size:1.1em; color:#919191; width:40%; float:left; margin-top:20px;}
#footer-inner p a			{ color:#fff; text-decoration:underline; }
#footer-inner p a:hover		{ text-decoration:none; }
#footer-inner p#powered		{ float:right;  margin-right:15px; padding:0; width:40%; text-align:right}
/* @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 */
#pagination								{ height:20px; }
#pagination	a							{ margin:0 5px; line-height:20px; display:block; float:left;  }
#pagination a#off, 
#pagination a#previous,
#pagination a#next						{ margin:0; }
#pagination a:hover						{ text-decoration:none; }
#pagination a#current					{ text-decoration:none; background:#547a7c; color:#fff; padding:0 5px; }
#pagination a#off						{ display:none; }

.sermonlist 							{ margin-bottom:2em; }
.sermonbox								{ position:relative; padding:10px 0; border-top:1px solid #efefef;}
.sermonlist h4							{ margin:0; padding:10px; background:#fff; }
#primaryContent .sermonbox h5			{ margin:0 0 2px; }
#primaryContent .sermonbox h5 span		{ font-weight:normal; font-size:11px;  }
#primaryContent .sermonbox h5 a			{ text-decoration:none;}
#primaryContent .sermonbox h5 a:hover 	{ text-decoration:underline }
#primaryContent .sermonbox p			{ margin:0; }
.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


/* @group SORTING */
#recent-sermon select,
#recent-sermon label					{ display:block; margin-left:7px;}
#recent-sermon label					{ margin-bottom:.5em; font-weight:bold; font-size:1.3em; }
#recent-sermon select					{ margin-bottom:1.5em; width:90%; }
#recent-sermon a						{ color:#547a7c; font-size:1.2em; margin-left:7px; }
#recent-sermon a:hover					{ text-decoration:none; }
/* @end */

/* @group HOW IT WORKS */
#primaryContent #how-it-works			{ padding:0; margin:0; list-style:none; height:30px; border:1px solid #e3e3e3; background:#fff; }
#how-it-works li 						{ display:inline; line-height:30px; padding:4px 0 4px 20px; margin-right:15px;}
#how-it-works li#how					{ font-weight:bold;;  }
#how-it-works li#play					{ background:url(/images/play_icon.gif) no-repeat left center; }	
#how-it-works li#save					{ background:url(/images/download_icon.gif) no-repeat left center; }	
#how-it-works li#notes					{ background:url(/images/notes_icon.gif) no-repeat left center; }	
#how-it-works li#video					{ background:url(/images/video_icon.gif) no-repeat left center; }	
/* @end */

/* @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 #d8ebeb; 
						  				  margin:0; list-style:none; background:#fff
										}							  	
#mediabox li							{ padding:4px 10px 4px 20px; }
#mediabox li#mb_links					{ background:#d8ebeb; color:#686868; 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.gif) no-repeat left 3px }
#mediabox li#mb_download				{ background:url(/images/download_icon.gif) no-repeat left 3px; }
#mediabox li#mb_jukebox					{ background:url(/images/play_icon.gif) no-repeat left 3px; }
#mediabox li#mb_video					{ background:url(/images/video_icon.gif) no-repeat left 2px; }
/* @end */
/* @end */

#primaryContent iframe					{ position:relative; left:-12px; }