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

/*
|-----------------------------------------
| CLIENT: The Journey
| CREATED: 1/30/2009
| MODIFIED: 2/13/2009
| AUTHOR: Ben Otero (ben@churchplantmedia.com)
|-----------------------------------------
*/
@import url('/css/thickbox.css');

/* @group GLOBALS */
* 			{ margin: 0; padding: 0; }
html		{ background:#000; }
body		{ background: url(/images/yellowStripBG.jpg);  font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif; font-size: 62.5%; }
hr			{ display: none; }
#skip		{ position: absolute; text-indent: -9999px; list-style: none; }
#container	{ width: 770px; margin: 0 auto 0; background: #fff; border-left:solid #000000; border-left-width:15px; border-right:solid #000000; border-right-width:15px;}
a			{ overflow: hidden; } 

.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:1001; width:770px; height:62px; background:url(/images/header_bg.gif) left bottom repeat-x; 
			  margin:50px 0 5px;
			} 
#header h1	{ position:relative; top:4px; }
#header h1 a{ color:#9ebade; text-decoration:none; }
/* @end */

/* @group Navigation
---------------------------------------------------------------------
*/

#nav, #nav *		{ list-style: none; }
#nav 				{ height:26px; position:absolute; right:20px; bottom:0; }
#nav li				{ float: left; }
#nav li a			{ font-size:1.2em; line-height:26px; display:block; color:#fff; padding:0 15px; text-decoration:none; text-transform:uppercase;}
#nav li.current a,
#nav li:hover a		{ background:#fff; color:#bebebe; }

#nav li ul			{
	 				  position: absolute; left: -999em; z-index: 999; width: 105px; padding-top: 5px; list-style: none; line-height: 1; 			
	 				  background:#fff; 
	 				}
#nav li:hover li a	{ line-height:10px; padding:5px 15px; text-transform:none; }
#nav li li:hover	{ background: none; }
#nav li ul ul		{ margin: -26px 0 0 105px; padding-left: 1px; }

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

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

#nav li li li		{ font-size: 100%; }

#nav li:hover li 	{ width: 105px; margin-top: 1px; padding: 4px 0; color: #141511; }
#nav li li a:hover	{ background: #FFF; }
/* @end */


/* @group Content
---------------------------------------------------------------------
*/

#content-wrap		{ background:url(/images/content_bg.gif) repeat-y right top; width:770px; clear:both; }

#content			{ float: left; width:515px; padding: 0 0 0 5px; position:relative; }
#content h2			{ margin:1em 0; font-size: 1.7em; color: #404040; font-weight: normal; margin-bottom: 10px;}
#content h3			{ margin-bottom: .5em;  color: #B4641C; font-size: 1.8em; font-weight: normal; color:#8C6B4B; }
#content h3 span	{ border-bottom: 1px dotted #D6BEA8; }
#content h4			{ color:#bebebe; font-size:1.3em; }
#content h5			{ color:#292927; font-size:1.3em; }
#content h6			{ color: #B4641C; font-size: 1.3em; }

#content p,
#content ul,
#content ol,
#content td			{ margin-bottom: 1em; color: #404040; font-size: 1.2em; line-height: 1.5; }

#content p *,
#content li *,
#content td *		{ font-size:1em; color: #404040; }

#content ul,
#content ol			{ margin-left: 3em; }

#content a			{ color: #277592; }
#content a:hover	{ text-decoration: none; }
#content a#subscribe{ 
					  display:block; background:#f2ece6 url(/images/feed_icon.gif) no-repeat 4px center; padding:4px 8px 4px 28px; 
					  position:absolute; top:7px; right:15px; font-size:12px;
					}
* html #content a#subscribe { top:7px; }					
img#mcms_stats		{  display: none; }
#content #text		{ clear: both; }

#content #pagination	{ margin-bottom:15px; }
#content #pagination a	{ margin:0 5px; }
#content #pagination a#off,
#content #pagination a#previous,
#content #pagination a#next	{ margin:0; }

/* @end */


/* @group Sidebar */

#sidebar	{ float: right; width: 242px; padding-bottom:25px; }
#sidebar h4	{ color: #8c6b4b; font-size: 1.6em; font-weight: normal; text-decoration:underline; margin-bottom:.2em; }

/* @group SECTIONS
-----------------------------*/
#sections					{ clear:both; width:206px; margin:0 10px; padding:16px 10px 0 6px; }
#sections h3				{ color:#4B4F2F; font-size:1.5em; font-weight:normal; margin:.5em 0; }
#sections ul				{ margin:.5em 0; padding:0; list-style:none; }
#sections li a				{ color:#8c6b4b; }
#sections a:hover			{ text-decoration:none;}
#sections p,
#sections li,
#sections td				{ font-size:1.2em; color:#4b4f2f; line-height:1.5em; }

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

/* @end */

/* @group SERVICE TIMES */
#sidebar #service-times 		{ width:206px; margin:0 10px; padding: 16px 10px 0 6px; position:relative;  }
#sidebar #service-times img		{ float:right; margin-right:-9px; margin-top:-4px; border:0; }
#sidebar #service-times p		{ text-align: center; font-size: 1.1em; }
#sidebar #service-times a		{ color: #8c6b4b; text-decoration: none; font-size:85%; }

#sidebar #podcast 				{ position: relative; width: 206px; margin: 0 10px; padding: 11px 10px 16px 6px; background: none; }
#sidebar #service-times h3		{ margin-bottom: .25em; color: #4B4F2F; font-size: 1.8em; font-weight: normal; text-decoration: underline;}
#sidebar #service-times p		{ color: #3D3D3D; font-size: 1.8em; text-align: left; }
/* @end */

/* @group PODCAST */
#sidebar #podcast				{ width:220px; padding:0; }
#podcast img					{ float:left; margin-right:7px; border:0; }
#sidebar #podcast h4			{ font-size:18px; color:#8c6b4b; text-decoration:none; }
#sidebar #podcast p				{ font-size:14px; color:#6e6e6e; }
#sidebar #podcast a				{ color:#6e6e6e; text-decoration:none; }
#sidebar #podcast a:hover		{ text-decoration:underline; }
/* @end */

/* @group UPCOMING EVENTS */
#sidebar #upcoming-events		{ padding: 9px; border-bottom: 5px solid #FFF; }
#sidebar #upcoming-events h3	{ margin-left: 5px; }
#sidebar #upcoming-events h4	{ color: #1B1D12; font-size: 1.1em; text-transform: uppercase; }
#sidebar #upcoming-events p		{ font-size: 1.1em; }
#sidebar #upcoming-events a		{ color: #9F4D02; text-decoration: none; }
#sidebar #upcoming-events .event{ padding: 5px; }
#upcoming-events .event:hover	{ background: #F4F4DE; }
/* @end */
/* @end */

/* @group RECENT SERMON */
#sidebar #recent-sermon				{ float: left; width: 212px; padding: 10px 15px; border-bottom: 5px solid #FFF; }
#sidebar #recent-sermon h4			{ color: #525537; font-size: .9em; font-weight: normal; }
#sidebar #recent-sermon h4 strong	{ font-size: 1.33em; }
#sidebar #recent-sermon h4 a		{ color: #1B1D12; text-decoration: none; }
#sidebar #recent-sermon p			{ color: #1B1D12; font-size: 1.1em; }

#recent-sermon #sb_mediabox			{ float: left; margin: 5px 0 10px; list-style: none; }
#recent-sermon #sb_mediabox li		{ float: left; margin-right: 1em; font-size: .9; font-weight: bold; }
#recent-sermon #sb_mediabox li a				{ 
												  padding-left: 13px; color: #277592; text-decoration: none; background-repeat: no-repeat; 
												  background-position: left center;
												}

#recent-sermon #sb_mediabox li#sb_listen a		{ background-image: url(/images/sb_listen.gif); }
#recent-sermon #sb_mediabox li#sb_download a	{ background-image: url(/images/sb_download.gif); }
#recent-sermon #sb_mediabox li#sb_subscribe a	{ background-image: url(/images/sb_subscribe.gif); }
/* @end */

/* @group NEWSLETTER */
#sidebar form#newsletter			{ clear: both; padding: 10px 16px; }
#home #sidebar form#newsletter		{ padding: 0 16px; }
#sidebar form#newsletter fieldset	{ border: 0; }
#sidebar form#newsletter label		{ display: block; margin-bottom: 3px; color: #4B4F2F; font-size: 1.6em; }
#home #sidebar form#newsletter label{ font-size: 1.8em; }

#newsletter #newsletter_text		{ width: 130px; padding: 6px 7px; border: 1px solid #CBCD98; font-size: 1.1em; color: #73774F;}
#newsletter #newsletter_submit		{ border: 0; background: none; color: #3783AE; font-size: 1.4em; font-weight: bold; text-transform: lowercase;}
/* @end */

/* @group Quicklinks*/

#quicklinks			{ clear: both; width:776px; margin: 5px 0 3px -9px; }
#quicklinks ul		{ list-style: none; }
#quicklinks li		{ display: inline;  float: left; margin-left: 10px; font-size: 18px; text-transform: lowercase; }
#quicklinks a		{ display: block; width: 179px; height: 152px; padding-left: 5px; background: #bebebe; color: #FFF; text-decoration: none }
#quicklinks a:hover	{ background:#b4743a; }
#quicklinks img		{ display: block; border: 0; margin-top:1px; }
/* @end */

/* @group Footer */

#footer				{ clear: both; padding: 10px 7px; margin-bottom: 40px; }
#footer p			{ float: left; color: #7D7C7A; }
#footer p.powered	{ float: right; }
#footer a			{ color: #7D7C7A; text-decoration: none; }
#footer a:hover			{ color: #7D7C7A; text-decoration: underline; }
/* @end /

/* @group SERMONS */
#sermon-content				{ margin-top:2.5em; }
#content .sermonbox			{ margin-bottom: 20px; position:relative; }
#content .sermonbox h4		{ margin-bottom: 5px; }
#content .sermonbox h5		{ width:70%; }
#content .sermonbox h5 span	{ font-size:11px; margin-left:10px; }
#content .sermonbox p		{ padding: 0;  margin: 0; }
#content .sermonbox ul		{ margin:0; padding:4px; background:#f2ece6; list-style:none; position:absolute; top:20px; right:20px; }
.sermonbox li				{ display:inline; float:left; margin-right:8px; }
.sermonbox li a				{ display:block; width:16px; height:16px; text-indent:-999em; float:left; }
.sermonbox li a:focus		{ outline:none; }
.sermonbox li.sl_listen a	{ background:url(/images/play_icon.gif) no-repeat ;}
.sermonbox li.sl_notes a	{ background:url(/images/notes_icon.gif) no-repeat; }
.sermonbox li.sl_download a	{ background:url(/images/download_icon.gif) no-repeat; }
.sermonbox li.sl_video a	{ background:url(/images/video_icon.gif) no-repeat;  }

/* @group HOW IT WORKS */
#content ul#how-it-works	{ height:30px; list-style:none; background:#f2ece6; margin:0; padding:0; border:4px solid #c4c3c3; }
#how-it-works li			{ float:left; display:inline; line-height:30px; margin-right:20px; padding-left:20px;  }
#how-it-works li#how		{ font-weight:bold; font-size:14px; }
#sorting li#mb_jukebox a,
#how-it-works li#play		{ background:url(/images/play_icon.gif) no-repeat left center; }
#sorting li#mb_download a,
#how-it-works li#save		{ background:url(/images/download_icon.gif) no-repeat left center; }
#sorting li#mb_video a,
#how-it-works li#video		{ background:url(/images/video_icon.gif) no-repeat left center; }
#sorting li#mb_notes a,
#how-it-works li#notes		{ background:url(/images/notes_icon.gif) no-repeat left center; }
/* @end */

/* @group SORTING */
#sorting					{ width:220px; padding:10px;margin:0 auto; }
#sorting h4					{ text-decoration:none; }
#sorting label, 
#sorting select				{ display:block; }
#sorting label				{ font-size:12px; margin-bottom:.5em;  }
#sorting select				{ width:100%; margin-bottom:1.5em; }
#sorting a					{ font-size:1.2em; color:#8c6b4b }
#sorting a:hover			{ text-decoration:none; }

#sorting ul					{ margin:0; padding:0; list-style:none; }
#sorting li a				{ padding-left:20px; line-height:24px; }
#sorting li#mb_podcast a	{ background:url(/images/feed_icon.gif) no-repeat left center; }
/* @end */

/* @group MEDIA BOX */
#content #mediabox{
   width: 125px;
   margin-top: -30px;
   padding: 5px 5px 0;
   border: 1px solid #B4641C;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 85%;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}

/* @end */

/* @group CALENDAR */
#content table.calendar{
	width:95%;
   margin:0 auto 25px;
   border: 1px solid #C8C19E;
   border-right: 0;
   border-bottom: 0;
   border-left: 0;;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #474B2C;
   font-size: 1.5em;
   font-weight: bold;
}

#content table.calendar caption span{
   color: #8A4700;
}

#content table.calendar caption span img{
   vertical-align: top;
}

#content table.calendar th{
   padding: 2px 0;
   background: #8c6b4b;
   color: #FAFAFD;
   font-size: 1.2em;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #fff;
   border-left: 0;
   border-top: 0;
   background: #f2ece6;
   color: #1F1F1F;
   font-size: 1.1em;
   vertical-align: top;
}

#content table.calendar td a{
   color: #1F1F1F;
   text-decoration: none;
}

#content table.calendar td.empty{
   background: #fff;
}

#content table.calendar td ul{
   margin: .5em 0 0 0;
   font-size: 100%;
   list-style: none;
   line-height: 1.2;
}

#content table.calendar td li{
   margin-bottom: .5em;
}

/* @end */

#content label	{ margin-bottom:1.5em; font-size:13px; font-weight:bold; }
textarea		{ display:block; width:50%; height:150px; margin-bottom:2.5em; }
#notice			{ margin:2.5em 0; }
#notice p		{ font-weight:bold; }