/* @override 
	http://gcc.dev/css/media.css
	http://gracecorning.org/css/media.css
*/

/* @group SERMON STYLES */
 #subscribe					{ position:absolute; top:10px; right:85px; padding:4px 0 4px 20px; background:url(/images/media/feed_icon.png) no-repeat left center; font-size: 1.2em;}
 #subscribe:hover			{ text-decoration:none; }
 #byline					{ margin:0; padding:0; list-style:none;}
.sermonbox					{ position:relative; padding:14px 0; border-top:1px solid #ebebeb; width: 95%;}
.sermonbox p				{ }
#mainContent h5			{ font-size:14px; }
.sermonbox a 				{ font-weight: bold; text-decoration: none; }
.sermonbox a:hover 			{ text-decoration: underline; }
.sermonbox ul				{ position:absolute; top:25px; right:5px; padding:0 4px; margin:0; list-style:none !important; height:24px;  }
.sermonbox li				{ float:left; margin-right:8px;}
.sermonbox li a				{ width:18px; height:20px; background:url(/images/media/icons.png) no-repeat; text-indent:-999em; display:block; }

#mainContent .sermonbox p	{ margin-bottom:3px; }

#legend #play,
#sorting .sl_listen a,
#sorting #mb_jukebox a,
.sermonbox .sl_listen a		{ background-position:left 1px; margin-right: 3px; }

#legend #save, 
#sorting .sl_download a,
#sorting #mb_download a,
.sermonbox .sl_download a	{ background-position:left -18px; margin-right: 3px;  }

#sorting .sl_video a,
#legend #video,
#sorting #mb_video a,
.sermonbox .sl_video a		{ background-position:left -58px;  }

#sorting .sl_notes a,
#legend #notes, 
#sorting #mb_notes a,
.sermonbox .sl_notes a		{ background-position:left -38px;margin-right: 3px;  }


#main p.date				{ font-size:12px; margin:0; font-family: helvetica, arial, sans-serif; color: #fff; }
#main h5					{ text-transform:none; margin-top: 5px; margin-bottom: 8px; text-decoration: none;}
#main h5 a					{ text-transform:none; margin-top: 5px; margin-bottom: 8px; text-decoration: none;}
#main h5 a:hover			{ text-decoration: underline;}
#main .sermonbox p			{ margin:0; font-family: helvetica, arial, sans-serif; }
/* @end SERMONS */

	/* @group HOW IT WORKS */
	#primaryContent #how-it-works				{ height:22px; margin:10px 0; padding:8px 0 2px; list-style:none; background:#BEDCF0; width: 95%;}
	#how-it-works li			{ padding-left:22px; font-size:1.2em; float:left; display:inline;  margin-right:30px; background:url(/images/media/icons.png) no-repeat right; }
	#how-it-works li#how{
   background: none;
}
	#how-it-works li#play		{ background-position:left -1px; }
	#how-it-works li#save		{ background-position:left -21px; }
	#how-it-works li#notes		{ background-position:left -41px; }
	#how-it-works li#video		{ background-position:left -61px; }
	/* @end */

/* @group SORTING */
#sorting h3{
   color: #4e4e4e;
   font-weight: bold;
   font-size: 1.4em;
   text-transform: uppercase;
   border-bottom: 1px solid #e2e2e3;
   padding-bottom: 5px;
   display: block;
}
#sorting label				{ color:#666; font-size: 1.2em; font-weight: bold; margin-top:20px; display:block; margin-bottom: -10px; margin-left: 10px;}
#sorting select				{ display:block; margin:1.4em 0 1.4em 10px; width:156px; border:1px solid #ccc; padding:4px; color:#666;}
#sorting a					{ font-size:1.3em; color:#2b9cd6; }
#sorting a:hover			{ text-decoration:none; }
#sorting a:focus			{ outline:none; }
/* @end SORTING */

/* @group MEDIA LINKS */
#sorting ul					{ margin:0 0 0 10px; padding:0; list-style:none; }
#sorting li					{ margin:1.5em 0; }
#sorting li a				{ font-size:14px; color:#2b9cd6; padding:2px 0 2px 22px; background:url(/images/media/icons.gif) no-repeat; }
#blog #sorting ul			{ margin-bottom:25px; }
#blog #sorting li a			{ background:none; padding-left:12px; }
#sorting li a:hover			{ text-decoration:none; }
#sorting .sl_podcast a		{ background-position:left -98px; }
/* @end SORTING */