/* Podcast List */
.sermon-list { 
    background: #ECEBE6;
    margin: 0;
    padding:10px;
    position: relative }
    
.sermon-list:hover { background: #F6F6F3 }

.sermon-list h5 { 
    color: #537CA6;
    font-size: 13px;
    font-weight: bold;
    margin:0pt;
    padding-bottom: 5px }
    
.sermon-list h5 a {
    color: #537CA6;
    font-size: 13px;
    font-weight: bold;
    margin:5px 0pt;
    text-decoration: none }
    
.sermon-list h5 a:hover { text-decoration: underline }

.sermon-list p { color: #333333; font-size: 12px; padding-bottom:5px }

.sermon-list ul { 
    list-style: none;
    position: absolute;
    right: 13px;
    top: 32px;
    width: 110px }
    
.sermon-list li { float: left;text-indent: -9999px }

.sermon-list li a { 
    display: block;
    height: 16px;
    margin-right: 15px; 
    width: 16px }
    
.sermon-list li.listen a     { background: url("images/listen.gif") no-repeat; margin-right: 13px }
.sermon-list li.download a   { background: url("images/download.gif") no-repeat }
.sermon-list li.notes a      { background: url("images/notes.gif") no-repeat }

.sermon-list a { color: #333333 }

/* Podcast View */
#sermon-view { clear: both }
    
#sermon-view h2.listtitle { 
    border-bottom: 1px #537CA6 solid;
    color:#537CA6;
    font-size: 15px;
    font-weight: bold;
    padding:5px;margin:0pt }
    
#sermon-view ul#byline { 
    display: inline;
    float: left;
    font-size: 12px;
    list-style-image: none;
    list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 }
	
#sermon-view #byline li { line-height: 1.5 }

#sermon-view ul#mediabox, #sermon-view #text { background-color: #F6F6F3; border: 1px #DCDCD0 solid }

#sermon-view ul#mediabox {
    float: right;
    font-size: 12px;
    list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:10px 0pt;
	padding: 5px 5px 0pt;
	width: 125px }
	
#sermon-view #mediabox li { font-weight: bold; margin-bottom: 8px }

#sermon-view #mediabox li a {
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    padding-left: 22px }

#sermon-view #mediabox li#listen a 	    { background-image: url("images/listen.gif") }
#sermon-view #mediabox li#download a 	{ background-image: url("images/download.gif") }
#sermon-view #mediabox li#email a 	    { background-image: url("images/email.gif") }
#sermon-view #mediabox li#feed a 		{ background-image: url("images/feed.gif") }
#sermon-view #mediabox li#tweet a 		{ background-image: url("images/twitter.gif") }

#sermon-view #text {color: #333333; clear: both; padding:10px; }

/* Rating & Comments */
.ratingtitle, .commenttitle {
    margin: 8px 0pt;
    padding: 4px;
    background-color: #666563;
    clear: both }
.ratingtitle span, .commenttitle span {
    font-size: 15px;
    font: normal normal bold 100% Tahoma;
    color: #ECEBE6 }
.comments { background: url("images/comment.gif") no-repeat }
    
.authorbox { padding: 0 0 5px 0; margin-left: 85px }

.authorbox p, .authorbox div { font-size: 11px; margin: 0pt }

.commentbox {
    margin-left: 100px;
    padding: 5px;
    border: 1px #DCDCD0 solid;
    background-color: #F6F6F3 }
    
.commentbox p, .commentbox div { font-size: 11px; margin: 0pt }

.postcomment { padding: 10px; font-size: 11px; clear: both }

.author, a.author:link, a.author:visited, a.author:active {
    font-weight: normal;
    font-size: 11px;
    color: #537CA6;
    text-decoration: none }
    
a.author:hover {
    font-size: 11px;
    color: #537CA6;
    text-decoration: underline }

.articlebox {padding: 10px}

.subscribe {float:right;border:0px}


/* Standard CSS - from Ventrian */
.article 
{
    clear: both;
    text-align: left;
    margin-bottom : 25px;
}

.articleHeadline h1 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
}

.articleAuthor { 
	margin-top:5px;
} 

.articleCalendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

.articleCalendarIcon-01 {
  background: url('images/01.gif');
}

.articleCalendarIcon-02 {
  background: url('images/02.gif');
}

.articleCalendarIcon-03 {
  background: url('images/03.gif');
}

.articleCalendarIcon-04 {
  background: url('images/04.gif');
}

.articleCalendarIcon-05 {
  background: url('images/05.gif');
}

.articleCalendarIcon-06 {
  background: url('images/06.gif');
}

.articleCalendarIcon-07 {
  background: url('images/07.gif');
}

.articleCalendarIcon-08 {
  background: url('images/08.gif');
}

.articleCalendarIcon-09 {
  background: url('images/09.gif');
}

.articleCalendarIcon-10 {
  background: url('images/10.gif');
}

.articleCalendarIcon-11 {
  background: url('images/11.gif');
}

.articleCalendarIcon-12 {
  background: url('images/12.gif');
}

.articleCalendarDay {
  font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
  font-size:17px;
  font-weight: bold;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 15px;
}

.articleEntry {
    margin: 10px 5px;
} 

.articleImage { 
	margin : 2px 10px 4px 4px;
	float : left;
}

.articleViewImage { 
		margin : 9px 0px 4px 0px;
	float : left;
}

.articlePaging { 
    border-bottom:1px dotted #D8D8D8;
	padding-bottom : 2px;
	margin-bottom : 2px;
} 

.articleCategories  {
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px;
} 

.postRating h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.articleComments { 
    text-align: left;
} 

.articleComments h2 {
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.articleComment { 
	margin : 5px 0 0px 0;
	padding : 5px;
	min-height : 100px;
	height:auto !important;
	height:100px;
} 

.articleCommentGravatar { 
	margin : 2px 10px 4px 4px;
	float : left;
}

.articleCommentContent {
    text-align: left;
    padding:0px 5px 10px 5px;
}

.articleCommentAuthor { 
} 

.articleCommentDate { 
    border-bottom:1px dotted #D8D8D8;
    margin-bottom:2px;
    padding-bottom:2px;
} 

.postComment 
{
    text-align: left;
}

.postComment p, .postComment div
{
    padding:2px 10px;
    margin: 0px;
}

.postComment h2
{
    margin-bottom: 0px;
    background-color:#F0F0F0;
    border:1px dashed #C8C8C8;
    padding-left: 5px;
}

.postComment input
{
    width: 150px;
}

.postComment #notify input
{
    width: 20px;
}

.postComment textarea
{
    width: 450px;
    height: 150px;
}