/* @override 
	http://www.fpcboulder.org/_css/styles.css
*/

/* Site: shorelife community church
   author: adam@monkdevelopment.com
 */

/* @group Initial */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1px;
}
body {
    font-size: 62.5%;
	line-height: 1em;
	color: black;
	background-color: #91D6DC;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

hr{
   display: none;
}
b,strong{
	font-weight: bold;
}
i,em{
  font-style: italic;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
   overflow: hidden;
}

#container{
   width: 940px;
   margin: 0 auto;
   position: relative;
}

#container-outer{
	margin: 0 auto;
	position: relative;
	background: #D1CCB8 url(../_img/bg_container-outer.jpg) repeat-x;
}

/* actual width: 1282px - swapped to auto to eliminate right shift in Safari. */
#container-inner{
	width: auto;
	min-height: 707px;
	background: url(../_img/bg_content.jpg) no-repeat;
	margin: 0 auto;
}

#content-wrap{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

a{
   overflow: hidden;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*.transparent {
	 filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}*/


/* @end */
/* @group Header */

#header{
	height: 108px;
	position: relative;
	background: url(../_img/bg_header.jpg) no-repeat 150px 0;
}

#header h1{
	position: absolute;
	width: 138px;
	height: 82px;
	left: 0;
	top: 7px;
}

#header h1 a{
	display: block;
	text-indent: -9999em;
	width: 138px;
	height: 82px;
	background: url(../_img/bg_h1-sm.png) no-repeat;
}

#memberlinks{
	position: absolute;
	right: 6px;
	top: 28px;
	color: #fff;
	font: 1.2em "Lucida Grande", Arial, Helvetica, sans-serif;
}

#memberlinks a{
	color: #fff;
	font: 1em "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#search{
	position: absolute;
	right: 0;
	top: 50px;
}

#searchForm fieldset{
	width: 255px;
}

#search #search_term{
	border-style: none;
	font-size: 12px;
	width: 165px;
	padding: 5px 8px 5px 28px;
	background: url(../_img/bg_search.jpg) no-repeat;
	color: #7D7D7D;
	float: left;
	margin-right: 6px;
}
#search a#search_go{
	display: block;
	height: 24px;
	width: 44px;
	background: url(../_img/bg_search_go.jpg) no-repeat;
	text-indent: -9999em;
}

/* @end */
/* @group Navigation */

#nav{
   list-style: none;
   position: absolute;
	display: block;
	left: 0;
	bottom: 0px;
}

#nav li{
   float: left;
	padding-left: 10px;
	margin-right: 15px;

}

#nav li a{
   display: block;
   color: #fff;  
   text-decoration: none;
   padding-top: 11px;
   margin-right: -5px;
   padding-right: 10px;
   padding-bottom: 0px;
   font: bold 1.3em "Trebuchet MS";
   text-transform: uppercase;
}

#nav li a:hover{
	color: #3C7F87;
}

#nav li.current{

}

#nav li.current a{

}

#nav li.current a:hover{

}

/* @end */


/* @group Subnav */
#sidenav{
	margin-bottom: 25px;
}
#sub #sidebar h3{
	font: 1.4em Arial, Helvetica, sans-serif;
}

#sub #sidebar #subnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sub #sidebar #subnav li{
	color: #32281E;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	list-style-type: none;
	list-style-image: none;
	margin-top: 4px;
}

#sub #sidebar #subnav li.current a{
	background-color: #fff;
	color: #32281E;
}

#sub #sidebar #subnav li li{
	padding-left: 0;
	background: none;
}

#sub #sidebar #subnav li a{
	color: #32281E;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.3em;
	display: block;
	height: auto;
	padding: 10px 0 10px 20px;
	background: #CFC7AA;
}

#sub #sidebar #subnav li a:hover, 
#sub #sidebar #subnav li.current li a:hover{

}

#sub #sidebar #subnav li ul{
	display: none;
}

#sub #sidebar #subnav li li a{
	font-size: 1.3em;
	background-image: none;
}

#sub #sidebar #subnav li.current li li a, #sub #sidebar #subnav li.current li.current li a{
	color: #706d62;
}

#sub #sidebar #subnav li.current li li{
	padding-left: 10px;
}



#sub #sidebar #subnav li.current li.current li.current a{
	color: #fffeff;
}

#sub #sidebar #subnav li.current ul {
    margin-left: 15px;
	display: block;
}


#sub #sidebar #subnav li.current {
	background-position: 0 -19px;
}

#sub #sidebar #subnav li.current.nosub{
	background-position: 0 0px;
}

#sub #sidebar #subnav li.current a, #sub #sidebar #subnav li.current li.current a{
	color: #32281E;
}

#sub #sidebar #subnav li.current li a{
	color: #3C7F85;
	font-size: 1.2em;
	background: none;
}

#sub #sidebar #subnav li.current li ul{
	display: none;
}

#sub #sidebar #subnav li.current li.current ul{
	display: block;
}

/* @end */

/* @group Subnav */
#sidenav{
	margin-bottom: 25px;
}
#sub2 #sidebar h3{
	font: 1.4em Arial, Helvetica, sans-serif;
}

#sub2 #sidebar #subnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sub2 #sidebar #subnav li{
	color: #32281E;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	list-style-type: none;
	list-style-image: none;
	margin-top: 4px;
}

#sub2 #sidebar #subnav li.current a{
	background-color: #fff;
	color: #32281E;
}

#sub2 #sidebar #subnav li li{
	padding-left: 0;
	background: none;
}

#sub2 #sidebar #subnav li a{
	color: #32281E;
	text-decoration: none;
	font-size: 1.3em;
	line-height: 1.3em;
	display: block;
	height: auto;
	padding: 10px 0 10px 20px;
	background: #CFC7AA;
}

#sub2 #sidebar #subnav li a:hover, 
#sub2 #sidebar #subnav li.current li a:hover{

}

#sub2 #sidebar #subnav li ul{
	display: none;
}

#sub2 #sidebar #subnav li li a{
	font-size: 1.3em;
	background-image: none;
}

#sub2 #sidebar #subnav li.current li li a, #sub2 #sidebar #subnav li.current li.current li a{
	color: #706d62;
}

#sub2 #sidebar #subnav li.current li li{
	padding-left: 10px;
}



#sub2 #sidebar #subnav li.current li.current li.current a{
	color: #fffeff;
}

#sub2 #sidebar #subnav li.current ul {
    margin-left: 15px;
	display: block;
}


#sub2 #sidebar #subnav li.current {
	background-position: 0 -19px;
}

#sub2 #sidebar #subnav li.current.nosub{
	background-position: 0 0px;
}

#sub2 #sidebar #subnav li.current a, #sub2 #sidebar #subnav li.current li.current a{
	color: #32281E;
}

#sub2 #sidebar #subnav li.current li a{
	color: #3C7F85;
	font-size: 1.2em;
	background: none;
}

#sub2 #sidebar #subnav li.current li ul{
	display: none;
}

#sub2 #sidebar #subnav li.current li.current ul{
	display: block;
}

/* @end */


/* @group Content */

#content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	padding-top: 10px;
}
#content h2{
	color: #36281E;
	font-size: 3em;
	margin-bottom: 15px;
	line-height: 1.2em;
}

#content h2.pagetitle{
	margin-bottom: 25px;
}

#content h3{
	font-size: 2em;
	line-height: normal;
	color: #3C7E84;
	font-weight: normal;
	font-style: normal;
}
#content h4{
	color: #32281E;
	font-size: 1.8em;
	margin-bottom: 5px;
}
#content h5{
	color: #3C7F85;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 5px;
}
#content h6{
	font-size: 1.6em;
	color: #32281E;
 
}

#content p,
#content li{
   margin-bottom: 1em;
   color: #363636;
   font-size: 1.3em;
   line-height: 1.5 !important;
}

#content li{
	list-style-type: disc;
	list-style-position: inside;
}

#content ul,
#content ol{
	margin: 0 0 2em 30px;
}

#sub #content ol li{
	list-style-type: decimal !important;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   margin-top: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
   list-style-position: outside;
   margin-top: 2px;
}

#content ul li{
	text-indent: -1em;
}


#content ol li{
	text-indent: -1.7em;
	margin-left: 1.5em;
}

#content li{
   margin: 0;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #47689a;
}

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

#content blockquote{
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px;
}

#content img{
}

#content #text{
   clear: both;
}

#content .sermonbox{
   margin-bottom: 20px;
}

#content .sermonbox h4{
   margin-bottom: 5px;
}

#content .sermonbox p{
   padding: 0;
   margin: 0;
}

#content table{
	line-height: normal;
}

/* @end */

/* FORMS */
#content label{
	font-weight: bold;
   color: #3C7E84;
   font-size: 1em;
}

#content form p.data{
	margin: 0;
	padding: 0;
}

#content form p.description {
}

#content form legend{
	font-size: 1.3em;
}

/* @end */

/* @group Sub */

#sub #sidebar{
	padding: 26px 0 20px 8px;
	width: 249px;
	min-height: 600px;
	float: left;
	background: #D6CEB0;
	margin: 40px 0 10px 0;
	border: 1px solid #CAC3A6;
	border-right: none;
}

#sub #crumbbar{
	float: right;
	width: 640px;
	padding: 10px 10px 10px 32px;
	height: 1.1em;
	text-align: right;
	background: #32281E;
	margin-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
}

#sub #crumbbar a{
	color: #fff;
	text-decoration: none;
}

#sub #crumbbar strong{
	color: #91D6DC;
}

#sub #content{
	width: 618px;
	float: right;
	min-height: 640px;
	background: #fff;
	padding: 30px 32px 0 32px;
	margin-bottom: 10px;
}

/* @end */

/* @group Sub2 */

#sub2 #sidebar{
	padding: 26px 0 20px 8px;
	width: 249px;
	min-height: 600px;
	float: left;
	background: #D6CEB0;
	margin: 40px 0 10px 0;
	border: 1px solid #CAC3A6;
	border-right: none;
}

#sub2 #crumbbar{
	float: right;
	width: 640px;
	padding: 10px 10px 10px 32px;
	height: 1.1em;
	text-align: right;
	background: #32281E;
	margin-top: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
}

#sub2 #crumbbar a{
	color: #fff;
	text-decoration: none;
}

#sub2 #crumbbar strong{
	color: #91D6DC;
}

#sub2 #hdrimgbar{
	width: 682px;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
}

#sub2 #content{
	width: 682px;
	float: right;
	min-height: 640px;
	background: #fff;
	margin-bottom: 10px;
	padding: 0;
}

#sub2 #content #textarea{
	padding: 20px 32px 0 32px;
}

/* @end */

/* @group Footer */

#footer-divider{
   clear: both;
	background: #EBE5CE;
	height: 3px;
}

#footer-wrap{
   clear: both;
   background: #32281E;
   height: auto;
   min-height: 300px;
}

#footer{
   width: 940px;
   position: relative;
   margin: 0 auto;
   padding-top: 20px;
}

#footer #left{
	float: left;
}

#footer .invite{
	display: block;
	width: 145px;
	height: 25px;
	text-indent: -9999em;
	background: url(../_img/invite_a_friend-bg-a.gif) no-repeat 0 0;
	margin-bottom: 10px;
}

#footer .facebook{
	background: url(../_img/invite_a_friend-bg-a.gif) no-repeat 0 0;
}

#footer .flickr{
	background: url(../_img/invite_a_friend-bg-a.gif) no-repeat 0 0;
	background-position: 0 -31px;
}

#footer .myspace{
	background: url(../_img/invite_a_friend-bg-a.gif) no-repeat 0 0;
	background-position: 0 -31px;
}

#footer .twitter{
	background: url(../_img/invite_a_friend-bg-a.gif) no-repeat 0 0;
	background-position: 0 -31px;
}

#footer #shareform{
	z-index: 30;
	width: 205px;
	background: url(../_img/home_event_popup-bg.png) no-repeat;
	position: absolute;
	padding: 20px;
	min-height: 100px;
}

#shareform #sharebtm{
	background: url(../_img/home_event_popup-bg.png) no-repeat 0 bottom;
	height: 15px;
	width: 240px;
	position: absolute;
	bottom: -15px;
	left: 0;
	display: block;
} 

#tellafriend label{
	display: block;
	font: bold .9em Tahoma, Geneva;
	color: #71452d;
	text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 10px;
}

#tellafriend label.error{
	color: white;
	padding: 5px;
	background-color: #91021f;
	text-transform: capitalize;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	margin-top: 1px;
}

#tellafriend input, #tellafriend textarea{
	border: 1px solid #eae6cf;
	background-color: #fff;
}

#tellafriend input{
	height: 18px;
	width: 150px;
	padding-left: 5px;
	color: #736f5d;
}

#tellafriend textarea{
	padding: 8px;
	color: #736f5d;
	width: 180px;
}

#tellafriend #submit{
	width: 55px;
	height: 20px;
	background-color: transparent;
	border-style: none;
	margin-top: 10px;
}

#shareform #response{
	margin-bottom: 10px;
	color: #1c1512;
	font-size: 1.2em;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb49a;
}

#footer a{
	color: #976d55;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer  p{
	clear: both;
}

#footer .col.second .social li#twitter a{ background-position: -100px 0; }
#footer .col.second .social li#twitter a:hover{ background-position: -100px -50px; }
#footer .col.second .social li#facebook a{ background-position: 0px 0; }
#footer .col.second .social li#facebook a:hover{ background-position: 0px -50px; } 
#footer .col.second .social li#myspace a{ background-position: -150px 0; }
#footer .col.second .social li#myspace a:hover{ background-position: -150px -50px; }  
#footer .col.second .social li#rss a{ background-position: -250px 0; }
#footer .col.second .social li#rss a:hover{ background-position: -250px -50px; } 

#footer  .powered{
	width: 190px;
	float: left;
	margin-top: 36px;
}

#footer  .powered a{
	display: block;
	height: 34px;
	background: url(../_img/ekklesia360_bg-a.gif) no-repeat;
	text-indent: -9999em;
	width: 190px;
}

#footer  .powered a:hover{
	background-position: 0 bottom;
}

#footer #quicklinks{
	width: 582px;
	height: 213px;
	background: url(../_img/bg_footer-quicklinks.gif);
	float: right;
	margin-top: 0;
	padding-top: 8px;
}

#footer #quicklinks li{
	list-style: none;
	font: 1.2em Helvetica, Arial, sans-serif;
	color: #F5EACC;
	margin-left: 20px;
	margin-top: 12px;
	width: 120px;
}

#footer #quicklinks li a{
	color: #F5EACC;
}

#footer #socnetwork ul{
	margin-top: 22px;
}

#footer #socnetwork li{
	float: left;
	display: inline;
	text-indent: -9999px;
	margin-left: 15px;
}

#footer #socnetwork li a{
	float: left;
	height: 20px;
}

#footer #socnetwork li.Facebook{ background: url(../_img/icn_social-networks.gif) no-repeat; width: 72px; margin-left: 0; }
#footer #socnetwork li.Facebook a{ width: 72px; }
#footer #socnetwork li.Flickr{ background: url(../_img/icn_social-networks.gif) no-repeat; background-position: -86px 0; width: 56px; }
#footer #socnetwork li.Flickr a{ width: 56px; }
#footer #socnetwork li.Myspace{ background: url(../_img/icn_social-networks.gif) no-repeat; background-position: -154px 0; width: 62px; }
#footer #socnetwork li.Myspace a{ width: 62px; }
#footer #socnetwork li.Twitter{ background: url(../_img/icn_social-networks.gif) no-repeat; background-position: -226px 0; width: 78px; }
#footer #socnetwork li.Twitter a{ width: 78px; }


#footer #site-guide{
	width: 572px;
	height: 213px;
	background: url(../_img/bg_footer-quicklinks.gif);
	float: right;
	margin-top: 0;
	padding-top: 8px;
	padding-left: 20px;
}

#footer #site-guide .col{
	width: 120px;
	float: left;
	margin-right: 20px;
}

#footer #site-guide .col a{
	color: #F5EACC;
	font: 1.2em Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	display: block;
	margin-top: 10px;
}


#footer #site-guide .col a:hover{
	color: #fffeff;
}
/* @end */

/* @group Sidebar Events */

#sidebar .section.events {
	margin-top: 25px;
	margin-bottom: 25px;
}

#sidebar .section.events h3{
	background: url(../_img/sidebar_events-title.png) no-repeat;
	height: 25px;
	position: relative;
	width: 230px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #e3ddc5;
}

#sidebar .section.events h3 span.month{
	text-transform: uppercase;
	color: rgba(255,254,255,0.65);
	position: absolute;
	top: 0;
	left: 5px;
	letter-spacing: 1px;
	text-align: center;
	font: bold 5px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#sidebar .section.events h3 span.day{
	position: absolute;
	top: 9px;
	left: 5px;
	text-align: center;
	color: #604e45;
	letter-spacing: 1px;
	font: bold 10px Tahoma, Geneva;
}

#sidebar .section.events .date{
	color: #623c28;
	text-transform: uppercase;
	font: 2.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 70px;
	float: left;
	padding-top: 3px;
}

#sidebar .section.events .date span{
	font-size: .7em;
	margin-right: 5px;
}

#sidebar .section.events  .item{
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 2px;
	cursor: pointer;
	border-bottom: 1px dotted #f4edda;
	padding-left: 8px;
}

#sidebar .section.events  .item.odd{
	background-image: url(../_img/sidebar_event-highlight.png);
}

#sub #sidebar .section.events  .item h4{
	width: 160px;
	float: right;
	padding-top: 5px;
	font: 1.6em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
	margin-bottom: 5px;
	background-image: none;
}

#sub #sidebar .section.events  .item h4 a{
	color: #486076 !important;
	text-decoration: none;
}

#sub2 #sidebar .section.events  .item h4{
	width: 160px;
	float: right;
	padding-top: 5px;
	font: 1.6em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif !important;
	margin-bottom: 5px;
	background-image: none;
}

#sub2 #sidebar .section.events  .item h4 a{
	color: #486076 !important;
	text-decoration: none;
}

#sidebar .section.events  .item:hover{
	background-color: #fef9ea;
	border-bottom: 1px solid #e3ddc5;
	position: relative;
	background-image: none;
}

#sidebar .section.events  .item:hover .date{
	color: #1c1512;
}

#sidebar .section.events .item .loc{
	color: #493c34;
	font: 1.3em/1.2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	width: 160px;
	float: right;
}

#sidebar .section.events .item .loc span{
	color: #909090;
}

/* @end */

/* MEDIA BOX */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; }
	ul#mediabox					{ float:right; padding:10px; margin:-20px 0 0 10px; border:2px solid #ccc; }
	#mediabox li 				{ background:none; padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#efefef; color:#19140d; margin:-10px -10px 10px; padding:10px; list-style: none; }
	#mediabox li#mb_jukebox		{ background:url(/_img/play_icon.gif) no-repeat left 2px; list-style: none; }
	#mediabox li#mb_download	{ background:url(/_img/download_icon.gif) no-repeat left 2px; list-style: none; }
	#mediabox li#mb_notes		{ background:url(/_img/notes_icon.gif) no-repeat left 2px; list-style: none; }
	#mediabox li#mb_video		{ background:url(/_img/video_icon.gif) no-repeat left 2px; list-style: none; }
	#mediabox li#mb_podcast		{ background:url(/_img/feed_icon.gif) no-repeat left 2px; list-style: none; }

/* @group Items */
#content #items{
	margin-top: 25px;
}
#content  .item{
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../_img/item_sep-bg.jpg) repeat-x 0 bottom;
}
.sermons #content  .item{
	padding-bottom: 0;
}

#content .item .eventimg{
	width: 75px;
	float: left;
	margin-right: 10px;
}
#content  .item h3{
	margin-bottom: 4px;
}

.sermons #content  .item h3{
	margin-bottom: 4px;
	width: 420px;
	line-height: 1.55em;
}
#content  .item h3 a{
	color: #5e3a26;
	text-decoration: none;
}

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

#content  .item .byline{
	color: #555248;
	margin-bottom: 10px;
}

#content  .item .date{
	color: #907e5f;
	font: normal normal 1.2em Georgia, "Times New Roman", Times, serif;
}

#content  .item .tags{
	border-left: 2px solid #c1bba7;
	padding-left: 10px;
	margin-left: 10px;
}

#content  .item .media{
	float: right;
	display: block;
}

#content  .item .media li {
	float: left;
	height: 25px;
	list-style-image: none;
	list-style-type: none;
}

#content  .item .media li a{
	display: block;
	text-indent: -9999em;
	background: url(../_img/media_bg-a.png) no-repeat;
	height: 25px;
}

#content  .item .media li.lend a{
	background-position: 0 0;
	width: 13px;
}

#content  .item .media li.rend a{
	background-position: right 0;
	width: 9px;
}

#content  .item .media li.listen a{
	background-position: -11px 0;
	width: 41px;
}

#content  .item .media li.download a{
	background-position: -51px 0;
	width: 68px;
}

#content  .item .media li.video a{
	background-position: -118px 0;
	width: 54px;
}

#content  .item .media li.notes a{
	background-position: -172px 0;
	width: 46px;
}

.sermons #content  h3.group{
	font-size: 1.5em;
	background-color: #f1ead7;
	padding: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #cdc7b1;
	color: #994f18;
	border-left: 5px solid #cdc7b1;
}
.sermons #content  .item.detail{
	background-image: none;
}

.sermons #content  .item.detail .media{
	float: right;
	margin-left: 0;
	margin-bottom: 10px;
	margin-top: 15px;
	display: inline-block;
}
.sermons #content .item.detail .byline{
	color: #1b1310 !important;
}

.sermons #content .item.detail .byline span{
	color: #726d5c;
}


#content  .item .media li.listen a:hover{ background-position: -11px -26px;}
#content  .item .media li.download a:hover{ background-position: -51px -26px;}
#content  .item .media li.video a:hover{ background-position: -118px -26px;}
#content  .item .media li.notes a:hover{ background-position: -172px -26px;}


#filters{
	margin-bottom: 50px;
	background-color: #cbc5ab;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 10px;
	border: 1px solid #bdb8a4;
}
#filters select{
	width: 110px;
	margin-right: 5px;
}

/* @end */

/* @group Sidebar */

#sidebar .section{
	font: 1.1em/1.5em Tahoma, Geneva;
	color: #2f2f2f;
	padding: 0 20px 20px 20px;
}

#sidebar .section h2{
	color: #2a201b;
	font: 2em Tahoma, Geneva !important;
	margin-bottom: 5px;
}

#sidebar .section h3{
	color: #604e45;
	font: 1.8em Tahoma, Geneva !important;
	margin-bottom: 5px;
}

#sidebar .section h4{
	color: #604e45;
	font: 1.6em Tahoma, Geneva !important;
	margin-bottom: 5px;
	padding-bottom: 4px;
	background: url(../_img/item_sep-bg.jpg) repeat-x 0 bottom;
}

#sidebar .section h5{
	color: #1c1512;
	font: 1.6em Tahoma, Geneva !important;
	margin-bottom: 5px;
}

#sidebar .section h6{
	color: #604e45;
	font: bold 1.3em Tahoma, Geneva !important;
	margin-bottom: 5px;
}

#sidebar ul{
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#sidebar ol{
	margin-left: 15px;
	list-style-type: decimal;
	list-style-position: inside;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidebar img{
	margin-bottom: 10px;
	margin-top: 10px;
	border: 4px solid #cac4af;
}

#sidebar .section a{
	color: #47689a;
}

#sidebar #filter h3{
	font: 1.8em Tahoma, Geneva;
	color: #1c1512;
	margin-bottom: 5px;
}

#sidebar #filter ul{
	margin-bottom: 20px;
}



#sidebar #filter li{
	margin-bottom: 0px;
	font: 1.3em Tahoma, Geneva;
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid #eee8d5;
	list-style-image: none;
	list-style-type: none;
}
#sidebar #filter li:hover{
	border-bottom: 1px solid #e3ddc5;
	background: #fef9ea url(../_img/icn_plus-minus.png) no-repeat 98% 8px;
}

.blog #sidebar #filter li:hover{
	background-image: none;
}

#sidebar #filter li a{
	color: #5e3a25;
	text-decoration: none;
}

#sidebar #filter li.active{
	border-bottom: 1px solid #e3ddc5;
	background: #fef9ea url(../_img/icn_plus-minus.png) no-repeat 98% -65px;
}

#sidebar #filter .clearall{
	text-align: right;
	display: block;
	color: #a19e8c;
	text-transform: uppercase;
	font: bold .9em Tahoma, Geneva;
	cursor: pointer;
}

#sidebar #filter .clearall:hover{
	color: #1b1445;
}

/* @end */


/* @group Comments */
#content #comments {
	margin-bottom: 30px;
	padding-top: 10px;
	margin-top: 10px;
	background: url(../_img/item_sep-bg.jpg) no-repeat right top;
}
#content #comments .login{

	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #b7b197;
	font-weight: bold;
}

#content #comments p{
	color: #1e1613;
	font-size: 1.1em;
	margin-bottom: 5px;
}

#content #comments p strong{
	color: #1d2a3c;
	margin-right: 5px;
}

#content #comments form label{
	display: none;
}

#content #comments form{
	margin-bottom: 30px;
}

#content #comments textarea{
	height: 136px;
	margin-bottom: 10px;
	background-color: #fefdf8;
	border: 1px solid #bdb79d;
	font-size: 1.2em;
	color: #5a5a5a;
	padding: 10px;
	line-height: 1.5em;
	width: 620px;
}

#content #comments input#comment-submit{
	text-indent: -9999em;
	display: block;
	cursor: pointer;
	width: 100px;
	height: 31px;
	border-style: none;
	background: transparent url(../_img/btn_send.gif) no-repeat;
}

#comments h4{
	font-size: 1.5em;
	margin-bottom: 6px;
}

#comments .comment{
	padding: 20px;
}

#comments .comment h5{
	font-size: 1.1em;
	margin-bottom: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #b9b399;
	color: #563422;
}

#comments .comment h5 span{
	color: #1c1512;
}

#sub #comments p.commentName{
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 25px;
}

#sub2 #comments p.commentName{
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 25px;
}
#comments p.commentName input#name{
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
	font-size: 1.1em;
	padding: 4px;
	width: 200px;
}

/* @end */

/* @group Tabs */

#content ul.tabs{
	margin-left: 0;
	height: 40px;
	margin-top: -10px;
}

#content ul.tabs li{
	list-style-image: none;
	list-style-type: none;
	float: left;
	margin-right: 10px;
	
	text-align: center;
	width: 100px;
}

#content ul.tabs li a{
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 10px 11px;
	color: #ddd7bf;
	background-color: #613c26;
	
}
#content ul.tabs li a.current{
	background-color: #ddd7bf;
	color: #1b1310;
	
}

/* @end */   



/* @group Calendar */

#content #calonly{
	position: relative;
	margin-top: 55px;
	display: block;
	width: 642px;
}
#content table.calendar{
	margin-bottom:25px; 
	border: 1px solid #ebddb8; 
	border-collapse: collapse; 
	width:642px;
	border-right-style: none;
	margin-top: 25px;
	  
}

#content table.calendar body{
	width:642px;
	text-align: right;
}
#content table.calendar caption{ 
	padding:0 0 12px 50px; 
	color: #5e3a26; 
	font-weight: bold;
	font-size:1.4em; 
	text-align:left; 
	background:url(/_img/caption_bg.gif) no-repeat left top;
	position: absolute;
	top: -35px;
	left: 0;
}


#content #month1, #content #month2, #content #month3, ##content #month4, #content #month5, #content #month6, #content #month7, #content #month8, #content #month9, #content #month10, #content #month11, #content #month12{
	width: 900px;
}
#content .calendar span{ 
	display:block; 
	width:21px; 
	height:18px; 
	text-indent:-9999em; 
	position:absolute; 
	background:url(/_img/caption_span_bg.gif) no-repeat;
}
#content span.calendar-next{ 
	background-position:right top; 
	top:0; 
	left:22px;

}
#content span.calendar-prev{ 
	background-position:left top; 
	top:0; 
	left:0px;
}
#content table.calendar th	{ 
	 padding:0; 
	 background: #37261f; 
	 color:#fefefe; 
	 font-size: 1.2em; 
	 font-weight: bold; 
	 line-height: 33px;
	 text-transform:uppercase;
	 text-align: center;
}
#content table.calendar td{ 
	width: 68px; 
	height:68px; 
	padding: 2px; 
	border:1px solid #e3e1d9; 
	border-left:0; 
	text-align:right;
	border-top:0; 
	background:#fefefe url(/_img/td_bg.gif) repeat-x; 
	color: #686762; 
	font-size:1.0em; 
	vertical-align:top;

}
#content table.calendar td a{ 
	color:#898781; 
	text-decoration: none; 
}
#content table.calendar td ul{ 
	margin: .7em 0 0 .4em; 
	font-size: 100%; 
	list-style: none; 
	padding:6px;
	margin-right: -4px;
	display: block;
}
#content table.calendar td li{ 
	margin-bottom: .95em; 
	font-size: 1.1em; 
	line-height: 1.3; 
	text-align:left; 
}
#content table.calendar td li a{ 
	color: #575653; 
	text-decoration:none; 
	font-size:11px; 
}
#content table.calendar td li a:hover{ 
	text-decoration:underline; 
	color: #8d3224; 
}

#content .calendar td.empty{
	background-color: #fcfcfc;
	background-image: none;
}

#sub.calendar #content h2{
	margin-bottom: 0px;
}

#sub2.calendar #content h2{
	margin-bottom: 0px;
}
/* @end */

/* @group Gallery */

#content #photo-list{
	position: relative;
	
}
#content .photo{
	overflow: hidden;
		background-color: #1f1714;
	border: 1px solid #e7d6b1;
	width: 150px;
	height: 150px;
}  
#content .photo img{
	float: none;
	width: 150px;
	margin: 0;
	padding: 0;
} 

#content #gallery-list .gallery .thmb{
	overflow: hidden;
	width: 330px;
} 

#content #gallery-list .gallery .thmb img{
	float: none;
	margin: 0;
	padding: 0;
	width: 330px;
}  

#content #gallery-list .gallery .title{
	background-color: #5e3a26;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding: 5px;
	display: block;
	width: 100%;
	clear: both;
	border-top: 1px solid #000;
} 

#content #gallery-list .gallery .title a{
	color: #ddd7bf;
	text-decoration: none;
}

#content #gallery-list .gallery .title a:hover{
	background-color: transparent;
	text-decoration: none;
	color: #fff;
}

#content #gallery-list .gallery {
	overflow: hidden;
	background-color: #000;
	border: 4px solid #000;
}

/* @end */    

#sidebar #searchForm{ 
	margin-top: 5px;
 } 
#sidebar #keywords{ 
	height: 22px;
	width: 222px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
   color: #424242;
   font-size: 1.2em;
   line-height: 1.2em;
 }   
 
 #sidebar #searchSubmit{ 
 	margin-bottom: 10px;
 } 
 
 #sidebar .browse{
   font: 1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
   color: #31271d;
 } 
 
 #sidebar .browse a{
   color: #3c7f85;
 } 
 
 #sidebar .browse a:hover{ 
 	text-decoration: none;
 }
 
 #letter-directory { 
 	overflow: hidden;
 	margin-bottom: 25px;
 }
 
 #letter-directory ol{ 
 	overflow: hidden;
 	margin: 0;
 }
 #letter-directory ol li{ 
 	display: inline;
 	margin: 0;
   color: #929292;
   margin-right: 3px;
 }
 
 #letter-directory ol li a{ 
 	padding: 7px;
    background-color: #f5f5f5;
   text-decoration: none;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
 }
 
 #letter-directory ol li a:hover{
   background-color: #31271d;
   color: #fffeff;
 }
 #letter-directory ol li a:active{
   background-color: #3e7f85;
   color: #fffeff;
 }
 
 #content .person{ 
  width: 190px;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
 }
 
 #content .person p{ 
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 }
 
 #content .person a.avatar{ 
  float: left;
  width: 75px;
  height:75px;
  overflow:hidden;
  margin-right: 5px;
 }
  #content .person a.avatar img{ 
  	width: 75px;
 }
 
 #content .person a.name{
   color: #8e8e8f;
 }
 
 #content #user-profile ul{ 
 	margin: 15px;
   list-style-image: none;
   list-style-type: none;
 }
 
 #content #user-profile img{ 
 	margin-bottom: 15px;
 }
 
  #content #user-profile ul li{ 
  	list-style-image: none;
   list-style-type: none;
 }