#banner { background-image: url(http://www.canyoncreekonline.com/img/banner_sermonarchives.jpg); }

#series h2 { font-size: 14pt; line-height: 1em; }
#series h2 span { font-size: 12pt; font-weight: 500; text-transform: lowercase; }
#series h3 { font-size:12pt; font-weight:500; line-height:1em; margin-bottom:5px; }
#series h3 a:link,
#series h3 a:visited { color: #de5f2a; }
#series h3 a:hover { color: #3d9fb8; }
#video { display: none; }

img#main_img { margin: 4px 0 0 8px; }
ul#semons, ul#videos, ul#blogs { list-style-type:none; margin:10px 0 0; padding:0; }

div.entry { display:block; line-height:1em; margin:0 20px 12px 0; padding:0; width:330px; }
div.entry p { line-height:1em; margin-bottom:0; }
div.entry br {line-height:0;}
div.entry span {margin-top:3px;}

#main_content h2 { color:#85c14f; font-family:"Bell Gothic Std Black",Helvetica,Arial,sans-serif; font-size:12pt; letter-spacing:-1px; line-height:1em; margin-bottom:5px; text-transform:uppercase; }
.sermon { position: relative; }
.sermon.alpha {clear:both;}

#highlighted h2 span { font-size: 12pt; font-weight: 500; text-transform: lowercase; }
#highlighted .sermon img { background: transparent url(http://www.canyoncreekonline.com/img/med_pic_bg.png) scroll no-repeat 0 0; margin-left: -10px; padding: 3px 7px 12px 8px; }

.sermon img { background: transparent url(http://www.canyoncreekonline.com/img/pic_bg.png) scroll no-repeat 0 0; margin-left: -10px; padding: 2px 7px 4px 4px; }
.sermon h2 { font-size: 14pt; line-height: 1em; margin-bottom: 10px; }
.sermon p.title { color: #85c14f; font-weight: 600; line-height: 1.05em; margin-left: -5px; text-transform: uppercase; } 
.sermon p.title a:link, .sermon p.title a:visited { color: #85c14f; }
.sermon p.title a:hover { color: #a6df62; }
.sermon p.title span.date { color: #ddd; font-size: .85em; font-weight: normal; text-transform: none; }
.sermon p span { font-weight: 600; }
.sermon ul { list-style-type: none; margin: 0; padding: 0; }
.sermon ul li { font-size: 11pt; line-height: 1em; margin: 0 0 8px; padding: 0; }
.sermon ul li a:link,
.sermon ul li a:visited { color: white; }
.sermon .links { display: none; }

#side_nav h2 { text-align: center; }
#past_sermons .rule { background-image: url(http://www.canyoncreekonline.com/img/separator_grid12_alt.png); clear: both; margin-top: -40px; }
p.back2top { position: relative; right: -400px; }

.accordion h3,
.accordion h4 { cursor: pointer; }
.accordion ul { display: none; }

#sidebar { background-color: #2e1912; border: 1px solid #1e130f; width: 218px; }
#sidebar h2 { margin: 8px 8px 0; }
#sidebar ul { list-style-type: none; margin: 0 8px 8px; }
#sidebar li { margin: 0; padding-left: 4px; }

.sermon h2 a { color: #85c14f; }
.sermon h2 a:hover { color: #a6df62; }

#related_content h2 { clear: both; }

.medpic_bg { margin: 6px 0 13px -5px; }
.medpic_bg #promo_video { background: transparent none center; border: none; display: block; height: 226px; left: 8px; margin: 0; padding: 0; position: absolute; top: 4px; width: 400px; transition: background .2s ease-in; -moz-transition: background .2s ease-in; -webkit-transition: background .2s ease-in; }
.medpic_bg #promo_video:hover { background: rgba(255,255,255,0.1) url(/images/play_btn.png) no-repeat center; border: none; }

#promo_video { background: url(/images/promo_vid_btn.png) no-repeat scroll 0 0; display: block; height: auto; margin-bottom: 15px; padding: 1em; text-indent: -9999px; width: auto; }
#promo_video:hover { background-position: 0 -51px; border-color: rgba(255,255,255,0.9); }

div#tabs { background:#2e1912 url() no-repeat scroll 0 0; background-color:rgba(40,18,10,.6); border:1px solid #1e130f; margin-bottom: 20px; padding:10px 25px; }
div#tabs > ul { list-style-type:none; height:15px; margin:0 0 20px -25px; padding:0; width:400px; }
div#tabs > ul li { float:left; height:30px; margin:-10px 0 0; padding:0; width:133px; }
div#tabs > ul li.last {width:134px;}
div#tabs > ul li a { background-color:rgba(40,18,10,.8); border:1px solid #1e130f; border-left: none; border-top:none; color:#85c14f; display:block; height:30px; font-size:12pt; font-weight:600; padding-top:5px; text-align:center; width:132px }
div#tabs > ul li.last a { border-right:none; width:131px; }
div#tabs > ul li.ui-tabs-selected a, div#tabs ul li.ui-tabs-selected a:hover { background-color:transparent; border-bottom:1px solid transparent; }
div#tabs > ul li a:hover {color:#a6df62;}
div#tabs > div {padding-top:8px;}