/* @override http://calvaryspringfield.monkcms.net/_css/default.css */

/* = Sermons  
---------------------------------------------------------------------
*/

#content #current-sermon h5{
   background: #B9DA1E url(/_img/bg_sermons_h5_featured.png) no-repeat;
   text-indent: -9999px;
   height: 20px;
   width: 62px;
   margin-bottom: 15px;
}

#sermons #content h3{
   font-size: 1.3em;
   font-weight: bold;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   line-height: 1.4;
}

#sermons #content h3 a{
   color: #274247;
}

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

#sermons #content{
   position: relative;
   margin-bottom: 15px;
   background: #FFF;
}

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

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

#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{
   color: #545454;
   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;
   font-size: 1.1em;
   line-height: 1.2;
   color: #545454;
}

#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: #D4E57E;
}

#sermons #content .sermonbox h4{
   margin: 0 0 5px;
   color: #1E1E1E;
   font-size: 1.2em;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   line-height: 1.3;
   text-transform: none;
}

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

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

.sermonmeta{
   width: 310px;
}

#content .sermonbox p{
   color: #6E624C;
   font-size: 1.1em;
}

#content .sermonbox p.comments{
   height: 15px;
   margin: 0;
   padding-left: 19px;
   background: url(/_img/bg_comments.gif) no-repeat left center;
}

#content .sermonbox.alt p.comments{
   background-position: left bottom;
}

#content .sermonbox:hover p.comments{
   background-position: left top;
}

#content .sermonbox p.comments a{
   color: #0F6131;
}

#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);
}

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

#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);
}


#sidebar p#side-podcastlink{
   position: absolute;
   width: 49px;
   height: 40px;
   top: 2px;
   right: 0;
   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: 20px 0 25px;
   font-size: 1.2em;
   color: #233257;
   font-weight: bold;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#sidebar p#filter select{
   width: 130px;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   margin-left: 8px;
}

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

#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;
}

#sermons #sidebar ul,
#blogs #sidebar ul{
   list-style: none;
   padding-left: 10px;
   margin-bottom: 20px;
}

#sermons #sidebar ul li,
#blogs #sidebar ul li{
   font-size: 1.4em;
   margin-bottom: .5em;
   line-height: 1.4;
   margin-left: 12px;
}

#sermons #sidebar ul li a,
#blogs #sidebar ul li{
   color: #2d2617;
}

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

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

#sermons #content #mediabox li a{
   display: block;
   width: 78px;
   height: 23px;
   padding: 7px 0 0 36px;
   color: #545454;
   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);
}

#sidebar #side-sermons{
   padding-left: 20px;
}

/* = Events  
---------------------------------------------------------------------
*/

#content #calendar-outer{
   position: relative;
   margin-top: 30px;
}

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #e3dfda;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.8em;
   font-weight: normal;
   color: #26365d;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 16px;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 150px;
}

#content table.calendar caption span.calendar-next{
   right: 150px;
}

#content table.calendar th{
   padding: 6px 0;
   background: #006FA6;
   color: #fff;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 100px;
   height: 68px;
   padding: 2px;
   border: 1px solid #e3dfda;
   border-left: 0;
   border-top: 0;
   background: #F9F9F9;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #e8e8e8;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
   background: none;
   list-style-position: outside;
}

#content table.calendar td li a{
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* = Blogs  
---------------------------------------------------------------------
*/

#blogs #content h3,
#articles #content h3{
   font-size: 1.5em;
   font-weight: bold;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   line-height: 1.4;
}

#blogs #content h3 a,
#articles #content h3 a{
   color: #274247;
}

#blogs #content h4{
   font-size: 1.2em;
   color: #004d73;
}

#blogs #content h4 a,
#blogs #content h5 a{
   font-weight: bold;
   color: #004d73;
}

#blogs #content h5{
   font-size: 1.1em;
   color: #004d73;
   margin-bottom: .75em;
}

#content .post{
   padding: 15px;
   border-top: 1px solid #e3dfda;
   background: #EDEBE8;
   width: 550px;
   float: left;
}

#content .post p.meta{
   float: left;
   margin-right: 10px;
}

#content .post p.summary{
   clear: left;
}

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

#content .post p{
   font-size: 1.1em;
}

#content .post p.more{
   float: left;
   clear: left;
   margin-bottom: 0;
}

.blogmeta{
   float: right;
   margin-right: 5px;
}

#blogs #content .blogmeta h5{
   float: left;
   margin-left: 15px;
   margin-bottom: 7px;
   line-height: 1.5;
}

#blogs #comments{
   clear: both;
}

#blogs #comments form label{
   display: block;
   font-size: 1.3em;
   font-weight: bold;
   color: #484848;
   margin-bottom: 10px;
}

#blogs #comments textarea{
   border: 1px solid #e3dfda;
   background: #F5F4F2;
   width: 400px;
   height: 200px;
   margin-bottom: 10px;
}

#blogs .comment{
   margin-bottom: 30px;
}

#blogs .comment p{
   font-size: 1.1em;
}

#blogs #content .comment h5{
   border-bottom: 1px solid #BAD6E3;
   padding-bottom: 5px;
}

/* = Galleries  
---------------------------------------------------------------------
*/

.gallerybox{
   float: left;
   display: inline;
   margin-right: 40px;
   height: 170px;
   width: 200px;
}

.gallerybox p.galimg {
	width: 130px;
	height: 86px;
	overflow: hidden;
	border: 3px solid #026799;
}

#content .gallerybox h4 {
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 2px;
}

#content .gallerybox p { font-size: 1.1em; }

#gallery a img {
	border: none;
	margin: 0;
}
p#galnav {
	text-align: right;
	width: 550px;
	clear: both;
}
p#galnav a {
	text-decoration: none;
	color: #4d3e27;
}
p#galnav a.navhome { font-weight: bold; }
p#galnav a:hover { text-decoration: underline; }
#gallerycontent p#enlarge {
	float: left;
	margin-top: -30px;
}

p#photodetail img { width: 550px; }

p#photodetail {
	width: 592px;
	float: left;
}
#gallerycontent h2 {
	font-size: 2.4em;
	color: #4d3e27;
}
#gallerycontent p.img_box {
	width: 250px;
	float: left;
	padding-right: 30px;
}
#gallerycontent p.img_box a {
	width: 222px;
	height: 140px;
	display: block;
	overflow: hidden;
	border: 3px solid #463923;
}
#gallerycontent p.img_box img { float: left; }