/* Site: Church Cloud */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   background: #FFF url(/images/bg_body.gif) repeat-x;
   font-size: 62.5%;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

hr{
   display: none;
}

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

#container{
   width: 775px;
   margin: 0 auto;
}

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 */


/* =Header
---------------------------------------------------------------------
*/

#header{
   width: 775px;
   position: relative;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 715px;
   height: 47px;
   margin: 25px 0 27px 3px;
   background: url(/images/bg_h1.gif) no-repeat;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 715px;
   height: 47px;
}

#header ul#login-nav{
   position: absolute;
   top: 12px;
   right: 0;
}

#header ul#login-nav li{
   float: left;
   margin-right: 10px;
   padding-right: 10px;
   border-right: 2px solid #6F955A;
   color: #FFF;
   font-size: 1.1em;
   font-weight: bold;
   list-style: none;
}

#header ul#login-nav li#login-state{
   border: 0;
}

#header ul#login-nav a{
   color: #F68E56;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav,
#meta-nav{
   clear: left;
   float: left;
   width: 500px;
   background: url(/images/bg_nav_li.gif) no-repeat left 2px;
   list-style: none;
}

#meta-nav{
   clear: none;
   float: right;
   width: 215px;
}

#nav li,
#meta-nav li{
   float: left;
   background: url(/images/bg_nav_li.gif) no-repeat right 2px;
   letter-spacing: -.06em;
}

#nav li a,
#meta-nav li a{
   display: block;
   padding: 13px 20px 15px 18px;
   color: #FFF;
   font-size: 1.6em;
   text-decoration: none;
}

#nav li:hover,
#nav li.current{
   margin: -8px 0 0 -2px;
   background: url(/images/bg_nav_li_hover.gif) no-repeat right top;
}

#nav li:hover a,
#nav li.current a{
   padding-top: 18px;
   padding-left: 20px;
   background: url(/images/bg_nav_li_a_hover.gif) no-repeat;
}

/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   position: relative;
   float: left;
   width: 775px;
   background: #FFF url(/images/bg_content-wrap.gif) no-repeat;
}

/* =Search
---------------------------------------------------------------------
*/

#search-wrap{
   position: absolute;
   top: 21px;
   right: 7px;
}

#search-wrap form#searchForm input#search_term{
   float: left;
   margin-right: 3px;
   padding: 5px 12px;
   border: 1px solid #B2B2B2;
   background: #FFF url(/images/bg_search_term.gif) repeat-x left bottom;
   color: #663333;
   font-size: 1.3em;
   font-weight: bold;
}

#search-wrap form#searchForm a#search_go{
   float: left;
   display: block;
   width: 45px;
   height: 27px;
   background: url(/images/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}

#search-wrap p{
   margin-top: 7px;
   color: #FFF;
   font-size: 1.1em;
}

#search-wrap a{
   color: #F68E56;
   font-weight: bold;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   float: left;
   width: 448px;
   margin-top: 13px;
   padding: 0 20px;
}

#content h1{
   margin-bottom: 45px;
   color: #FFF;
   font-size: 2em;
   font-weight: normal;
}

#content h2{
   color: #60759E;
   font-size: 2.4em;
   text-transform: lowercase;
}

#content h3{
   margin-bottom: .75em;
   padding: 9px 11px;
   background: url(/images/bg_content_h3.gif) no-repeat;
   color: #111;
   font-size: 1.6em;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h4{
   margin-bottom: .5em;
   color: #709F10;
   font-size: 1.4em;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#content h5,
#content h6{
   margin-bottom: 1em;
   color: #363636;
   font-size: 1.1em;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}

#content h6{
   font-weight: bold;
   text-transform: none;
}

#content p,
#content ul,
#content ol,
#content td{
   margin-bottom: 2em;
   color: #363636;
   font-size: 1.2em;
   line-height: 1.7;
}

#content p.city-name{
   margin-bottom: 2px;
   color: #F68E56;
   font-size: 1.3em;
   text-transform: uppercase;
}

#content ul{
   list-style: none;
}

#content ul ul{
   margin-bottom: 0;
   font-size: 1em;
}

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

#content li{
   line-height: 2;
}

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

#content ul li{
   padding-left: 17px;
   background: url(/images/bg_content_li.gif) no-repeat left 10px;
}

#content ul li li{
   background-image: url(/images/bg_content_li_li.gif);
}

#content ul li li li{
   background-image: url(/images/bg_content_li_li_li.gif);
}

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

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

#content a{
   color: #F68E56;
}

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

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   float: right;
   width: 273px;
   margin-top: 109px;
   padding: 0 7px 87px;
   background: url(/images/bg_sidebar.gif) repeat-y left top;
}

#sidebar h3{
   width: 257px;
   height: 24px;
   margin-bottom: 8px;
   padding: 9px 0 0 16px;
   background: url(/images/bg_sidebar_h3.gif) no-repeat;
   color: #FFF;
   font-size: 1.6em;
   font-weight: normal;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar p{
   margin: 5px 17px;
   color: #363636;
   font-size: 1.1em;
   line-height: 1.25;
}

#sidebar a{
   color: #F68E56;
}

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

/*
#sidebar p.more{
   display: inline;
   float: right;
   margin: 0;
   margin-right: 3px;
   border: 1px solid #E1E1E1;
   background: #F8F2E8 url(/images/bg_sidebar_more.gif) repeat-x;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   text-transform: uppercase;
}

#sidebar p.more a{
   display: block;
   padding: 4px 20px 4px 9px;
   background: url(/images/bg_sidebar_more_a.gif) no-repeat 86% center;
   color: #51615F;
   text-decoration: none;
}

#sidebar #events{
   float: left;
   margin-bottom: 29px;
}

#sidebar #events .event{
   display: inline;
   float: left;
   width: 242px;
   margin: 0 0 10px 4px;
   padding: 5px 12px;
}

#sidebar #events .event:hover{
   padding: 4px 11px;
   border: 1px solid #E1E1E1;
   background: #FAF6EF url(/images/bg_sidebar_event_hover.gif) repeat-x top left;
}

#sidebar #events .event h4{
   margin: .25em 0;
   color: #663333;
   font-size: 1.3em;
}

#sidebar #events .event p{
   color: #363636;
   font-size: 1.1em;
}

#sidebar #events .event p.date{
   float: left;
   width: 34px;
   height: 38px;
   margin-right: 12px;
   background: url(/images/bg_sidebar_event_date.gif) no-repeat;
   text-align: center;
}

#sidebar #events .event p.date span.month{
   display: block;
   color: #FFF;
   padding: 2px 0 3px;
   font-size: 1.1em;
   font-weight: bold;
   text-transform: uppercase;
}

#sidebar #events .event p.date span.day{
   display: block;
   padding: 3px 0;
   color: #FF6600;
   font-size: 1.3em;
   font-weight: bold;
}

#sidebar #recent-sermons{
   clear: both;
   float: left;
   margin-bottom: 41px;
}

#sidebar #recent-sermons .sermon{
   display: inline;
   position: relative;
   float: left;
   width: 242px;
   margin: 0 0 10px 4px;
   padding: 8px 12px;
}

#sidebar #recent-sermons .sermon:hover{
   padding: 7px 11px;
   border: 1px solid #E1E1E1;
   background: #FAF6EF url(/images/bg_sidebar_event_hover.gif) repeat-x top left;
}

#sidebar #recent-sermons .sermon h4{
   width: 185px;
   margin-bottom: .25em;
   font-size: 1.5em;
   font-weight: normal;
}

#sidebar #recent-sermons .sermon h4 a{
   color: #FF6600;
   text-decoration: none;
}

#sidebar #recent-sermons .sermon h4 a:hover{
   text-decoration: underline;
}

#sidebar #recent-sermons .sermon p{
   color: #464646;
   line-height: 1.4;
}

#sidebar #recent-sermons .sermon p.preacher{
   margin-bottom: .25em;
   font-size: 1.1em;
   font-weight: bold;
}

#sidebar #recent-sermons .sermon ul{
   position: absolute;
   top: 7px;
   right: 9px;
}

#sidebar #recent-sermons .sermon:hover ul{
   top: 6px;
   right: 8px;
}

#sidebar #recent-sermons .sermon li{
   float: left;
   text-indent: -9999px;
   list-style: none;
}

#sidebar #recent-sermons .sermon li a{
   display: block;
   width: 28px;
   height: 25px;
   background-position: left top;
   background-repeat: no-repeat;
}

#sidebar #recent-sermons .sermon:hover li a{
   background-position: left bottom;
}

#sidebar #recent-sermons .sermon li.play a{
   background-image: url(/images/bg_sidebar_sermon_play.gif);
}

#sidebar #recent-sermons .sermon li.download a{
   background-image: url(/images/bg_sidebar_sermon_download.gif);
}

#sidebar p#powered{
   margin-left: 9px;
   text-indent: -9999px;
}

#sidebar p#powered a{
   clear: both;
   display: block;
   width: 256px;
   height: 28px;
   background: url(/images/bg_sidebar_powered.gif) no-repeat;
}
*/

/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   width: 739px;
   margin: 0 auto;
   padding-top: 12px;
   background: url(/images/bg_footer.gif) repeat-x left top;
}

#footer p{
   float: left;
   padding: 6px 50px 30px;
   background: url(/images/bg_footer_p.gif) no-repeat left top;
   color: #808080;
   font-size: 1.1em;
   text-align: right;
}

#footer a{
   color: #F68E56;
}

#footer div.poweredby{
   float: right;
   padding: 6px 0 30px;
   background: none;
   color: #808080;
   font-size: 1.1em;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h2{
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 38px;
}