/* Site: Harbor of Hope */

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

body{
   padding: 31px 0;
   background: #44261E url(/images/bg_body.jpg) repeat-x center top;
   font-size: 62.5%;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

hr{
   display: none;
}

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

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

a{
   overflow: hidden;
}

.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{
   position: relative;
   width: 771px;
   height: 117px;
   background: url(/images/bg_header.gif) no-repeat;
}

#header h1{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 240px;
   height: 110px;
   margin: 0 0 0 27px;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 240px;
   height: 110px;
}

#header p{
   position: absolute;
   top: 36px;
   right: 24px;
   color: #FFFFF0;
   font-size: 1.2em;
}

#header p img{
   border: 0;
   vertical-align: middle;
}

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

#nav{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 92px 24px 0 0;
   list-style: none;
}

#nav li{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-left: 4px;
   font-size: 1.2em;
   text-transform: uppercase;
}

#nav li a{
   display: block;
   padding: 7px 11px 6px;
   background: #593327 url(/images/bg_nav_li_a.gif) repeat-x left bottom;
   color: #FFF;
   text-decoration: none;
}

#nav li a:hover{
   background: #FFF;
   color: #493E38;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 148px;
   padding: 5px;
   background: #FFF;
   list-style: none;
   line-height: 1;
}

#nav li li{
   margin: 0;
   font-size: 1.0833em;
   text-transform: none;
}

#nav li ul ul{
   margin: -30px 0 0 148px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

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

#nav li li a{
   width: 140px;
   padding: 6px 4px;
   border-bottom: 1px solid #ECE8E6;
   background: #FFF;
   color: #493E38;
}

#nav li li a:hover{
   background: #ECE8E6;
   color: #B06148;
}

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

#container-inner{
   padding-bottom: 9px;
   background: url(/images/bg_container-inner.jpg) repeat-y;
}

#header-image{
   width: 743px;
   height: 116px;
   margin: 0 auto 4px;
   padding-top: 7px;
   background: url(/images/bg_header-image.jpg) no-repeat;
}

body#home #header-image{
   height: 267px;
   margin-bottom: 0;
   background: url(/images/bg_header-image_home.jpg) no-repeat;
}

#header-image img{
   display: block;
   width: 724px;
   height: 107px;
   margin: 0 auto;
}

body#home #header-image img{
   height: 257px;
   margin: 0 0 0 10px;
}

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

#content-wrap{
   width: 737px;
   margin: 0 auto;
   padding-bottom: 10px;
   background: url(/images/bg_content-wrap.gif) repeat-y;   
}

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

body#home #content-wrap{
   padding: 0;
   background: url(/images/bg_content-wrap_home.gif) repeat-y center top;
}
/* =Content
---------------------------------------------------------------------
*/

#content{
   float: right;
   width: 482px;
   padding: 15px 17px;
}

body#home #content{
   float: none;
   width: auto;
   padding: 10px 0 0;
}

#content h3{
   
   color: #EADDD4;
   text-transform: lowercase;
   font-size: 2em;
   font-family: cursive;
   font-weight: normal;
   margin-bottom:1em;
}


#content h4{
   margin-bottom: 1em;
   color: #E5CDAA;
   font-size: 1.4em;
}

#content h5{
   margin-bottom: 1em;
   color: #C3B6AC;
   font-size: 1.5em;
   font-weight: normal;
   font-family: Georgia, Times, "Times New Roman", serif;
}

#content h6{
   margin-bottom: 1em;
   color: #FFFFF2;
   font-size: 1.3em;
}

#content p,
#content li{
   margin-bottom: 1.5em;
   color: #FFFFF2;
   font-size: 1.2em;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin: 0 0 1.5em 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;
}

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

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

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

#content a{
   color: #E5CDAA;
   font-weight: bold;
}

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

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

#content #text{
   clear: both;
}

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

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

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

#content .sermonbox p.sermonlink{
   margin-top: 10px;
}

#content .sermonbox p.eventtime{
   margin-bottom: 0;
}

#content #mediabox{
   float: right;
   width: 125px;
   padding: 5px 5px 0;
   border: 1px solid #E5CDAA;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-size: 1.1em;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}

#content #about{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 212px;
   margin-left: 19px;
}

#content #about p{
   color: #FFF;
   font-size: 1.1em;
}

#content #about img{
   float: none;
   margin: 0;
   border: 0;
}

#content #recent-messages{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 207px;
   margin-left: 34px;
}

#content #recent-messages h4{
   width: 142px;
   margin: 0;
   font-size: 1.2em;
   text-transform: uppercase;
}

#content #recent-messages h4 a{
   color: #FFF;
   text-decoration: none;
}

#content #recent-messages h4 a:hover{
   text-decoration: underline;
}

#content #recent-messages p{
   margin: 0;
   color: #EADDD4;
   font-size: 1.1em;
}

#content #recent-messages .sermon{
   position: relative;
   margin-bottom: 25px;
}

#content #recent-messages p.play{
   position: absolute;
   top: 0;
   right: 0;
   text-indent: -9999px;
}

#content #recent-messages p.play a{
   display: block;
   width: 56px;
   height: 20px;
   background: url(/images/bg_recent-messages_play.gif) no-repeat;
}

#content #latest-news{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 204px;
   margin-left: 39px;
}

#content #latest-news h4{
   margin-bottom: 0;
   font-size: 1.2em;
   text-transform: uppercase;
}

#content #latest-news h4 a{
   color: #E5CDAA;
   text-decoration: none;
}

#content #latest-news h4 a:hover{
   text-decoration: underline;
}

#content #latest-news p{
   color: #FFFFF2;
   font-size: 1.1em;
}

/* Calendar */

#content table.calendar{
   margin-bottom: 25px;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #FCFDFE;
   font-size: 1.4em;
}

#content table.calendar caption span{
   color: #C06F57;
}

#content table.calendar th{
   padding: 6px 0;
   background: #8A796C;
   color: #2D251E;
   font-size: 1.3em;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #40342B;
   border-left: 0;
   border-top: 0;
   background: #564A41;
   color: #FCFDFE;
   font-size: 1em;
   vertical-align: top;
}

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

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

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

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

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

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

#sidebar{
   float: left;
   width: 216px;
}

#sidebar h3{
   color: #EADDD4;
   font-size: 2em;
   font-weight: normal;
   font-family: cursive;
   text-transform: lowercase;
}

#sidebar #current-series{
   margin: 9px 8px 9px 7px;
}

#sidebar #current-series h4{
   margin-bottom: .5em;
   padding-bottom: .5em;
   border-bottom: 1px solid #59493E;
   color: #F5EDE3;
   font-size: 1.3em;
   font-weight: bold;
}

#sidebar #current-series p{
   color: #F5EDE3;
   font-size: 1.2em;
}

#sidebar #current-series a{
   color: #E3B696;
}

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

#sidebar #current-series img{
   margin-bottom: 5px;
   border: 3px solid #312821;
}

#podcast{
   padding: 13px 8px;
}

body#home #podcast{
   padding: 0;
   background: none;
}

#podcast img{
   float: none;
   margin: 0;
   border: 1px solid #312821;
}

#sidebar #newsletter-wrap{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 0 14px 0 15px;
}

#sidebar #newsletter-wrap h3{
   /*margin-bottom: .5em;*/
}

#sidebar form#newsletter input#newsletter_text{
   float: left;
   width: 110px;
   height: 18px;
   margin-right: 3px;
   padding: 5px 7px 0;
   border: 0;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   color: #A4958A;
}

#sidebar form#newsletter input#newsletter_submit{
   display: block;
   float: left;
   width: 56px;
   height: 23px;
   border: 0;
   background: url(/images/bg_newsletter_submit.gif) no-repeat;
   text-indent: -9999px;
}

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

#footer{
   clear: both;
   height: 162px;
   background: url(/images/bg_footer.gif) no-repeat;
}

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

#footer p{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 15px 23px 0;
   color: #EEDBCC;
   font-size: 1.1em;
   text-transform: uppercase;
}

#footer p.powered{
   float: right;
}

#footer a{
   color: #EEDBCC;
}

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

/* Quicklinks */

#quicklinks{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin: 17px 0 0 20px;
}

#quicklinks a{
   float: left;
   margin-right: 8px;
   padding: 7px;
   background: url(/images/bg_quicklinks_a.png) no-repeat;
   _background: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_quicklinks_a.png');
}

#quicklinks a:hover{
   background: url(/images/bg_quicklinks_a_hover.png) no-repeat;
   _background: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_quicklinks_a_hover.png');
}

#quicklinks img{
   border: 0;
}

/* 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 h3{
	visibility: hidden;
	letter-spacing: -10px;
	font-size: 40px;
}

.sIFR-hasFlash #sidebar h3{
	visibility: hidden;
	letter-spacing: -10px;
	font-size: 36px;
}