/* @override http://cedarrun.monkcms.net/_css/sermons.css */

/* Sidebar - Sermons */
#sidebar p#side-podcastlink{
   position: absolute;
   width: 49px;
   height: 40px;
   top: 10px;
   right: 10px;
   margin: 0;
   text-indent: -9999px;
}

#sidebar p#side-podcastlink a{
   display: block;
   height: 40px;
   background: url(/_img/bg_sidebar_podcastlink.png) no-repeat;   
}

#sidebar p#filter{
   margin: 10px 0 15px;
   line-height: 1.5;
}

#sidebar p#filter select{
   width: 120px;
   float: right;
}

#sidebar .sermonSB{
  margin-bottom: 9px;
  border: 1px solid #607374;
}

#sidebar .sermonSB .sectionWrap{
  width: 185px;
  padding: 10px;
  padding: 5px 6px;
  border: 1px solid #ffffff;
  border-left: 1px solid #e2e9e9;
  border-right: 1px solid #dfe6e6;
  background: #8aa5a7;
}

#sidebar .sermonSB .section{
  padding: 4px 3px;
  background: #d0dbdc;
  font-size: 12px;
  text-transform: uppercase;
  list-style: none;
}

#sidebar .sermonSB h4{
  display: block;
  padding: 4px 7px 7px;
  background: #3f1a10;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}

#sidebar .section ul{
  clear: both;
}

#sidebar .section ul li {
  padding: 0;
  list-style-type: none;
  text-transform: none;
  background: url(/_img/bg_subnav_li_li.png) repeat-x left bottom;
}

#sidebar .section ul li.last{
  background: none;
}

#sidebar .section ul li a{
  padding: 9px 7px 11px;
  color: #3F1A10;
  background: none;
  text-decoration: none;
  line-height: 2;
}

/* = Sermons  
---------------------------------------------------------------------
*/
#sermons #content{
   position: relative;
   margin-bottom: 15px;
   background: #FFF;
   clear: both;
}

#content #current-sermon h5{
   height: 20px;
   margin-bottom: 15px;
}

#sermons #content h3{
   font-weight: bold;
   line-height: 1.4;
}

#sermons h3.sermongroup{
   margin: 24px 0 10px;
}

#content h3 a:hover{
   text-decoration: underline;
}

#sermons #content #current-sermon{
   padding: 20px 0 40px;
}

#sermons #content #current-sermon .sermon-meta{
}

#sermons #content #current-sermon p{
   margin: 0;
}

#sermons #content #current-sermon p.series,
#sermons #content #current-sermon p.category{
   font-weight: bold;
   line-height: 1.5;
   margin-bottom: 5px;
}

#sermons #content #current-sermon p.series a,
#sermons #content #current-sermon p.category a{
   font-weight: normal;
   text-decoration: none;
}

#sermons #content #current-sermon p.series a:hover,
#sermons #content #current-sermon p.category a:hover{
   text-decoration: underline;
}

#sermons #content #current-sermon p.byline{
   margin-bottom: 1em;
   line-height: 1.2;
}

#sermons #content ul#mediabox{
   float: right;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   margin: 0 0 20px 20px;
   width: 228px;
}

#sermons #content ul#mediabox li{
   margin: 0 0 2px;
   padding: 0;
   background: url(/_img/bg_mediabox_li.png);
   float: left;
}

#sermons #content #mediabox li a{
   display: block;
   width: 78px;
   height: 23px;
   padding: 7px 0 0 36px;
   background-position: 18px 9px;
   background-repeat: no-repeat;
   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

#sermons #content li#mb_listen a{
   background-image: url(/_img/bg_mb_listen.png);
}

#sermons #content li#mb_download a{
   background-image: url(/_img/bg_mb_download.png);
}

#sermons #content li#mb_video a{
   background-image: url(/_img/bg_mb_watch.png);
}

#sermons #content li#mb_notes a{
   background-image: url(/_img/bg_mb_notes.png);
}

#content .sermonbox{
   position: relative;
   clear: both;
   padding: 10px 15px 8px;
   border-top: 1px solid #e3dfda;
   background: #EDEBE8;
}

#content .sermonbox.alt{
   background: #f6f5f3;
}

#content .sermonbox:hover{
   background: #F6F3CA;
}

#sermons #content .sermonbox h4 a{
   text-decoration: none;
}

#sermons #content .sermonbox h4 a:hover{
   text-decoration: underline;
}

.sermonmeta{
   width: 310px;
}

#content .sermonbox p{
   color: #6E624C;
}

#content .sermonbox ul{
   position: absolute;
   top: 12px;
   right: 13px;
   _right:43px;
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 999;
}

#content .sermonbox li{
   float: left;
   padding: 0;
   background: none;
   text-indent: -9999px;
}

#content .sermonbox li a{
   display: block;
   width: 36px;
   height: 29px;
   background-repeat: no-repeat;
}

#content .sermonbox:hover li a{
   background-position: left top;
}

#content .sermonbox li.sl_listen a{
   background-image: url(/_img/bg_sermonlist_listen.png);
}

#content .sermonbox li.sl_download a{
   background-image: url(/_img/bg_sermonlist_download.png);
}

#content .sermonbox li.sl_video a{
   background-image: url(/_img/bg_sermonlist_video.png);
}

#content .sermonbox li.sl_notes a{
   background-image: url(/_img/bg_sermonlist_notes.png);
}


#pagination span.paginate_label{
   display: block;
   float: left;
   margin-right: 5px;
}

#pagination a#off{
   display: none;
}

p#pagination{
   float: left;
   display: block;
   margin: 20px 0 0;
   line-height: 14px;
   height: 14px;
}

#pagination a#current{
   font-weight: bold;
   display: block;
   color: #464646;
   float: left;
   margin: 0 8px;
   text-decoration: none;
}

#pagination a{
   margin: 0 8px;
   text-decoration: underline;
   display: block;
   float: left;
}

#pagination a:hover{
   text-decoration: none;
}

#pagination a#next{
	width: 14px;
	text-indent: -9999px;
	height: 14px;
	margin-top: 1px;
	margin-left: 4px;
	background: url(/_img/bg_paginate_next.png) no-repeat;
}

#pagination a#previous{
   width: 14px;
   height: 14px;
   text-indent: -9999px;
   margin: 1px 4px 0;
   background: url(/_img/bg_paginate_prev.png);
}

#sermons p#backtoarchive{
   margin-top: 20px;
   float: left;
}

#sermons p#backtoarchive a{
   display: block;
   padding: 3px 10px;
   border: 1px solid #e3dfda;
   background: #EDEBE8;
   line-height: 1.5;
}

#content ul#byline{
   float: left;
   display: inline;
   padding: 5px 5px 4px;
   list-style: none;
   margin: 0 0 20px;
   max-width: 380px; /* keeps byline from overflowing into ul#mediabox */
   _width: 380px;
}
