/* @override http://highlifechurch.cpmpreview1.com/css/sermons.css */

/* @override http://highlife/css/sermons.css */
#content							{ position:relative; }
#subscribe							{ position:absolute; top:10px; right:0px; padding:2px 0 2px 20px; background:url(/images/feed_icon.gif) no-repeat left center; }

/* @group PAGINATION */
#pagination a						{ margin:0 5px; }
#pagination a#off, 
#pagination a#next,
#pagination a#previous				{ margin:0; }
#pagination a#current				{ text-decoration:none; background:#96b32b; color:#fff; }
/* @end */

/* @group Sermon Styles */
#content .sermonlist 				{ margin-top:1em; }
#content .sermonbox					{ position:relative; padding:10px 0; margin-bottom: 0; border-top: 1px dotted #2D2A26;}
#home #content .sermonbox 			{ padding:0 0 10px; margin-bottom:10px;}
#content .sermonbox h4 				{ margin:1em 0 0.5em; padding:0; }
#content .sermonbox h5 				{ margin-bottom: 5px; font-family: lucida grande, arial, sans-serif; color:#fff;font-size: 1em;}
#content .sermonbox h5 a 			{ margin-right:10px; color: #fff; font-size: 1.3em; }
#content .sermonbox p				{ padding: 0; margin: 0;  }
#content .sermonbox p.sermonlink	{ margin-top: 10px; }
#content .sermonbox p.eventtime		{ margin-bottom: 0; }
#content .sermonbox ul 				{ position:absolute; top:25px; right:10px; margin:0; padding:0; list-style:none; }
#content .sermonbox li 				{ float:left; margin:0 4px;   }
#content .sermonbox li a			{ display:block; height:16px; width:16px; text-indent:-999em; text-decoration:none; }	
#content .sermonbox li a:focus 		{ outline:none; }
#content .sermonbox li.sl_listen 	{ background: url(/images/play_icon.gif) no-repeat; }
#content .sermonbox li.sl_download 	{ background:url(/images/download_icon.gif) no-repeat; }
#content .sermonbox li.sl_notes		{ background: url(/images/notes_icon.gif) no-repeat; }
#content .sermonbox li.sl_video 	{ background: url(/images/video_icon.gif) no-repeat; }

#content #mediabox					{ 
									  float:right;  width: 125px; padding: 10px 10px 0; margin:0; list-style: none; 
									  background:#2d2a26; border:3px solid #2d2a26; 
								    }
#content #mediabox li 				{ margin-bottom: 6px; font-size: 1.1em; font-weight: bold; }
#content #mediabox li a				{ display: block; height: 16px; padding:2px 0 2px 20px; background-repeat: no-repeat; }
#content #mediabox li#mb_links		{ background:#4c463f; margin:-10px -10px 10px; padding:10px; }
#content #mediabox li#mb_print a	{ background-image: url(/images/print_icon_app.gif); }
#content #mediabox li#mb_video a	{ background-image: url(/images/video_icon_app.gif); background-position:0 2px }
#content #mediabox li#mb_download a	{ background-image: url(/images/download_icon_app.gif); }
#content #mediabox li#mb_notes a	{ background-image: url(/images/notes_icon_app.gif); }
#content #mediabox li#mb_jukebox a	{ background-image: url(/images/play_icon_app.gif); }
#content #mediabox li#mb_podcast a	{ background-image: url(/images/feed_icon_app.gif);}
/* @end */

/* @group HOW IT WORKS */
#content ul#how-it-works			{ margin:0; padding:0; list-style:none; height:30px; background:#2d2a26; border:5px solid #4d473f; }
#how-it-works li					{ display:inline; line-height:30px; padding-left:20px; margin-right:10px; }
#how-it-works li#how				{ font-weight:bold; padding-left:10px; }
#how-it-works li#play				{ background:url(/images/play_icon_app.gif) no-repeat left center; }
#how-it-works li#save				{ background:url(/images/download_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; }
/* @end */

/* @group SORTING */
#sorting							{ margin-top:50px; padding:10px; width:242px; margin-left: 10px; }
#sidebar #sorting h3				{ 
									  margin-bottom: .7em; margin-left:-9px; padding: 0 0 10px 8px; border-bottom: 1px dotted #2D2A26; color: #F4F3E8; 
							 		  font-size: 1.4em; font-weight: normal; 
							 		}
#sorting label, #sorting select		{ display:block }
#sorting label						{ font-size:1.2em; color:#fff; margin-bottom:.5em; }
#sorting select						{ width:90%; margin-bottom:1.5em; }
#sorting a							{ font-size:1.2em; color:#96b32b }
#sorting a:hover					{ text-decoration:none; }
/* @end */