/* @override http://www.touchedtwiceunited.org/_css/styles.css */

/* Site: Touched Twice Ministries
	Authored by:Adam adam@monkdevelopment.com  2009
 */

/* @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,
table, caption, tbody, tfoot, thead, tr, th, td {
	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 {
	color: black;
	background-color: #4b493c;
	font: 62.5%/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
   overflow: hidden;
}

#container{
   width: 960px;
   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 Wrapper */
#wrap{
	background: #fff url(../_img/bg_bottom-gradient.jpg) repeat-x 0 bottom;
}
#wrap-inner{
		background: url(../_img/wrapper_bg2.png) repeat-x -300px 0;
}

/* @end */
/* @group Header */
#header{
	height: 163px;
	position: relative;
	margin-bottom: 20px;
	z-index: 3;
}

#header #logo{
	height: 143px;
	position: absolute;
	width: 800px;
	left: -60px;
}
#header h1 a{
	display: block;
	position: absolute;
	width: 400px;
	background: url(../_img/h1_logo-a.jpg) no-repeat;
	height: 0;
	top: 18px;
	left: 48px;
	padding-top: 96px;
	overflow: hidden;
}


#header #login{
	position: absolute;
	right: 0;
	z-index: 0;
	color: #000;
	text-align: right;
	display: block;
	font-size: 1.1em;
	top: 45px;
	padding-right: 5px;
}

#header #login a{
		color: #000;
	text-decoration: none;
	font-weight: bold;
}

#search{
	position: absolute;
	right: 0;
	top: 1px;
	background: url(../_img/search_bg.gif) no-repeat;
	width: 236px;
	height: 42px;
	padding-top: 10px;
	padding-left: 9px;
	z-index: 1000;
}

#search input{
	height: 17px;
	width: 160px;
	float: left;
	margin-right: 5px;
}

#search fieldset{
	width: 235px;
}

#search #search_go span{
	display: block;
	float: left;
	background: url(../_img/search_btn-a.gif) no-repeat;
	width: 60px;
	height: 24px;
	text-indent: -9999em;
}
#search #search_go:hover span{
	background-position: left -24px;
}
#search #searchitems{

	position: relative;
	background-color: #f3efe3;
	margin-top: 7px;
	left: -5px;
	border: 2px solid #dedace;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top-style: none;
	top: 0;
	z-index: 1;
}

#searchitems .result {

	padding-top: 4px;
	padding-bottom: 4px;
}

#searchitems .result:hover{
	background-color: #f6f4ec;
	
}

#searchitems .result:hover a{
	color: #990207;
}

#searchitems .result a{
	color: #000;
	font-size: 1.2em;
	line-height: 1.5em;
	text-decoration: none;
}

#searchitems .result h4{
	padding-right: 15px;
	padding-left: 15px;
}

#searchitems .groupby{
	padding: 8px;
	background-color: #dedace;
	color: #990207;
	font-weight: bold;

	margin-top: 5px;
}

#navbar{
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 1800;
}
/* @end */
/* @group Navigation */

#nav{
   list-style: none;
}

#nav li{
    float: left;
	padding-left: 10px;

	background-repeat: repeat-x;
	margin-right: 5px;
}

#nav li a{
   display: block;
   color: #FFf; /* Change this to the right color */
   text-decoration: none;
	font: 1.2em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-right: 8px;
}

#nav li.current{
	background: url(../_img/nav_bg-li-a.gif) no-repeat;
}

#nav li.current a{
	background: url(../_img/nav_bg-li-a.gif) no-repeat right top;
	color: #3a382b;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 1007;

   list-style: none;
   line-height: 1;
     background: #a6371c 0 0;
	border-left: 2px solid #8f1105;
	border-right: 2px solid #8f1105;
	border-bottom: 5px solid #8f1105;
	top: 36px;
}

#nav li li{
   font-size: 1.2em;
	clear: both;
}

#nav li a:hover{
	color: #000;
}
#nav li.current a:hover{
	color: #3a382b;
}
#nav li.current li a{
	color: #fff;
}

/*#nav li:hover ul {
   left: -999em;
}*/

#nav li:hover ul{
   left: auto;
}

#nav li li a:hover, #nav li li.current a, #nav li.current li a:hover{
	color: #fff;
	text-decoration: underline;
}

#nav li li a, #nav li.current li a, #nav li.current li.current {
	background-image: none;
}
#nav li li{
   font-size: 1em;
}

#nav li li a{
   width: 150px; /* Needs to be same as other 150px value, less any padding or margin */
 
}

#subnav{
	padding-right: 1px;
	margin-bottom: 25px;
}

#subnav li{
	border-bottom: 1px solid #d7d4c0;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#subnav li a{
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
}

#subnav li:hover{
	background-color: rgba(215,212,192,0.33);
}

#subnav li.last{
	border-bottom-style: none;
}

#subnav li.current a{
	font-weight: bold;
	color: #a6371d;
}

/* @end */

/* @group Content */

#content{
   min-height: 500px;
}
#content h2{
	font-size: 2.5em;
	color: #403f33;
	margin-bottom: 25px;
	float: none;
	display: block;
	line-height: 1;
}


#content h3{
    font-size: 2em;
	color: #990207;
	margin-bottom: 25px;
	float: none;
	display: block;
	line-height: 1;
}

#content h4{
   font-size: 1.8em;
	color: #403f33;
	margin-bottom: 25px;
	float: none;
	display: block;
	line-height: 1;
}

#content h5{
   font-size: 1.5em;
	color: #403f33;
	margin-bottom: 25px;
	float: none;
	display: block;
	font-weight: bold;
	line-height: 1.1;
}

#content p,
#content li{
   margin-bottom: 1em;
   color: #030303;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin: 0 0 1em 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   list-style: none;
}

#content ul#byline li{
   font-size: 1.1em;
}

#content li{
   margin: 0;
   list-style-type: disc;
}

#content ol li{
  list-style-type: decimal;
}

#content li li{
   font-size: 1em;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #00F;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}

#sub #content .pageimg{
	float: none;
	margin-bottom: 25px;
}

#sub.calendar #text{
	width: 900px;
}

#sub.calendar #content{
	width: 900px;
}



/* @end */

/* @group Subpage */

#sub #sidebar{
	float: left;
	display: inline;
	width: 216px;
	min-height: 600px;
	background: url(../_img/bg_sidebar_03.png) no-repeat 5px;
	margin-bottom: 15px;
	padding-top: 25px;
}
#sub #content{
	display: inline;
	float: left;
	width: 700px;
	margin-left: 40px;
	padding-bottom: 20px;
	padding-top: 25px;
	color: #3b3b3b;
	position: relative;
	z-index: 0;
}

#sub #content a{
	color: #a6371c;
	text-decoration: none;
}

#sub #content a:hover{
	text-decoration: none;
	background-color: #f3efe3;
}

.rsvp a{
	display: block;
	width: 76px;
	height: 22px;
	background: url(../_img/btn_rsvp2.png) no-repeat left -1px;
	text-indent: -9999em;
}

.rsvp a:hover{
	background-position: left -23px;
}

#sub #content #articles img{
	float: none;
	margin-bottom: 15px;
}

/* @end */

/* @group home */

#home #content{
	width: 670px;
	float: left;
}
#home #sidebar{
	width: 255px;
	float: right;
	min-height: 500px;
}

#home #quicklinks li{
	position: relative;
}

#home #sidebar .ui-tabs{
		background-color: #f2f0e6;
	border: 1px solid #dedcca;
	margin-bottom: 10px;
	padding-bottom: 5px;
	height: 366px;
}

#home #sidebar #subside{
		background-color: #f2f0e6;
	border: 1px solid #dedcca;
	padding: 15px;
	margin-bottom: 15px;
}

#home #quicklinks li a{
	position: relative;
	top: -9px;
	display: block;
	padding-top: 16px;
	color: #3a382b;
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	background: url(../_img/quicklink_bg-li.png) 0 0;
	padding-left: 20px;
	height: 39px;
	padding-bottom: 8px;
	text-transform: uppercase;
}

#home #quicklinks li .arrow{
	width: 20px;
	height: 25px;
	position: absolute;
	background: url(../_img/quicklink_arrow_bg.png) no-repeat 0 bottom;
	z-index: 10;
	right: 15px;
	top: 13px;
	clear: right;
}

#home #quicklinks li.ui-tabs-selected .arrow{
	display: block;
	background-position: 0 top;
}

#home #quicklinks li.first a{
	top: 0;
}

#home #quicklinks li.last a{
	top: -18px;
}

#home #quicklinks li.ui-tabs-selected a{
	background: url(../_img/quicklink_bg-li.png) left bottom;
	z-index: 2;
	height: 39px;
	color: #fff;
}

#home .ui-tabs-hide{
	display: none;
}

#home #qltabs .ui-tabs-panel{
	color: #2b2b2b;
	position: relative;
	top: 0;
	padding: 0 20px 10px;
	line-height: 1.6em;
	font-size: 1.3em;
}

#home #qltabs .ui-tabs-panel ol,
#sidebar .section ol{
	list-style-position: inside;
	list-style-type: decimal;
}

#home #qltabs .ui-tabs-panel a{
	color: #a6371c;
}

#home #qltabs .ui-tabs-panel a:hover{
	text-decoration: none;
}

#home #tabs{
	clear: both;
	padding-left: 20px;
	margin-left: 1px;
	padding-top: 14px;
	padding-bottom: 10px;
	margin-bottom: 0;
	background: #4b493c url(../_img/bg_tabs.png) repeat-x 0 3px;
	overflow: hidden;
}

#home #tabs li{
	float: left;
	text-transform: uppercase;
	background: url(../_img/bg_tab-sep.png) no-repeat 100% 1px;
	padding-right: 20px;
	margin-right: 20px;
	list-style-type: none;
}

#home #tabs li a{
	color: #a9a48c;
	text-decoration: none;
	font: normal 1.1em/1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#home #tabs li.ui-tabs-selected a{
	padding-bottom: 12px;
	background: url(../_img/tab_bg-select-a.gif) no-repeat 50% 2px;
	color: #dbd8c9;
}

#home #billboard img{
	margin: 0;
	padding: 0;
}

#sub-content .ui-tabs-panel{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #2b2b2b;
}
#home #sub-content{
	width: 671px;
	position: relative;
	left: -1px;
}
#home #sub-content .feature{
	width: 470px;
	float: left;
	display: inline;
	padding-top: 10px;
	position: relative;
}
#home #sub-content .img{
	float: left;
	display: inline;
	margin-right: 10px;
}
#home #sub-content .img img{
	width: 92px;
	margin: 0;
}

#sub-content .detail{
	float: left;
	width: 300px;
	display: inline;
	position: relative;
}
#sub-content .list{
	position: relative;
	background-color: #ececea;
	width: 180px;
	float: right;
	padding-top: 10px;
	padding: 10px;
	min-height: 200px;
	display: inline;
}
#sub-content .icn-list a{
	position: absolute;
	background: url(../_img/icn_list-a.png) no-repeat;
	display: block;
	width: 30px;
	height: 30px;
	left: -35px;
	text-indent: -9999em;
	cursor: pointer;
}
#sub-content .feature .date{
	color: #717171;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	width: 150px;
	position: relative;
	z-index: 0;
}
#sub-content .feature .title{
	color: #a6371c;
	font-size: 2em;
	margin-bottom: 2px;
}

#sub-content .feature .title a{
	color: #a6371c;
	text-decoration: none;
	margin: 0;
	padding: 0;
		line-height: 1.1em;
}

#sub-content .feature .title a:hover{
	text-decoration: underline;
}

#sub-content .feature .more a{
	color: #737373;
	text-decoration: none;
}
 #sub-content .list p span{
	text-transform: uppercase;
	color: #a6371c;
	padding-right: 0;
}
 #sub-content .list a{
	color: #2b2b2b;
	text-decoration: none;
}
#sub-content .feature .more a:hover,  #sub-content .list a:hover{
	text-decoration: underline;
}

#sub-content .feature  .media{
	position: absolute;
	right: 40px;
	display: block;
	top: 8px;
	z-index: 1;
}

#sub-content .feature  .media a{
	display: inline-block;
	height: 17px;
	background: url(../_img/icn_media.png) left top;
	width: 16px;
	text-indent: -9999em;
}
#sub-content .feature  .media a.download{
	background-position: -20px 1px;
	width: 18px;
}

#sub-content .feature  .media a:hover{
	background-position: left -24px;
}

#sub-content .feature  .media a.download:hover{
	background-position: -20px -23px;
}

#home #billboard{
	height: 230px;
}


/* @end */

/* @group Sidebar */

#sidebarnav{
	margin-bottom: 25px;
}
#sub #sidebar .section h3, #sidebar #filter h3{
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../_img/bg_sidebar-header.png) repeat-x 0 bottom;
	color: #242424;
	font-size: 1.8em;
	padding-left: 10px;
	margin-bottom: 15px;
}

#sidebar #filter ul, #sidebar #playlist_list_{
	margin-left: 15px;
	margin-bottom: 20px;
}

#sidebar #filter li, #sidebar #playlist_list_ li{
	margin-bottom: 10px;
}

#sidebar #filter li a, #sidebar #playlist_list_ li a{
	color: #991b1e;
	font-size: 1.2em;
	text-decoration: none;
}

#sidebar #filter li a:hover,  #sidebar #playlist_list_ li a:hover{
	text-decoration: underline;
}

#sidebar #newslettersignup{
	margin-left: 10px;
	color: #000;
	margin-bottom: 15px;
}
#sidebar #newslettersignup label{
	padding-bottom: 0;
	font-weight: bold;
	display: block;
}

#sidebar #newslettersignup input{
	height: 15px;
	width: 180px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
	color: #4d4d4d;
}


#sidebar #newslettersignup  #newsletter_submitsignup{
	width: 68px;
	display: block;
	text-indent: -9999em;
	border-style: none;
	height: 25px;
	margin-left: 0;
	padding-left: 0;
}
#sidebar #newslettersignup  #newsletter_submitsignup:hover{
	background-position: left bottom;
}

#sidebar .section #options {
	margin-left: 10px;
}
#sidebar .section #options li{
	margin-bottom: 10px;
}
#sidebar .section #options a{
	color: #a6371c;
	font-size: 1.3em;
	text-decoration: none;
}

#sidebar .section #options a:hover{
	text-decoration: underline;
}

#sidebar .section p{
	margin-bottom: 8px;
	line-height: 1.5em;
}

#sidebar .section a{
	color: #920207;
}
#sidebar .section a:hover{
	text-decoration: none;
}

#sidebar .section h2{
	font-size: 1.6em;
	color: #920207;
}

#sidebar .section h4{
	font-size: 1.4em;
	color: #242424;
	font-weight: bold;
}

#sidebar .section h5{
	font-size: 1.2em;
	color: #920207;
	font-weight: bold;
}

#sidebar .section ul{
	margin-left: 0;
	margin-bottom: 25px;
}

#sidebar .section ul li{
	margin-bottom: 5px;
	list-style-type: disc;
}

/* @group Sidebar Sermons */

#sidebar .section .hiw{
	color: #1a1a1a;
	font-size: 1.2em;
	margin-bottom: 50px;
}
#sidebar .section .hiw li{
	margin-bottom: 13px;
	line-height: 1.2em;
	padding-left: 25px;
	margin-left: 25px;
	height: 18px;
	padding-right: 40px;
	background-position: left;
}

#sidebar .bundle{
	background: url(../_img/bg_sunday_bundle.png) no-repeat;
	width: 180px;
	display: block;
	position: relative;
	padding: 15px 0 5px;
}

#sidebar .bundle .btm{
	display: block;
	height: 10px;
	width: 180px;
	background: url(../_img/bg_sunday_bundle.png) no-repeat left bottom;
	position: absolute;
	bottom: -2px;
}

#sidebar .bundle img{
	margin-left: 23px;
}

#sidebar .bundle ul{
	margin-top:15px;
	padding-left: 23px;
	margin-bottom: 5px;
}

#sidebar .bundle ul li{
	margin-bottom: 15px;
	font-size: 1.2em;
	padding-left: 20px;
	background: url(../_img/icn_checkmark.gif) no-repeat;
	height: 15px;
}

/* @end */

/* @group events */

#sidebar-events{
	margin-top: 25px;
}
#sidebar-events #curdate{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../_img/bg_sidebar-header.png) repeat-x 0 bottom;
	color: #000;
	font-size: 1.2em;
}

#sidebar-events #curdate h3 span{
	font-weight: bold;
	margin-right: 3px;
}

#sidebar-events #small-cal{
	background: url(../_img/bg_sidebar-cal.jpg) no-repeat 0 0;
	height: 145px;
}
#sidebar-events #small-cal table{

	font-size: 1.1em;
	margin-left: 18px;
}
#sidebar-events #small-cal table caption{
	padding-top: 8px;
	padding-bottom: 8px;
	color: #939393;
	position: relative;
	text-align: center;
}
#sidebar-events #small-cal table td{
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 2px;
}
#sidebar-events #small-cal table th{
	font-weight: bold;
}

#sidebar-events #small-cal table td.current{
	font-weight: bold;
	color: #000;
}

 #sidebar-events #small-cal table td.linked-day a{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#sidebar-events #small-cal table td.current a{	
	color: #a6371c;
	text-decoration: none;
}

#sidebar-events #small-cal table td a:hover{
	text-decoration: underline;
}

#sidebar-events #small-cal table caption span.calendar-next{

	top: 8px;
	display: inline;
	right: 14px;
	margin-left: 25px;
}
#sidebar-events #small-cal table caption span.calendar-prev{
	left: 0;
	top: 8px;
	margin-right: 25px;
}

#sidebar #sidebar-events #side-event-list{
	margin-bottom: 25px;
}

#sidebar #side-event-list .event{
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #4b493c;
	font-size: 1.1em;
	margin-bottom: 5px;
	position: relative;
	background: url(../_img/bg_sidebar-event-li.jpg) no-repeat;
}

#sidebar #side-event-list .event a{
	color: #4b493c;
	text-decoration: none;
}
#sidebar #side-event-list .titlelink{
	width: 170px;
	padding-right: 5px;
	position: absolute;
	left: 40px;
	top: 20%;
	display: inline;
}
#sidebar #side-event-list .event .date{
	padding-left: 8px;
	position: relative;
	display: block;
	left: 0;
	top: -3px;
	color:#a6371c;
	text-align: center;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 20px;
}

#sidebar #side-event-list .event .date{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

#sidebar #side-event-list .event .date span{
	display: block;
	width: 20px;
	position: relative;
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
}

#sidebar .tooltip{
	z-index: 10;
	width: 250px;
	background: url(../_img/event_popup.png) no-repeat;
	position: absolute;
	padding: 20px;
	height: 200px;
}

#sidebar .tooltip #tooltip-btm{
	background: url(../_img/event_popup.png) no-repeat 0 bottom;
	height: 15px;
	width: 290px;
	position: absolute;
	bottom: -15px;
	left: 0;
	display: block;
}
#sidebar .tooltip p{
	margin-bottom: 8px;
	line-height: 1.4em;
}

#sidebar .tooltip .summary{
	line-height: 1.3em;
	font-size: 1.1em;
	color: #4a4a4a;
}
#sidebar .tooltip .time{
	font-weight: bold;
  color: #a6371c;
	line-height: 1.1em;
	font-size: 1.2em;
}

#sidebar .tooltip .location a{
	color: #3a3a3a;
}
#sidebar .tooltip .detail-title{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
}
#sidebar .tooltip .detail-title a{
	color: #000;
	
}

#sidebar .tooltip .detail-title a:hover{
	text-decoration: underline;
}

#sidebar .tooltip .rsvp a{
	display: block;
	width: 75px;
	height: 22px;
	background: url(../_img/btn_rsvp.gif) no-repeat left top;
	text-indent: -9999em;
}

#sidebar .tooltip .rsvp a:hover{
	background-position: left bottom;
}

/* @end */

/* @end */

/* @group Footer */
#footer-wrap{
	height: 220px;
	background: #4b493c url(../_img/bg_bottom-sep.jpg) repeat-x 0 top;
	clear: both;
	margin: 0;
}
#footer{
    width: 960px;
   position: relative;
	margin: 0 auto;
	padding-top: 06px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#footer #socialnet li{
	height: 26px;
	display: inline-block;
	margin-right: 2px;
}
#footer #socialnet li a span img{
	padding-top: 7px;
}

#footer #clm1, #footer #clm2, #footer #clm3{
	padding-top: 25px;
}

#footer #clm1, #footer #clm2{
	display: inline;
	float: left;
}
#footer #clm1{
	margin-right: 35px;
	background: url(../_img/bg_footer-column-sep.png) no-repeat right top;
}
#footer #clm1, #footer #clm2{
	width: 320px;
}

#footer #clm3{
	width: 235px;
	float: right;
	display: inline;
	background: url(../_img/bg_footer-column-sep.png) no-repeat left top;
	padding-left: 20px;
}

#footer .links {
	margin-bottom: 15px;
	font-size: 1.2em;
	text-align: left;
}

#footer .links a{
	/*padding-right: 10px;
	background: url(../_img/bg_footer-link-sep.gif) no-repeat 100% bottom;*/
	color: #fff;
	text-decoration: none;
}

#footer .links  a:hover{
	text-decoration: underline;
}

#footer .links .separator{
	color: #fff;
	padding-left: 5px;
	display: inline;
	padding-right: 9px;
}

#footer #orginfo{
	padding: 20px;
	background: #575548 url(../_img/bg_footer-box-arrow.gif) no-repeat 15px 0;
	margin-bottom: 10px;
}

#footer #orginfo p{
	margin-bottom: 5px;
	color: #fff;
}

#footer #orginfo p a{
	color: #ecab24;
}
#footer #socialnet{
	text-align: right;
	margin-bottom: 30px;
}
#footer #socialnet a{
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline;
	text-indent: -9999em;
	padding-right: 0;
	float: left;
}
#footer #socialnet a#twitter {
	background: url(../_img/icn_social.gif) no-repeat left top;
	width: 85px;
	height: 30px;
	margin-left: 10px;
}

#footer #socialnet a#cobblestone {
	background: url(../_img/icn_social.gif) no-repeat -86px top;
	height: 30px;
	width: 136px;
	margin-right: -5px;
}
#footer #socialnet a#rss {
	background: url(../_img/icn_social.gif) no-repeat -554px top;
	height: 30px;
	width: 30px;
	margin-left: 10px;
}
#footer #socialnet a#vimeo {
	background: url(../_img/icn_social.gif) no-repeat -224px top;
	height: 30px;
	width: 86px;
	margin-right: -5px;
}

#footer #socialnet a#facebook {
	background: url(../_img/icn_social.gif) no-repeat -311px top;
	height: 30px;
	width: 86px;
	margin-left: 10px;
}

#footer #socialnet a#twitter:hover{ background-position: left -35px;}
#footer #socialnet a#cobblestone:hover{ background-position: -86px -35px;}
#footer #socialnet a#rss:hover{ background-position: -554px -35px;}
#footer #socialnet a#facebook:hover{ background-position: -311px -35px;}
#footer #socialnet a#vimeo:hover{ background-position: -224px -35px;}

#footer p.powered{

	display: inline;
	float: right;
}

#footer .powered a{
	display: block;
	background: url(../_img/logo_ekklesia-360.gif) no-repeat;
	width: 120px;
	height: 30px;
	text-indent: -9999em;
} 

#footer .copyright{
	clear: both;
	display: block;
	color: #c3be9f;
	padding-top: 5px;
	line-height: 1.2em;
	text-align: left;
}

/* @end */

/* @group Sermons */

#filters{
	padding: 10px;
	background-color: #f3efe3;
	border: 1px solid #dedace;
	margin-bottom: 30px;
	position: relative;
	z-index: 0;
}

#filters select{
	margin-right: 30px;
}
#sub #sermons .sermon{
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dedace;
	color: #403f33;
}

#sub #sermons .sermon h3{
font-size: 1.8em;
	margin-bottom: 10px;
	line-height: 1em;
}

#sub #sermons .sermon h3 a{
	color: #403f33;	
}

#sub #sermons .sermon span{
	font-weight: bold;
	color: #a6371c;
}
#sub #sermons .sermon .byline{
	margin-bottom: 5px;
	color: #525146;
}

#sub #sermons .sermon .date{
	position: absolute;
	right: 0;
	bottom: 10px;
	display: inline-block;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
}

#sub #sermons .sermon .byline a{
	color: #525146;
}

#sub #sermons .sermon ul{
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#sub #sermons .sermon li{
	float: left;
	display: inline;
	margin-right: 10px;
}

#sub #sermons .sermon li a, #sub #sermon li a, #sub #articles #mediabox li a, #sub #mediabox li a{
	display: block;
	text-indent: -99999em;
	background: url(../_img/icn_media.png) no-repeat;
}
#sub #sermons .sermon li.listen a, #sub #sermon li.listen a, #sub #articles #mediabox li.listen a, #sub #mediabox li.listen a{
	width: 17px;
	height: 17px;
	background-position: 0 0;
}
#sub #sermons .sermon li.download a, #sub #sermon li.download a,  #sub #articles #mediabox li.download a,#sub #mediabox li.download a{
	width: 17px;
	height: 17px;
	background-position: -22px 1px;
}
#sub #sermons .sermon li.video a, #sub #sermon li.video a, #sub #articles #mediabox li.video a, #sub #mediabox li.video a{
	width: 17px;
	height: 17px;
	background-position: -45px 0;
}
#sub #sermons .sermon li.notes a, #sub #sermon li.notes a, #sub #articles #mediabox li.notes a, #sub #mediabox li.notes a{
	width: 18px;
	height: 19px;
	background-position: -71px 0;
}
#sub #sermons .sermon li.listen a:hover, #sub #sermon li.listen a:hover,#sub #articles #mediabox li.listen a:hover, #sub #mediabox li.listen a:hover {background-position: 0 -24px;}
#sub #sermons .sermon li.download a:hover, #sub #sermon li.download a:hover, #sub #articles #mediabox li.download a:hover, #sub #mediabox li.download a:hover  {background-position: -22px -23px;}
#sub #sermons .sermon li.video a:hover, #sub #sermon li.video a:hover, #sub #articles #mediabox li.video a:hover, #sub #mediabox li.video a:hover  {background-position: -45px -24px;}	
#sub #sermons .sermon li.notes a:hover, #sub #sermon li.notes a:hover, #sub #articles #mediabox li.notes a:hover, #sub #mediabox li.notes a:hover  {background-position: -71px -24px;}			

#sub #mediabox{
	float: left;
	background-color: #f3efe3;
	border: 1px solid #dedace;
	margin-left: 0;
	margin-right: 15px;
	padding: 8px 15px 0;
	clear: both;
}

#sub #mediabox li{
	margin-bottom: 10px;
}

#sub #sermon #info, #sub #articles #info{
	float: left;
	width: 630px;
}
#sermons h3.sermongroup{
	font-size: 1.3em;
	color: #a6371c;
	margin-bottom: 20px;
	font-weight: bold;
	margin-left: 2px;
	margin-top: 10px;
}

#content #filters #rss{
	display: block;
	position: absolute;
	right: 20px;
	top: 5px;
}

#content #filters #rss a{
	background: url(../_img/RSS.png) no-repeat 0 0;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 30px;
	display: block;
	text-indent: -9999em;
	height: 20px;
}

/* @group Comments */

#sub #comments h4{
	font-weight: bold;
	margin-bottom: 0;
	padding-top: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #e9e4d8;
		font-size: 1.4em;
	padding-bottom: 10px;
}

#sub #comments form h4{
	margin-bottom: 1px;
	padding-top: 0;
	margin-top: 15px;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	border-style: none;
	padding-bottom: 0;
}

#sub #comments form textarea{
	height: 150px;
	margin-top: 10px;
	background-color: #f8f5ee;
	padding: 15px;
	font: 1.2em/1.5em Helvetica, Arial, sans-serif;
	color: #525252;
	margin-bottom: 10px;
	border: 1px solid #e4dfd4;
	display: block;
	width: 95%;
}
#sub #comments form #comment-submit{
	background: url(../_img/btn_form-submit.png) no-repeat;
	width: 72px;
	height: 25px;
	display: block;
	text-indent: -9999em;
	border-style: none;
}
#sub #comments form #comment-submit:hover{
	background-position: left bottom;
}

#sub #comments .comment-thanks{
	padding: 5px;
	border: 1px solid #e9e4d8;
	font-weight: bold;
	color: #990207;
	background: #f8f5ee no-repeat;
	height: 25px;
}
#comments .comment{
	margin-top: 0;
	border-bottom: 1px solid #e9e4d8;
	padding: 20px;
	background-color: #fcfaf2;
	margin-bottom: 0;
}

#comments .comment.odd{
	background-color: #fcf8eb;
}
#comments .comment .comment-name{
	margin-bottom:2px;
	color: #b5381c;
	font-size: 1.3em;
	font-weight: bold;
}

#comments .comment .comment-name span{
	color: #8e8e8e;
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
}

#comments .comment .comment-name span.date{
	color: #000;
	font-weight: normal;
	font-style: normal;
	font-size: .9em;
}
#comments .comment .comment-text{
	line-height: 1.5em;
	color: #000;
	font-size: 1.125em;
}

.blogs #comments label{
	font-weight: bold;
	display: block;
	padding-top: 10px;
	margin-top: 10px;
}

/* @end */
/* @end */

/* @group Blogs */
#text .blog{
	border-bottom: 1px solid #e4ded5;
	padding-bottom: 15px;
	margin-top: 25px;
	position: relative;
}
#text .blog h3{
	font-size: 1.8em;
	margin-bottom: 10px;
}
#text .blog h3 a:hover{
	text-decoration: none;
}

#text .blog .blogrss{
	width: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#text .blog .blogrss a, #text .subscribe a{
	background: url(../_img/RSS.png) no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 30px;
	display: block;
	text-indent: -9999em;
}
#sub #content #text .blog .blogrss a:hover{
	background-color: transparent;
}

#sidebar #blog_list_author, #sidebar #blog_list_archive, #sidebar #blog_list_category{
	margin-left: 10px;
	margin-bottom: 25px;
}

#sidebar #blog_list_author li, #sidebar #blog_list_archive li, #sidebar #blog_list_category li{
	margin-bottom: 10px;
	list-style-type: none;
}

#sidebar #blog_list_author li a, #sidebar #blog_list_archive li a, #sidebar #blog_list_category li a{
	color: #a6371c;
	font-size: 1.2em;
	text-decoration: none;
}

#sidebar #blog_list_author li a:hover, #sidebar #blog_list_archive li a:hover, #sidebar #blog_list_category li a:hover{
	text-decoration: underline;
}

#text .currentblog {
	margin-bottom: 25px;
}
.post{
	margin-bottom: 15px;
	border-bottom: 1px solid #dad5cb;
	padding-bottom: 0;
}
.post .blogposttitle{
	font-size: 1.8em;
}
#text .post .byline, .blogs #text .byline{
	padding-top: 5px;
	color: #403f33;
	font-weight: bold;
}

#text .post .byline .date, .blogs #text .byline .date{
	margin-left: 5px;
	font-weight: normal;
	font-style: normal;
}
#content #text .post .commentnum{
	color: #121212;
	float: right;
}
#text .post .commentnum span{
	color: #a6371c;
}

#sub.blogs #text  p{

}

/* @end */

/* @group Events */

#text #events{
	margin-top: 25px;
}
#text #events h3 {
	font-size: 1.5em;
	padding-bottom: 5px;
}
#text #events .event{
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dadad8;
}
#text #events .event strong{
	font-weight: bold;
	color: #424242;
}

#content #eventimg{
	margin-bottom: 15px;
}

/* @end */
/* @group Calendar */

#text #cal-wrap{
	position: relative;
	margin-top: 55px;
	display: block;
	width: 900px;
}
#text table.calendar{
	margin-bottom:25px; 
	border: 1px solid #e3e1d9; 
	border-collapse: collapse; 
	width:900px;
	border-right-style: none;
	margin-top: 25px;
	  
}

#text table.calendar body{
	width:900px;
	text-align: right;
}
#text table.calendar caption{ 
	padding:0 0 12px 50px; 
	color: #403f4e; 
	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;
}


#text #month1, #text #month2, #text #month3, #text #month4, #text #month5, #text #month6, #text #month7, #text #month8, #text #month9, #text #month10, #text #month11, #text #month12{
	width: 900px;
}
#text .calendar span{ 
	display:block; 
	width:21px; 
	height:18px; 
	text-indent:-9999em; 
	position:absolute; 
	background:url(/_img/caption_span_bg.gif) no-repeat;
}
#text span.calendar-next{ 
	background-position:right top; 
	top:0; 
	left:22px;

}
#text span.calendar-prev{ 
	background-position:left top; 
	top:0; 
	left:0px;
}
#text table.calendar th	{ 
	 padding:0; 
	 background: #2f2f2d; 
	 color:#fefefe; 
	 font-size: 1.2em; 
	 font-weight: bold; 
	 line-height: 33px;
	 text-transform:uppercase;
	 text-align: center;
}
#text 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;

}
#text table.calendar td a{ 
	color:#898781; 
	text-decoration: none; 
}
#text table.calendar td ul{ 
	margin: .7em 0 0 .4em; 
	font-size: 100%; 
	list-style: none; 
	padding:6px;
	margin-right: -4px;
	display: block;
}
#text table.calendar td li{ 
	margin-bottom: .95em; 
	font-size: 1.1em; 
	line-height: 1.3; 
	text-align:left; 
}
#text table.calendar td li a{ 
	color: #575653; 
	text-decoration:none; 
	font-size:11px; 
}
#text table.calendar td li a:hover{ 
	text-decoration:underline; 
	color: #a6371c; 
}

#text .calendar td.empty{
	background-color: #fcfcfc;
	background-image: none;
}

#sub.calendar #content h2{
	margin-bottom: 0px;
}
/* @end */

/* @group Gallery */

#content #photo-list{
	position: relative;
	
}
#content .photo{
	overflow: hidden;
		background-color: #fce9c1;
	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{
	margin-top: 2px;
	background-color: #000;
	position: absolute;
	bottom: 0;

	margin-bottom: 0;
	padding: 5px;
	border-top: 1px solid #313131;
	display: block;
	width: 100%;
} 

#content #gallery-list .gallery .title a{
	color: #fff;
}

#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 */

/* @group Forms */

#content .monkForm fieldset legend.first{
	display: none;
}

#content .monkForm fieldset legend{
  font-size: 1.4em;
  line-height: 1.4;
  padding-bottom: 5px;
}

#content .monkForm p.data input{
	border: 1px solid #ddceb9;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

#content .monkForm .file p.data input{
	border:none;
}

#content .monkForm .checkbox p.data input{
	border:none;
	height: 13px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0 5px 0 0;
}


#sub.form #content .monkForm .text{
}

#sub.form #content .monkForm .text label{
	width: 100px;
	display: inline-block;
	margin-right: 10px;
}

.form #content .monkForm .textarea{
	clear: both;
}

.form #content .monkForm .textarea label{
	display: block;
}
.form #content .textarea textarea{
	width: 350px;
	height: 100px;
	border: 1px solid #dededd;
	border-top: 1px solid #bababa;
} 

#sub.form .monkForm  .error{
	padding: 5px;
	background-color: #920207;
	display: inline-block;
	color: #fff;
	margin-bottom: 10px;
	font-size: 1em;
} 

#sub.form .monkForm .errorSummary{
	color: #920207;
	font-weight: bold;
}

#sub.form #content #text .monkForm p.data img.captcha{
	display: block;
	float: none;
	margin-bottom: 5px;
	margin-top: 5px;
}
#sub.form #content #text .monkForm .captcha input{
	margin-left: 0;
	float: left;
	margin-right: 10px;
}

#sub.form #content #text .monkForm .captcha label{
	display: block;
}

/* @end */

  /* @group songs */

#content #text .song {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
}

#content #text .return{
}
#text .song h3{
	margin-bottom: 5px;
}

#content #text .song p.info{
	margin-bottom: .5em;
	color: #403f33;
}

#content #text .song p.info strong, #content #text .songdetail strong{
	color: #000;
	font-weight: bold;
}

#content #text .song p.info span, #content #text .songdetail span{
	margin-right: 10px;
}
#content #text .song p{
	font-size: 1.2em;
	margin-bottom: 0;
}
#content #text .song .albumart img{
	padding: 4px;
	border: 1px solid #ecedee;
	margin-right: 25px;
	float: none;
}


#content #text .songdetail
 .albumart img{
	float: none;
	margin-bottom: 15px;
	margin-right: 0;
}

#content #text div.return{
	margin-bottom: 9px;
}

#sidebar .section #songLists{
	margin-bottom: 25px;
	margin-left: 25px;
}

/* @end */                                                                
