/* @override http://www.harbormidcity.org/css/styles.css */
/*=====
SITE: Harbor Mid City
FILE: styles.css
CREATED: 12/6/2007
MODIFIED: 12/7/2007
MODIFIED: 06/23/2009 --  Mohur
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: #FFFFFF url(/images/body_bg.jpg) repeat-x; font-size:63%; margin:0; padding:0;
					  font-family:arial, verdana, sans-serif;  
					}
#container			{ margin:0 auto; width:1000px; position:relative; }
#mainContent		{ /* padding-top:18px; */ }
.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.gif) no-repeat; width:351px; height:52px; text-indent:-999em; 
					  margin:0; padding:0; position:absolute; top:34px; left:0;   /* Logo position */
					}
#header h2 			{ 
					  display:block; background:url(/images/slogan.jpg) no-repeat; width:400px; height:52px;text-indent:-999em; 
					  margin:0; padding:0; position:relative; top:124px; right:0;
					}
#header h1 a		{ display:block; width:393px; height:61px; }
#header h2 a		{ display:block; width:400px; height:27px; }
#header h1 a:focus	{ outline:none; }
#skip				{ position:absolute; top:-999em; left:-999em; }

/*   */
#topbar				{ height: 25px; margin-top:4px; position: absolute;	right: 0px;	z-index: 10000;}
/*code modified 27th july. map button*/
#topbar a img		{ margin-left:8px; position:relative; top:4px; }
#topbar img			{border:0 none;}
/*contact link in topbar code modified 27th july.*/
#topbar a			{ color: rgb(252, 248, 229);}
#topbar a:hover		{  text-decoration: none;}
#topbar p			{color:#BEBAAA; font-size:1.1em; line-height:18px; margin:0; position:relative; top:-5px;}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0;padding:0; }
#nav 				{ height:3px; width:800px; position:absolute; top:91px; left:0px; }
#nav li 			{ cursor:pointer; float:left; }
#nav li a			{ display:block; line-height:25px; text-decoration:none; font-size:1.7em; color:#fff; padding:7px 14px 0 12px; }  /* Menu height */


#nav li.current a,					
#nav li a:hover,
#nav li:hover a		{ background:#fff; padding:4px 11px 3px 9px; border:3px solid #8ba400; border-bottom:0; color:#464646; }


#nav li li			{ padding:0 9px; display:inline; } /* px size changed to 9px from 12px */
#nav li li a,
#nav li.current li a,
#nav li.current:hover li a
					{ display:inline; padding:0; font-size:12px; color:#838380; line-height:14px; text-decoration:none; border:0; }


#nav li:hover li a,
#nav li.current li a:hover,
#nav li li a:hover	{ font-size:12px; padding:0; background:none; line-height:14px; border:0; text-decoration:underline; color:#8fa901; }

#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; width:530px; }
#nav li:hover ul,
#nav li.current ul	{ left:0; top:43px; }  /* Sub-menu height */
/* @end */			

/* @group PRIMARY CONTENT */
#primaryContent 	{ float:left; width: 700px; padding:0 18px 20px;  }
#banner				{ 
					  display:block; background:#e9e9e9 url(/mediafiles/subpage-banner.jpg) no-repeat 6px 6px; 
					  height:146px; width:494px; margin:0 -18px 2em -18px; padding:6px;
					}
#home #banner		
{ 
	background:#ffffff url(/mediafiles/home-banner.jpg) no-repeat 6px 6px; 
	height:260px; 
}
#primaryContent a	{ color:#96b100; text-decoration:underline; }
#primaryContent a:hover 
					{ text-decoration:none;}
h2, h3, h4, h5, h6	{ color:#030303; }
#primaryContent h2	{ font-size:1.7em; color:#343434; }
#primaryContent h3	{ font-size:1.3em; }
#home #primaryContent h3
					{ font-size:1.7em; font-weight:normal; color:#030303; padding-bottom:8px; margin-bottom:1em; }
#primaryContent h4	{ font-size:1.3em; }
#primaryContent h5,
#primaryContent h6	{ font-size:1.2em; }					
#primaryContent li,
#primaryContent p	{ font-size:1.2em; color:#434343; line-height:1.5em; }
#primaryContent li p{ font-size:1em; line-height:1; margin:0; }
	/* @group HOME PAGE BOXES */
	.box					{ 
							  float:left; background:#f3f3f3 url(/images/box_bg.gif) repeat-x left bottom; padding:10px 10px 20px; width:213px; 
							  position:relative; height:85px; 
							}
	#home #primaryContent #new h3,
	#home #primaryContent #sermons h3
							{ 
							  font-size:1.8em; margin-bottom:20px;padding-bottom:0; border-bottom:1px solid #dedede; 
							  width:80%; color:#96b100;
							}
	#primaryContent #new h3 a,
	#primaryContent #sermons h3 a
							{ text-decoration:none; color:#96b100; }
	.box p					{ font-size:1em; color:#11100d; line-height:1.2em; width:255px; }
	#sermons p				{ width:155px; }
	#sermons 				{ margin-left:4px; }
	#primaryContent .box p a{ color:#518d8d; text-transform:uppercase; font-weight:bold;  }
	#primaryContent .box a:hover 
							{ text-decoration:none;  }
	.badge					{ position:absolute; top:-5px; right:0; }	
	#new .badge				{ display:block; background:url(/images/new_here_bg.jpg) no-repeat; width:63px; height:61px; top:-8px;}
	#sermons .badge			{ display:block; background:url(/images/podcast_bg.jpg) no-repeat; width:73px; height:71px; top:-10px; right:0; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent	{ margin-top:11px; float:right; width:242px; position:relative; }
#secondaryContent a	{ color:#96b100 }
#secondaryContent a:hover
					{ text-decoration:none }
#secondaryContent h3{ font-size:1.6em; color:#393939; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #e9e9e9; font-weight:normal; }
#secondaryContent img 	{ border:0; }
a#going-on			{ 
					  display:block; width:233px; height:55px; background:url(/images/going_on_bg.gif) no-repeat; text-indent:-999em; 
					  margin:18px auto 0; position:relative; left:-8px;
					}
a#going-on:focus	{ outline:none; }

/* 12-22-2009 add donate now button--Gordon */
#donatebutton {padding-top: 24px; padding-bottom: 2px; margin: auto; text-align: center;}
	
		/* @group SERVICE TIMES */
	#service-times				{ 
								  position:relative; padding:17px 16px; margin:0; width:212px; height:58px; display:block;
								  background:url(/images/service_times_bg.gif) no-repeat; left:-6px; 
								}
	#service-times h3			{ font-size:1.4em; color:#4f6969; border:0; margin:0; }
	#service-times p			{ font-size:1.2em; color:#fff; margin:0 0 3px; }
	p a.map						{ 
								  position:absolute; top:2px; right:10px; display:block; background:url(/images/map_btn.gif) no-repeat; width:67px; 
								  height:27px; text-indent:-999em; 
								}
	p a.map:focus				{ outline:none; }


	a#maplink					{ position: absolute; }

	/* @end */		
	
	/* @group RECENT SERMONS */	
	#recent-sermon				{ background-color: #FFFFFF; padding:10px 9px; position:relative; margin-top:2px; }
	#recent-sermon h3			{ margin-top:1.3em; }
	#recent-sermon h4			{ font-size:1.2em; margin:0; margin-bottom:2px; width:60%}
	#recent-sermon h4 a			{ text-decoration:none; }	
	#recent-sermon h4 a:hover	{ text-decoration:underline; }
	#recent-sermon p			{ font-size:1em; color:#827f73; margin:0 0 1.5em; text-transform:uppercase; }
	#recent-sermon p#subscribe  { 
								  background:url(/images/ipod_icon.gif) no-repeat left; padding:4px 0 4px 16px; margin-top:12px; 
								  text-transform:capitalize; font-size:11px;
								}
	#recent-sermon #subscribe a	{ color:#518d8d; text-decoration:underline }
	#recent-sermon #subscribe a:hover
								{ text-decoration:none; }
	#subscribe a:focus			{ outline:none; }
	#recent-sermon .sermon		{ position:relative; }
	#recent-sermon ul			{ position:absolute; top:3px; right:25px; 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:4px; }
	/* @end */
	
	/* @group RECENT ARTICLE */
	#recent-article				{ padding:10px 9px 0; }
	#recent-article h3			{ position:relative; }
	#recent-article h3 a		{ 
								  position:absolute; top:0; left:110px; display:block; width:16px; height:16px; margin-top:2px;
								  background:url(/images/feed_icon.gif) no-repeat; text-indent:-999em;
								}
	#recent-article 
	#recent-article h4			{ font-size:1.3em; margin:0; } 
	#recent-article h4 a		{ color:#96b100; text-decoration:none }
	#recent-article h4 a:hover	{ text-decoration:underline; }
	#recent-article h4 span		{ font-size:9px; color:#979797; font-weight:normal; margin-left:10px; }
	#recent-article p			{ font-size:1.1em; color:#6a6a6a; line-height:1.2em; }	
	#recent-article p a			{ color:#518d8d; }
	/* @end */
	
	/* @group PHOTO GALLERY */
	#photo-gallery				{ padding:12px 9px; }
	#photo-gallery img			{ margin-right:7.5px; }
	#photo-gallery p			{ font-size:1.1em; color:#686868; margin-top:10px; }
	#photo-gallery p a			{ color:#518d8d;  text-decoration:underline; }
	#photo-gallery p a:hover	{ text-decoration:none; }
	/* @end */
	
/* @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:1000px; padding:12px 0 0;}
#footer-inner ul			{ width:1000px; margin:0 20px 4em; 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 #1a1a1a; 
							  margin-right:20px; 
							}
#footer-inner li a:hover	{ border-color:#000; }
#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:20px;font-size:1.1em; color:#e2f296; }
#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:#d4c9a6 url(/images/search_bg.gif) repeat-x; 
								  border:1px solid #c8c4b2; border-bottom:0; position:absolute; top:-61px; 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 							{ margin-bottom:2em; }
.sermonbox								{ position:relative; padding:10px; background:#fff; border-bottom:1px solid #ccc; }
.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,
#how-it-works li#play					{ background:url(/images/play_icon.gif) no-repeat; }

.sermonbox li.sl_download a,
#how-it-works li#save		 			{ background:url(/images/download_icon.gif) no-repeat; }

.sermonbox li.sl_notes a,
#how-it-works li#notes					{ background:url(/images/notes_icon.gif) no-repeat; }

.sermonbox li.sl_video a,
#how-it-works li#video					{ background:url(/images/video_icon.gif) no-repeat; }

#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:#8c2616; }
	#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; }
	
	/*... EDIT. Commented. Aug 13th. Mohur. Critical Change. Increased the width to display context for text for message. */
	/* @group MEDIABOX */
/*	#text					{ width:300px; clear:left; padding-top:2em; }
	#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 #96b100; margin:0; list-style:none; }	
	#mediabox li			{ padding:4px 10px 4px 20px;  }
	#mediabox li a			{ color:#96b100; }
	#mediabox li#mb_links	{ background:#96b100; color:#fff; margin:-10px -10px 10px; padding:10px; font-weight:bold; }
	#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 */

/* @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: #96b100;
   font-size: 1.4em;
}

#primaryContent table.calendar th{
   padding: 6px 0;
   background: #96b100;
   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: #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 */