/* @override http://southtelegraphchristian.cpmpreview1.com/css/styles.css */
/*
CLIENT: South Telegraph Christian
CREATED: 7/29/2008
MODIFIED: 7/31/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)
*/

/* @group GLOBALS */
body				{ 
					  background:url(/images/body_bg.gif) repeat; font-size:62.5%; margin:0; padding:0; 
					  font-family:helvetica, arial, verdana, sans-serif; color:#4f4c46;
					}
#outer-container	{ background:url(/images/header_wrap_bg.jpg) repeat-x center top; }					
#container			{ margin:0 auto; width:876px; }
.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-wrap		{ z-index:2000; display:block; height:266px; background:url(/images/outer_container_bg.jpg) no-repeat center top; }
#header				{ width:876px; height:178px; margin:0 auto; position:relative; background:url(/images/header_bg.gif) no-repeat left bottom; }
#header h1 a,
#header h1			{ display:block; width:308px; height:76px; }
#header h1			{ background:url(/images/logo.gif) no-repeat; text-indent:-999em; position:absolute; top:33px; left:15px; margin:0; padding:0; }
#skip				{ position:absolute; top:-999em; left:-999em; }

#subnav				{ position:absolute; top:133px; right:28px;height:46px;  }
#subnav ul			{ margin:0; padding:0; list-style:none; }
#subnav li			{ display:inline; float:left; }
#subnav li a		{ line-height:46px; padding:0 7px; font-weight:bold; font-size:1.3em; color:#fff4b6; text-decoration:none; }
#subnav li a:hover	{ text-decoration:underline; }
#slogan				{ position:absolute; top:40px; right:16px; width:380px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav * 				{ list-style:none; margin:0; padding:0;}
#nav						{ position:absolute; top:132px; height:46px; padding-left:10px;}
#nav li 					{ cursor:pointer;float:left; padding-left:4px; margin:0 5px;}
#nav li a 					{ 
							  display:block; line-height:46px; padding:0 14px 0 10px; text-decoration:none; font-weight:bold; font-size:1.4em; 
							  color:#fff; 
							}
#events #nav_events,	
#sermons #nav_resources,
#nav li:hover,
#nav li.current				{ background:url(/images/nav_li.gif) no-repeat left center; }

#events #nav_events a,
#sermons #nav_resources a,
#nav li:hover a,
#nav li.current a			{ background:url(/images/nav_a.gif) no-repeat right center;  }

#articles #nav_home,
#articles #nav_home a,
#events #nav_home,
#events #nav_home a,
#sermons #nav_home,
#sermons #nav_home a		{ background:none; }

#nav li ul 					{ position:absolute;left:-5000px;z-index:1001; width:150px; border:1px solid #e4e1d8; }
#nav li li					{ display:block; float:none; padding:0; margin:0; background:none; }

#events #nav_events li a,
#articles #nav_resources li a,
#sermons #nav_resources li a,
#nav li.current:hover li a,
#nav li:hover li a,
#nav li li a				{ line-height:24px; background:#edeae3; color:#6a6655; font-size:12px; font-weight:normal; padding:0 10px; width:130px; }

#events #nav li:hover li a:hover,
#articles #nav li:hover li a:hover,
#sermons #nav li:hover li a:hover,
#nav li:hover li a:hover	{ background:#fffefe;  }
#nav li:hover ul 			{ left:auto; margin-left:-4px; }
#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;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 140px;}
/* @end */

#container			{ position:relative; top:-88px; }
#mainContent		{ background:url(/images/content_bg.gif) repeat-y; padding:14px 20px 0 0;}

/* @group PRIMARY CONTENT */
#primaryContent				{ width:549px; float:left; padding:0 0 16px 31px;}
#home #primaryContent		{ padding-left:21px; width:569px; }
#primaryContent h2			{  }
#primaryContent h3			{ font-size:16px; }
#primaryContent h4			{ font-size:15px; }
.article h4					{ margin-bottom:0 }
.article p					{ margin-top:2px; }
#primaryContent h5			{ font-size:14px; color:#4f4c46 }
#primaryContent h6			{ font-size:13px; }

#primaryContent li,
#primaryContent td p,
#primaryContent p			{ font-size:1.2em; line-height:1.5em; color:#4f4c46; }

#primaryContent td			{ font-size:12px; }
#primaryContent td *		{ font-size:1em; line-height:1; }

#primaryContent a			{ color:#d8a822; font-weight:bold; }
#primaryContent a:hover		{ text-decoration:none; }


#mainContent img			{ border:none }
#mainContent img.left-align	{ float:left; position:relative; left:-5px; margin:0 5px 5px 0; }
#mainContent img.right-align{ float:right; position:relative; right:-5px; margin:0 0 5px 5px; }

/* @group BANNER */
#banner						{ 
							  display:block; width:567px; height:202px; border:1px solid #e4e1d8; position:relative; left:-10px;
							  background:#edeae3 url(/mediafiles/subpage-header.jpg) no-repeat 6px 6px; 
							}
/* @end */

/* @group QUICKLINKS */
#quicklinks			{ margin:20px 0 0; padding:0 0 0 8px; list-style:none; width:600px; }
#quicklinks li		{ display:inline; float:left; margin-right:20px; }
/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent					{ width:223px; float:right; padding-bottom:25px; }
#secondaryContent h3				{ width:210px; }

/* @group FEATURED MESSAGE */
#featured-message					{ margin-bottom:2.2em; }
#featured-message h4				{ font-size:1.4em; font-weight:bold; margin:13px 0 0; }
#featured-message h4 a				{ color:#364a57; text-decoration:none; }
#featured-message h4 a:hover		{ text-decoration:underline; }
#featured-message p					{ font-size:1.1em; color:#827b6b; margin:5px 0 13px; }
#featured-message a.play			{ 
									  display:block; float:left; width:99px; height:46px; background:url(/images/listen_btn.gif) no-repeat; 
									  text-indent:-999em; position:relative; left:-7px;
									}
#featured-message a#download		{ 
									  display:block; float:left; width:124px; height:46px; position:relative; left:-7px;
									  background:url(/images/download_btn.gif) no-repeat; text-indent:-999em; 
									}
#featured-message a:focus			{ outline:none; }
/* @end */

/* @group UPCOMING EVENTS */
#featured-message h3,
#upcoming-events h3,
#sorting h3					{ padding-bottom:0px; border-bottom:1px solid #d8d4c9 }
.event						{ padding:0 6px 11px; margin:5px 0 6px; position:relative; left:-6px; }
.event .date				{ float:left; display:block; width:29px; height:35px; margin-right:11px; }
.event .date span			{ display:block; text-align:center; font-family:"Trebuchet MS", verdana, arial, sans-serif; background:#fff; }
.event .date .month			{ 
							  display:block; vertical-align:middle; height:13px; background:#e29d2b; color:#fff; text-transform:uppercase; 
							  font-size:9px; padding-top:2px;
							}
.event .date .day			{ font:18px arial, verdana, sans-serif; color:#383732; padding-top:1px; }
.event h4					{ margin:0; font-size:1.1em; color:#817a6a; font-weight:normal; text-transform:uppercase; }
.event p					{ margin:3px 0 0; font-size:1.3em; font-weight:bold; }
.event p a					{ color:#a58434; text-decoration:none; }
.event p a:hover			{ text-decoration:underline; }
.event:hover				{ background:url(/images/event_bg.gif) no-repeat left bottom; }
.event .top					{ display:block; width:223px; height:6px; margin-left:-6px;}
.event:hover .top			{ background:url(/images/event_h4_bg.gif) no-repeat;  }
/* @end */

/* @group SERVICE TIMES */
#service-times				{ width:223px; margin-top:28px; padding-bottom:5px; border-bottom:1px solid #d8d4c9; }
#service-times p			{  margin-top:0; font-size:1.3em; color:#4b4740; margin-bottom:5px}
#service-times img			{ border:none; }
/* @end */

/* @group ELETTER */
#eletter					{ padding:0 2px; }
#eletter form,
#eletter fieldset			{ margin:0; padding:0; border:none; }
#eletter label				{ display:block; font-size:1.3em; color:#635f51; margin:14px 0 0; }
#eletter #ea				{ border:1px solid #dedccb; padding:2px 4px; width:134px; height:15px; position:relative; top:-5px;}
#eletter #submit			{ position:relative; top:1px; margin-left:3px; }
/* @end */
/* @end */

/* @group FOOTER */
#footer				{ background:url(/images/footer_bg.gif) no-repeat left top;  padding:15px 10px; position:relative; }
#footer p			{ font:1.1em arial, verdana, sans-serif; color:#8194a0; float:left;  }
#footer a			{ color:#8194a0; }
#footer a:hover		{ text-decoration:none; }
#footer ul			{ margin:11px 0 0 17px; padding:0; list-style:none; float:left; }
#footer li			{ display:inline; float:left; }
#footer li a		{ font-size:1.1em; padding:0 7px; }
#footer #cpm		{ 
					  display:block; width:139px; height:19px; background:url(/images/cpm_logo.gif) no-repeat left top; position:absolute; top:25px;
					  right:10px; text-indent:-999em; 
					}
#footer #cpm:hover	{ background-position:left bottom; }
#footer #cpm:focus	{ outline:none; }
/* @end */

/* @group SERMONS */
#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 a		{ }
#primaryContent .sermonbox h5 span	{ font-size:11px; margin-left:10px; }
#primaryContent .sermonbox p		{ margin:0;}
#primaryContent .sermonbox p a		{ }


.sermonbox ul						{ position:absolute; top:20px; right:10px; }
.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 */
	#byline							{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox						{ float:right; padding:10px; margin:-55px 20px 0 0px; list-style:none; }
	#mediabox li 					{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links			{ font-weight:bold; font-size:1.4em;margin:-10px -10px 10px; padding:10px; border-bottom:1px solid #635f51; }
	#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; }
	#text							{ margin-right:10px;}
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works					{ margin:2.5em 0; padding:0; list-style:none; height:30px; background:#edece3; border:4px solid #dedccb}
	#how-it-works li				{ padding-left:20px; margin-right:20px;font-size:1.2em; line-height:30px; display:inline; float:left; }
	#how-it-works li#how			{ font-weight:bold; padding-left:10px; }
	#how-it-works li#listen			{ background:url(/images/play_icon_app.gif) no-repeat left center; }
	#how-it-works li#notes			{ background:url(/images/notes_icon_app.gif) no-repeat left center; }
	#how-it-works li#video			{ background:url(/images/video_icon_app.gif) no-repeat left center; }
	#how-it-works li#download		{ background:url(/images/download_icon_app.gif) no-repeat left center; }
	/* @end */
	
	/* @group SORTING */
	#sorting label,
	#sorting select					{ display:block; }
	#sorting label					{ font-size:1.3em; font-weight:bold; margin-bottom:.5em; }
	#sorting select					{ margin-bottom:1.5em; width:100%; }
	#sorting a						{ font-size:1.3em; color:#635f51; font-weight:bold; }
	#sorting a:hover				{ text-decoration:none; }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ margin:0 auto; border: 1px solid #dedccb; border-right: 0; border-bottom: 0; border-collapse: collapse; width:95%}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #4b4740; font-size: 1.4em; }
#primaryContent table.calendar th			{ padding: 6px 0; background: #635f51; color: #fff; font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #fff; border-left: 0;
											  border-top: 0; background: #e9e8df; color: #4b4740; 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; padding:0; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */