/* @override http://livinghope/css/styles.css */
/*=====
SITE: Living Hope Free Methodist
FILE: styles.css - main CSS styles for staging site
CREATED: 5/21/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)
=====*/

/* @group GLOBAL */
body 						{ 
							  background:url(/images/body_bg.jpg) repeat; margin:0; padding:0; font-size:62.5%; 
							  font-family:arial, helvetica, verdana, sans-serif; color:#272727; 
							}
#outer-container			{ padding-bottom:50px; }
#container 					{ margin:0 auto; width:769px; background:url(/images/maincontent_bg.gif) repeat-y; }
#mainContent 				{ position:relative; background:url(/images/title_bg.gif) no-repeat 25px -13px; padding:0 23px 0 25px}
a 							{ overflow: 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; z-index:5000; width:769px; height:285px; background:url(/images/header_bg.jpg) no-repeat; }
#header h1,
#header h1 a		{ display:block; width:271px; height:69px; }
#header h1			{ background:url(/images/logo.jpg) no-repeat; text-indent:-999em; position:absolute; top:23px; left:241px; margin:0; }
#header h1 a:focus	{ outline:none; }
#skip 				{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
/* @end */

/* @group SEARCH FORM */
#searchForm, #header fieldset	{ margin:0; padding:0; border:0; }
#searchForm						{ width:212px; position:absolute; bottom:-34px; right:47px; }
#searchForm input				{ border:0; padding:4px; height:14px;font-size:1.1em; float:left; color:#343230; width:147px;}
#searchForm a					{ 
								  display:block; float:left; position:relative; left:5px; width:52px; height:22px; text-indent:-999em;
								  background:url(/images/search_btn.gif) no-repeat;
								}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ height:26px; position:absolute; top:96px; left:190px; z-index:2000 }
#nav li 				{ float:left; display:inline; }
#nav li a 				{ display:block; font-size:1.2em; padding:0 12px; line-height:26px; text-decoration:none; color:#1e1c1a; }
#nav li.current a,
#nav li:hover a 		{ background:#1e1c1a; color:#fff; }

#nav li li 				{ border:none; float:none; }
#nav li.current li a, 
#nav li.current:hover li a, 
#nav li li a 			{ color:#fff; width:134px; }
#nav li.current li a:hover, 
#nav li li a:hover 		{ background:#666; }


#nav li ul 				{ position:absolute; left:-5000px; z-index:1001; }
#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; display:block;}
#nav li:hover ul li:hover ul 
						{ margin:-28px 0 0 140px;}
/* @end */

/* @group BANNER */
#banner					{ 
						  display:block; width:645px; height:167px; background:url(/images/banner_bg.jpg) no-repeat; position:absolute; top:117px; 
						  left:61px;
						}
#banner p				{ 
						  display:block; width:629px; height:152px; background:url(/mediafiles/subpage-header.jpg) no-repeat; margin:9px 0 0 7px; 
						  text-indent:-999em; position:relative; z-index:1;
						}
#home #banner p			{ background:url(/mediafiles/home-header.jpg) no-repeat; }
#banner #overlay		{ 
						  display:block; width:629px; height:3px; background:url(/images/overlay.png) no-repeat; 
						  position:absolute; top:9px; left:7px; z-index:20;
						}

/* @end */

/* @group PRIMARY CONTENT */
#primaryContent 		{ float:left; width:441px; padding:0 17px; }
#primaryContent p,
#primaryContent li,
#primaryContent td		{ font-size:1.2em; line-height:1.5em; color:#272727;  }

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

#mainContent a			{ color:#642223; }
#mainContent a:hover	{ text-decoration:none; }

#mainContent img		{ padding:3px; border:1px solid #d3d3d3; }
img.left-align			{ float:left; margin:5px 5px 0 0; position:relative; left:-10px }
img.right-align			{ float:right; margin:5px 0 0 5px; position:relative; right:-10px; }
#mainContent img.no-border,
#mainContent img.mcms_stats			{ border:none; }

#primaryContent h2		{ margin-bottom:1em; color:#fff; padding-top:5px; padding-left:2px;}
#primaryContent h3,
#primaryContent h4,
#primaryContent h5,
#primaryContent h6		{ color:#91752a; font-family:georgia, times, serif;  }
#primaryContent h3		{ font-size:1.6em; }
#primaryContent h4		{ font-size:1.5em; }
#primaryContent h5		{ font-size:1.4em; }
#primaryContent h6		{ font-size:1.3em; }
.article h4				{ margin-bottom:0; }
.article p				{ margin-top:3px; }
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ 
							  float:right; width:195px; padding:43px 18px 15px; background:url(/images/events_h3_bg.gif) no-repeat left 47px; 
							  position:relative; left:-14px; 
							}
#secondaryContent h3		{ 
							  display:block; background:url(/images/sidebar_h3_bg.gif) no-repeat; width:231px; height:37px; line-height:37px; 
							  margin-left:-18px; padding-left:18px; font-size:1.3em; color:#2a2a2a;
							}							   

/* @group EVENTS */
#events h3, #sorting h3	{ display:block; margin-bottom:0; background:none; line-height:1; margin-top:8px}
#events table			{ border-collapse:collapse; padding:0; margin:-5px auto 10px; width:200px; position:relative; left:-3px; }
#events caption			{ font-size:1.3em; color:#292929; margin-bottom:10px;}
#events caption img		{ border:0; padding:0;  }
#events th				{ background:#fff; color:#353535; font-size:1.1em; font-family:"Trebuchet MS", arial, sans-serif; padding:6px; }
#events td				{ 
						  width: 25px; height: 18px; padding: 4px 2px; text-align:center;
						  background: #dcdcdc; color: #656555; font-size: 11px; font-family:"Lucida Grande", arial, sans-serif; 
						  vertical-align: middle;
						}
#events .linked-day		{ background:#fff; color:#121212; }
#events td a			{ color: #1b1b1b; text-decoration: none; display:block; width:25px; height:18px; }
#traildiv				{ position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 100px; height: 100px; color: #FFF; }
#traildiv ul			{ padding: .75em; padding-bottom: 0; border: 3px solid #e1e1d4; background: #fff; font-size: 1.1em; list-style:none}
#traildiv li			{ color: #FFF; margin-bottom: .75em; }
#traildiv a				{ color: #656555; text-decoration: none; }

#eventlist				{ margin:0 0 0 9px; padding:0; list-style:none; }
#eventlist li			{ display:block; line-height:24px; }
#eventlist li a			{ float:left; font-size:1.1em; color:#252525; text-decoration:none; }
#eventlist li a:hover	{ text-decoration:underline; }
#eventlist li span		{ float:right; font-size:10px; text-transform:uppercase; color:#696969; }
/* @end */

/* @group SERMON */
#sermon h4,
#article h4				{ font-size:1.3em; margin:0; font-weight:normal; }
#sermon h4 a,
#article h4 a			{ color:#262626; text-decoration:none; }
#sermon h4 a:hover,
#article h4 a:hover		{ text-decoration:underline; }
#sermon p,
#article p				{ font-size:1.2em; color:#6b6b6b; margin-top:3px; }
#sermon .play,
#sermon .download		{ display:block; float:left; height:26px; text-indent:-999em; }
#sermon .play			{ width:70px; background:url(/images/listen_btn.gif) no-repeat; }
#sermon .download		{ width:96px; background:url(/images/download_btn.gif) no-repeat; margin-left:4px;}
/* @end */
/* @end */

/* @group FOOTER */
#footer 				{ margin:0; padding:20px 30px; background:url(/images/footer_bg.gif) no-repeat; position:relative; height:26px; }
#footer p 				{ font-size:1.1em; color:#7D8A93; margin:0; padding:0; }
#footer ul				{ margin:0; padding:0; list-style:none; }
#footer li ul			{ display:none; }
#footer li				{ float:left; display:inline; border-left:1px solid #fff; }
#footer li#subnav_home	{ border:0; }
#footer li a			{ font-size:1.1em; color:#dfdedd; text-decoration:none; padding:0 10px;}
#footer li a:hover		{ text-decoration:underline; }

#footer-bottom			{ clear:both; margin-top:60px; padding-bottom:25px;  }
#footer-bottom p		{ float:left; width:40%; }
#footer-bottom #powered	{ float:right; text-align:right; width:auto; }
#footer-bottom a		{ color:#fff; }
#footer-bottom a:hover	{ text-decoration: none; }
/* @end */


/* @group SERMONS */
#filter								{ margin-top:2em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #efefef; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}


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


	/* @group HOW IT WORKS */
	#how-it-works ul			{ margin:0 0 1em; padding:0; list-style:none; height:30px; background:#e8e7e6; }
	#how-it-works li			{ margin-right:10px; padding-left:18px; font-size:1.2em; line-height:30px; float:left; display:inline; }
	#how-it-works li#how		{ }
	#how-it-works li#play		{ background:url(/images/play_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; }
	#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ font-size:1.4em; margin-bottom:.5em; }
	#sorting select				{ width:100%; margin-bottom:1.5em; }
	#sorting a					{ font-size:1.2em; color:#}
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent .calendar				{ margin:0 auto 25px; border-collapse: collapse; }
#primaryContent .calendar caption		{ padding-bottom: 10px; color: #666; font-size: 1.4em; }
#primaryContent .calendar th			{ padding: 6px 0; background:#642223; color:#fff;  font-size: 1.3em; font-weight: normal; }
#primaryContent .calendar td			{ 
						  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
						  border-top: 0; background:#f4f4f4; color:#55636b; font-size: 1em; vertical-align: top; 
						}
#primaryContent .calendar td a			{ text-decoration: none; }
#primaryContent .calendar td ul			{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#primaryContent .calendar td li			{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent .calendar td li a		{ text-decoration: underline; }
#primaryContent .calendar td li a:hover	{ text-decoration: none; }
/* @end */