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

/*=====
CLIENT: Springwood Presbyterian Church
FILE: styles.css - main CSS styles for staging site 
CREATED: 4/29/2008
MODIFIED: 5/10//2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

=====*/

/* @group GLOBAL */
html						{ height:100%; }
body 						{ 
							  background:#ede7d0 url(/images/body_bg.jpg) repeat-x center top; margin:0; padding:0; font-size:62.5%; 
							  font-family:arial, helvetica, sans-serif; color:#252525; border-top:8px solid #1b170f; height:100%;
							}
hr 							{ display: none; } 

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }
#container 					{ margin:0 auto; width:750px; position:relative; min-height:100%; }
* html #container			{ height:100%; }
#mainContent 				{ position:relative; margin-top:40px; padding-bottom:30px;}
a 							{ overflow: hidden; }

.hidden						{ display:none; }
.show						{ display:block; }
.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:131px; background:url(/images/header_bg.jpg) no-repeat left bottom; width:750px; z-index:1001; 
						  left:-5px; border-bottom:5px solid #2a2418;
						}
#header h1,
#header h1 a			{ display:block; width:261px; height:51px; }
#header h1 				{ background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; top:19px; left:22px; margin:0; }
#header h1 a:focus		{ outline:none; }

#service-times			{ position:absolute; top:-4px; right:14px; }
#service-times p		{ font-size:1.3em; font-family:"Lucida Grande", arial, sans-serif; color:#ede4c7; line-height:1.5em; margin:0; }
#service-times a		{ color:#ede4c7; }
#service-times a:hover	{ text-decoration:none; }

#search					{ position:absolute; bottom:6px; right:10px; width:230px; z-index:1002; }
#search fieldset,
#search form			{ margin:0; padding:0; }
#search fieldset		{ border:0; }
#search input			{ 
						  float:left; border:2px solid #44311a; padding:4px; height:16px;background:#bfb28c; 
						  font:11px "Lucida Grande", sans-serif; color:#716959; text-transform:capitalize; position:relative; left:4px;
						}
#search a				{ display:block; width:64px; height:27px; background:url(/images/search_btn.gif) no-repeat; text-indent:-999em; position:relative; left:7px; }
#search a:focus			{ outline:none; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 			{ list-style:none; margin:0; padding:0}
#nav 					{ width:543px; height:35px; position:absolute; top:96px; left:20px;  }
#nav li{
   float: left;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}

#nav li a{
   display: block;
   padding: 0 10px;	line-height:35px;
   font-weight:bold;
   color: #bfb28b;
   text-decoration: none;
}

#nav li:hover a,
#nav li.sfhover a{
   background: url(/images/nav-hover.gif); #412b1a; color: #FFF;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 155px;
   border-top: 6px solid #2b1d10;
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 1.0833em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: none;
}

#nav li ul ul{
   margin: -28px 0 0 155px;
   border-top-width: 2px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li li a{
   width: 133px; margin:0;
   padding: 6px 11px 7px; line-height:1; font-weight:normal;
   background: #2b1d10 !important;
   color: #bfb28b !important;
}

#nav li li a:hover{
   background: #2a555f !important;
   color: #fff!important;
}
/* @end */

/* @group TOP CONTENT */
#topContent				{ padding:23px 0 0 }
#banner					{ float:left; display:block; width:497px; height:173px; position:relative; margin-bottom:16px;}
#banner-inner			{ height:173px; background:url(/mediafiles/home-header.jpg) no-repeat; }
#banner-overlay			{ 
						  position:absolute; top:0; left:0; display:block; width:497px; height:173px;
						  background:url(/images/overlay.gif) no-repeat; z-index:10
						}
/* @end */



/* @group PRIMARY CONTENT */
#primaryContent 			{ float:left; width:497px; position:relative; }
#primaryContent h2			{ 
							  margin-bottom: .5em; padding-bottom: 10px; background: url(/images/bg_content_h3.gif) repeat-x left bottom; 
							  color: #254b53; font-size: 1.7em;
							}
#primaryContent h4			{ margin-bottom: 1em; color: #B34700; font-size: 1.4em; }
#primaryContent h4.title	{ margin-bottom:0; }
.article p					{ margin-top:0; }
#primaryContent h5			{ margin-bottom: 1em; color: #40474E; font-size: 1.4em; }
#primaryContent h6			{ margin-bottom: 1em; color: #426A8D;font-size: 1.4em; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;}
#primaryContent p,
#primaryContent li,
#primaryContent td			{ margin-bottom: 1.5em; color: #252525; font-size: 1.2em; line-height: 1.5; }
#primaryContent blockquote	{ margin-left: 50px; }
#primaryContent ul,
#primaryContent ol			{ margin-left: 3em; }
#primaryContent ul#byline	{ margin-bottom: 10px; font-size: 1.1em; list-style: none; }
#primaryContent li			{ line-height: 1.5; }
#primaryContent li p,
#primaryContent td p		{ font-size:1em; line-height:1; }
#primaryContent hr			{ display: block; margin-bottom: 1em; }
#primaryContent a			{ color: #B34700; }
#primaryContent a:hover		{ text-decoration: none; }
#primaryContent img			{ margin: 0 10px 5px 0; border: 3px solid #FAFAFA; }
#primaryContent img.mcms_stats	{ display: none; }
#primaryContent img.no-border	{ border:0; }
img.left-align				{ float:left; margin:10px 10px 10px 0; }
img.right-align				{ float:right; margin }
/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent			{ float:right; width:221px; position:relative; left:-10px;}  
#secondaryContent img		{ border:0; }
/* @group .TABS */
.switcher					{ height:35px; background:url(/images/switcher_bg.gif) no-repeat left bottom; position:relative; }
.tabs						{ margin:0; padding:0; list-style:none; height:35px; }
.tabs li					{ display:inline; }
.tabs li a					{ 
							  display:block; float:left; font-size:1.4em; color:#847d6f; background:#f6efe2; text-decoration:none;
							  line-height:28px; border:2px solid #dacfba; border-bottom:0; margin-left:5px; padding:0 12px;
							}
.tabs li.active a			{ background:#ede7d0; border-color:#9f9178; color:#4b463c; line-height:33px; }
.tabs li a#event,
.tabs li a#article			{ position:relative; left:10px; }
.tabs li a#calendar,
.tabs li a#sermon			{ float:right; }
.tabs li#latest-caption		{ font-size:13px; font-weight:bold; color:#84471f; float:left; line-height:35px; margin-right:5px;}
/* @end */

/* @group article / message tabs */
/* ---- ARTICLE -----*/
#sermon-tab p.byline,
#article-tab p.byline	{ padding-bottom:8px; border-bottom:1px solid #c5b994; font-size:1.1em;}
#article-tab p			{ font-size:1.2em; color:#37332c; line-height:1.5em; }
#article-tab p a		{ color:#84471f; font-size:11px; font-weight:bold; }

/* ---- SERMON -----*/
#sermon-tab h3			{ 
						  margin:0; padding:0; background:url(/images/audio_icon.gif) no-repeat left; padding-left:20px; 
						  font-size:1.7em; color:#4b463c; 
						}
#sermon-tab p a			{ float:left; font-size:11px; color:#84471f; font-weight:bold; padding-top:3px; }
#sermon-tab p a:hover	{ text-decoration:underline; }
#sermon-tab p a.play, 
#sermon-tab p a.download{ color:#645d4f; text-decoration:none; font-weight:normal; font-size:13px; }
#sermon-tab a.play		{ display:block; width:40px; height:22px; background:url(/images/listen_btn.gif) no-repeat; padding:3px 0 0 24px; }
#sermon-tab a.download	{ display:block; width:63px; height:19px;padding:3px 0 0 24px; margin:0 3px 0 7px; background:url(/images/download_btn.gif) no-repeat; }

/* --- BOTH ----*/
#article-tab,
#sermon-tab				{ padding:0 5px; }

#sermon-tab h4,
#article-tab h4			{ font-size:1.3em; font-weight:bold; margin-bottom:0; margin-top:10px;}

#sermon-tab h4 a,
#article-tab h4 a		{ color:#4b463c; text-decoration:none }

#article-tab h4 a:hover,
#sermon-tab h4 a:hover	{ text-decoration:underline; }

#sermon-tab p,
#article-tab p			{ margin-top:3px; font-size:1.2em; color:#4b463c; }

#sermon-tab p strong,
#article-tab p strong	{ font-size:10px; color:#84471f; }

/* --- EVENT LIST ----*/
#event-tab .event h4	{ margin-top:0; margin-bottom: .35em; color: #4b463c; font-size: 1.2em; text-transform: uppercase; }
#event-tab .event p		{ font-size: 1.2em; margin:0; }
#event-tab .event a		{ color: #84471f; text-decoration: none; }
#event-tab  a:hover		{ text-decoration: underline; }
#event-tab .event		{ margin: 0 6px; padding: 8px; border-bottom:1px solid #ccbfa7; }
#event-tab .event:hover { background:#f0e7d7; }

/* @end */

/* @group SUBPODCAST */
#podcast-sub			{ margin:35px 0; }
/* @end */

/* @group CAL / EVENTS TAB */
#lower-tabs				{ clear:both; padding-bottom:100px; padding-top:10px; }
img#cal-icon			{ float:left; position:relative; top:8px; }
.tabs li a#event		{ margin-left:10px; }

.event					{ padding:10px 0 0; }

/* @end */

/* @end */

/* @group FOOTER */
#footer 					{ background:url(/images/footer_bg.jpg) repeat-x left bottom; margin-top:-5.5em;  }
#footer-inner				{ width:750px; margin:0 auto; padding-top:55px; height:223px; }
#footer p#powered			{ padding-top:25px; float:right; width:auto; margin:0; font-size:1.1em; color:#c7b990; }
#footer p#powered a			{ color:#c7b990; }
#footer p#powered a:hover	{ text-decoration:none; }
#footer p#copyright			{ font-size:1.1em; color:#c7b990; float:left; width:50%; padding-top:25px; margin-bottom:0; }
/* @end */

/* @group QUICKLINKS */
#quicklinks					{ float:left; width:500px;  }
.quicklink					{ float:left; width:220px; height:68px; margin-bottom:14px;margin-left:20px; }
.quicklink img				{ float:left; border:3px solid #5c513c; }
.quicklink h4				{ margin:15px 0 5px 76px; font-size:1.6em; color:#c5b995; background:url(/images/quicklink_h4.gif) no-repeat 65% center;}
.quicklink p				{ margin:0 0 0 76px; padding:0; font-size:1.2em; color:#f0ebdc; }
.quicklink p.first			{ margin:0;}
.quicklink a				{ color:#f0ebdc; }
.quicklink a:hover			{ text-decoration:none; }
/* @end */

/* @group CONTACT */
#contact					{ background:url(/images/contact_bg.gif) no-repeat left top; float:right; padding:0 20px; width:197px; min-height:173px; }
#contact h3					{ color:#fff; font-size:1.7em; font-weight:normal; margin-top:15px; }
#contact p					{ font-size:1.3em; color:#ede4c7; line-height:1; }
#contact a					{ color:#ea6b17; }
#contact 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 #dacfba; } 
.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_app.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/images/download_icon_app.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/images/notes_icon_app.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/images/video_icon_app.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 #c5b994; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#c5b994; color:#252525; margin:-10px -10px 10px; padding:10px; font-weight:bold;}
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works				{ float:left; }
	#sorting h3,
	#how-it-works h3			{ font-size:1.7em; color:#4b463c; background:url(/images/h3_bg.gif) no-repeat left bottom; padding-bottom:8px; margin:0;}
	#how-it-works ul			{ margin:2.5em 0 0; padding:0; list-style:none; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; }
	#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#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting label,
	#sorting select				{ display:block; }
	#sorting label				{ margin:1em 0 0; font-size:1.3em; font-weight:bold; }
	#sorting select				{ margin-bottom:1.5em; width:180px;}
	#sorting ul					{ margin-top:2.5em; padding:0; list-style:none; }
	#sorting a					{ font-size:1.2em; color:#84471f; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */

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

#primaryContent table.calendar caption{
   padding-bottom: 10px;
   color: #B34802;
   font-size: 1.5em;
   font-weight: bold;
}

#primaryContent table.calendar caption span{
   color: #B34802;
}

#primaryContent table.calendar th{
   padding: 6px 0;
   background:#c6baa2;
   color: #fbf7ef;
   font-size: 1.3em;
   font-weight: normal;
}

#primaryContent table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #f3ead8;
   border-left: 0;
   border-top: 0;
   background: #fbf7ef;
   color: #565453;
   font-size: 1em;
   vertical-align: top;
   text-align: left;
}

#primaryContent table.calendar td a{
   color: #c95b13; 
   margin-top: 3px;
   padding: 0 2px 0 0;
   margin-bottom: 0px; 
   margin-left: 2px;
}

#primaryContent table.calendar td ul{
   margin: .5em 0 0 .5em; padding:0;
   font-size: 100%;
   list-style: none;
   text-align: left;
}

#primaryContent table.calendar td li{
   margin-bottom: .75em;
   margin-left: 0px;
   font-size: 1.1em;
   line-height: 1.2;
   text-align: left;
}

#primaryContent table.calendar td li a{
   color: #c95b13;
   text-align: left;
   text-decoration: underline;
}

#primaryContent table.calendar td li a:hover{
   text-decoration: none;
}

#primaryContent table.calendar td.linked-day { background:#f3ead8;}

/*=====>> MINI-CALENDAR <<=====*/
.calendar 					{ margin: 0 auto 0; background:#fbf7ef; border-collapse:collapse; }
.calendar caption 			{ margin: 0 auto; padding: 5px 0; color:#4b463c; text-transform:uppercase; font-size: 12px;}
.calendar caption span 		{ color:#d3661e; }
.calendar tr 				{ margin:0; padding:0;}
.calendar th 				{ background:#c6baa2; color:#fff; font-size:1.1em; margin:0; padding: 5px 0;}
.calendar td 				{ width: 23px; height: 30px; margin: 0px; padding:4px; color:#3f3f36; text-align:center;}
.calendar td.linked-day 	{ width: 26px; height: 28px; padding: 1px 2px; background:#f3ead8; }
.calendar td.linked-day a 	{ display: block; padding: 7px; color:#b54e0a; text-decoration:none;}

#traildiv 					{ position:absolute; top:0; left:0; z-index: 999; width: 200px; height: 100px; color: #4b463c; }
#traildiv ul				{ padding: .75em; padding-bottom: 0; border: 3px solid #bcad93; background: #ddd1ba; font-size: 1.1em; }
#traildiv li				{ color: #4b463c; margin-left: 1em; margin-bottom: .75em;}
#traildiv a					{ color: #4b463c; text-decoration: none; }
/* @END */