/* @override http://harboruptown.cpmpreview1.com/css/styles.css */
/*=====
SITE: Harbor Carmel Uptown
FILE: styles.css
CREATED: 4/8/2008
MODIFIED: 4/9/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				{ 
					  background:#f2f0e7 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:373px; height:61px; text-indent:-999em; 
					  margin:0; padding:0; position:absolute; top:43px; left:7px;
					}
#header h1 a		{ display:block; width:373px; height:61px; }
#skip				{ position:absolute; top:-999em; left:-999em; }
#topbar				{ position:absolute; height:18px;top:5px; right:0; z-index:10000; }
#topbar p			{ font-size:1.1em; color:#bebaaa; margin:0; line-height:18px; position:relative; top:-5px; }
#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; }
/* @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:763px; 
						  position:absolute; top:112px; 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.3em; 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:#dcd8c6 url(/images/current_nav_bg.gif) repeat-x; color:#3d3030; }


#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:#68562a; line-height:14px; }


#nav li.current li a,
#nav li:hover li a,
#nav li li a,
#nav li li a:hover		{ font-family:arial, verdana, sans-serif; font-size:11px; background:none; color:#312424; line-height:14px; }
#nav li li a:hover		{ color:#5d7f82; text-decoration:underline;  }


#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:#312424; padding-left:20px; }

#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; }
#content				{ padding:0 0 12px 1px; }
#home #content p a.more		{ 
						  border-top:1px solid #e0dccc; display:block; margin-top:18px; padding:11px 16px 0 0; text-transform:uppercase; 
						  background:url(/images/more_arrow.gif) no-repeat right 13px; text-align:right; text-decoration:none;
						}
#home #content p a.more:hover	{ text-decoration:underline; }
#banner					{ 
						  display:block; background:#fefdfd url(/mediafiles/subpage-header.jpg) no-repeat 7px 7px; 
						  height:146px; width:492px; border:1px solid #cbc6b0; margin:1px -18px 12px -18px; padding:6px 7px;
						}
#home #banner			{ background:#fefdfd url(/mediafiles/home-header.jpg) no-repeat 7px 7px; height:223px;  }

#primaryContent a		{ color:#547a7c; text-decoration:underline; }
#primaryContent a:hover { text-decoration:none;}
#primaryContent p		{ }
h2, h3, h4, h5, h6		{ color:#1b1b1b; }
.article h4				{ margin:0; }
#primaryContent h2		{ 
						  font-size:1.7em; font-weight:normal; color:#534337; 
						  padding-bottom:8px; border-bottom:1px solid #e0dccc; margin-bottom:0; 
						}
#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:#171717; line-height:1.7em; }
.article p.date			{ margin-top:0;  }
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent	{ float:right; width:239px; position:relative; top:10px; left:-3px; }
#secondaryContent h3{ 
					  font-size:1.3em; color:#547a7c; padding-bottom:5px; margin-bottom:5px; 
					  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/sidebar_lower_bg.gif) repeat-x; clear:both; margin-top:16px; width:239px; padding-top:8px;
					  padding-bottom:50px; 
					}
#sidebar-lower a	{ color:#547a7c; }
		
/*---- TAB SWITCHER CONTENT ---- */
#tabs						{ margin:3px 0 0; padding:0; list-style:none; position:relative; z-index:2; height:31px;}
#tabs li					{ float:left; display:inline; }
#tabs li a					{
							  display:block; width:120px; line-height:31px; text-decoration:none; text-align:center; font-size:1.3em;
							  color:#6d5b50;
							}
#cal-tab a					{ background:url(/images/cal_tab.gif) no-repeat; width:119px; }
#event-tab a				{ background:url(/images/event_tab.gif) no-repeat; }
#tabs li.active a			{ color:#547a7c; }
#tabs li a:focus			{ outline:none; }
#event-tab.active a			{ background:url(/images/list_active_tab.gif) no-repeat; width:119px;}
#tabs li#cal-tab.active a	{ 
							  background:url(/images/cal_active_tab.gif) no-repeat; width:120px; margin-left:-1px;
							  position:relative; right:0px;
							} 
#events-tab, #calendar-tab	{ background:#dad6c1; padding:13px 0 5px 0; border-bottom:7px solid #c9c3a8;  }
/* @group EVENTS LISTINGS TAB */ 

#events-tab h3				{ 
							  position:relative; background:#dad6bb url(/images/upcoming_events_bg.gif) repeat-x left bottom; height:29px; 
							  margin:4px 0 0; padding:12px 0 0 14px; 
							}
#events-tab .event			{ padding:8px 16px; border-bottom:1px solid #cdc7af;  }
#events-tab .event h4,
#sermons-tab .sermon h4		{ text-transform:uppercase; color:#3d5356; font-size:11px; }

#sermons-tab .sermon h4 a	{ color:#bd6000; text-decoration:none; }

#events-tab p, 
#calendar-tab p				{ color:#020202; font-size:85%; margin-top:0.2em;  }
#events-tab p a				{ 
							  background:url(/images/event_arrow.gif) no-repeat right 5px; padding-right:10px; 
							  text-decoration:none; color:#020202; font-size:11px;
							}
#events-tab p a:hover		{ text-decoration:underline; }
.event						{ padding:10px 12px; border-bottom:1px solid #cdc7af; }
.last						{ border:0; }
.event h4					{ font-size:1.1em; text-transform:uppercase; margin:0; margin-bottom:.5em; color:#8b1a1d }
.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:#020202; text-decoration:none; font-size:1.1em;
							}

#events-tab .last		    { border-bottom:0; }
/* @end */

/* @group SEARCH */
#search						{ 
							  padding:10px 0 0 9px; height:32px; width:215px; background:url(/images/search_bg.gif) repeat-x;
							  border:1px solid #d5cfba; border-width:0 1px; margin:0 auto;
							}
#e-letter fieldset,
#e-letter form,
#search form,
#search fieldset			{ margin:0; padding:0; border:0; }
#search form				{ }
#search input				{ float:left; padding:0 4px; height:18px; width:138px;}
#search a					{ 
							  display:block; width:53px; height:22px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; 
							  float:left; margin-left:4px;
							}
/* @end */

/* @group ELETTER */
#e-letter			{ margin:14px 0 0 15px; width:226px; position:relative; }
/*
#e-letter form,
#e-letter fieldset			{ margin:0; padding:0; border:0;  }
#e-letter h3				{ font-size:1.3em; color:#547a7c; font-weight:normal; border:0; margin-bottom:1px; }
#e-letter input				{  }
#e-letter input#ea			{ padding:0 4px; height:17px; width:138px; float:left; margin:0 4px 0 0; }
#e-letter img				{ border:none; }
#eletter h3					{position:relative; display:block; width:220px; }
#eletter h3 a				{ float:right; }
/* @end */

#e-letter h3		{ font-size:1.3em; color:#547a7c; font-weight:normal; border:0; margin-bottom:1px; }
#e-letter a#sign-up{ position:absolute; top:0; right:15px;  }
#e-letter img				{ border:none; }

/* @group RECENT SERMONS */	
#recent-sermon				{ padding:10px 15px; position:relative; }
#recent-article #view-articles,
#recent-sermon #view-all	{ 
							  position:absolute; top:28px; right:17px; font:9px arial, verdana, sans-serif; color:#442f27; 
							  text-transform:uppercase; 
							}
#view-articles:hover,
#view-all:hover				{ text-decoration:none; }
#recent-sermon h3			{ margin-top:1em; }
#recent-sermon h4			{ font-size:1.1em; margin:0; margin-bottom:2px; width:60%}
#recent-sermon h4 a			{ color:#383834; 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:50px; 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; }
/* @end */

/* @group RECENT ARTICLE */
#recent-article						{ padding:10px 12px 0; position:relative; }
#recent-article #article-subscribe	{ 
									  display:block; width:16px; height:16px; 
									  background:url(/images/feed_icon.gif) no-repeat; text-indent:-999em;
									  position:absolute; top:12px; right:12px;
									}
#recent-article #view-articles		{ top:29px; }
#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:#707064; line-height:1.2em; text-transform:uppercase; margin-top:0; }	
/* @end */

/* @group PHOTO GALLERY */
#photo-gallery				{ padding:12px; }
#photo-gallery h3			{ margin-left:3px; }
#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			{ font-weight:bold; text-decoration:none; }
#photo-gallery p a:hover	{ text-decoration:underline; }
/* @end */
	
/* @end */

/* @group FOOTER */
#footer						{ background:url(/images/footer_bg.gif) repeat-x; height:215px; margin-top:0;  }
#footer-inner 				{ position:relative; margin:0 auto; width:763px; padding:13px 0 0;}
#footer-inner ul			{ width:763px; margin:0 20px 0; padding:0; list-style:none; }
#footer-inner li			{ display:inline;  }
#footer img					{ border:0; }
#footer-inner li a			{ 
							  float:left; display:block; width:220px; height:117px; border:5px solid #b1a885; 
							  margin-right:23px; 
							}
#footer-inner li a:hover	{ border-color:#666359; }
#footer-inner p				{ clear:both; float:left; font-size:1.1em; color:#3e3d34; margin-left:20px; padding-top:20px; width:40%; }
#footer-inner p a			{ color:#3e3d34; text-decoration:underline; text-transform:lowercase; }
#footer-inner p a:hover		{ text-decoration:none; }
#footer-inner p#powered		{ float:right;  margin-right:15px; padding:0; width:auto; margin-top:-25px;}
/* @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 0 2px; }
#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

#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								{ margin-bottom:12px; }
#sorting li a							{ color:#547a7c; }
#sorting li a:hover						{ text-decoration:none; }

/* HOW IT WORKS */
#sorting,
#how-it-works							{ padding:0 15px; }
#how-it-works h3						{ margin-top:0; }
#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 #547a7c; 
						  				  background:#dedbca; margin:0; list-style:none; 
										}							  	
#mediabox li							{ padding:4px 10px 4px 20px; }
#mediabox li#mb_links					{ background:#547a7c; 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 #f0ebd8; border-right: 0; border-bottom: 0; 
										  border-collapse: collapse;
										}
#primaryContent table.calendar caption	{ padding-bottom: 10px; color: #534337; font-size: 1.4em; }
#primaryContent table.calendar th		{ padding: 6px 0; background: #534337; color: #fff; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td		{ 
										  width: 68px; height: 68px; padding: 2px; border: 1px solid #f0ebd8; border-left: 0; border-top: 0;
										  background: #dad6c1; 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 */

/* @group MINI-CAL */
#secondaryContent table.calendar			{ 
									  		  border-collapse: collapse; background:#f5f3ec; margin-bottom:1em;
									  		  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif; 
									  		  margin:0 auto;
											}
#secondaryContent table.calendar caption	{ font-size: 14px; color:#547a7c; }
#secondaryContent table.calendar th			{ 
											  background: #534337; padding: 3px 0; color:#fff; font-size: 10px; font-weight: normal;
											  text-align: center;
											}
#secondaryContent table.calendar td			{ width:28px; height:28px; color:#534337; font-size:11px; font-weight:normal; text-align:center;}
#secondaryContent table.calendar a			{ display: block; padding: 4px; background: #bdd5d8; color:#fff; text-decoration: none; }

#traildiv						{ position:absolute; top:0; left:0; z-index:999; visibility:hidden; width:100px; height:100px; color:#FFF;}
#traildiv ul					{ padding: .75em; padding-bottom: 0; margin:0; border: 3px solid #15130D; background: #2B271B; font-size: 1.1em;}
#traildiv li					{ color: #FFF; margin-left: 1em; margin-bottom: .75em; }
#traildiv a						{ color: #FFF; text-decoration: none; }
/* @end */