/* CSS Document */
/* detail styles, content sections of website */


/* *************    COLORS    *************

light blue  638497
dark blue   223b4b
tan  		978163
brown		4b3c29
rust		bb673b

content bg 0d0a07
content line  363331


greens:
light   80C460
med     4A7838
dark    213519


*/

/*  *************   BASIC   ************* */





/*wrap content and footer to properly v and h align */
#wrapper{
margin-left: auto;
margin-right: auto;
width: 960px;
}

#content{
background: #0d0a07 url(../images/background/content_fade.jpg) repeat-x;/* 2b271f  or 000     */
width: 960px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 24px 0px;
/* IE fix */
#padding: 0px 0px 24px 0px;
_padding: 24px 0px 0px 24px;
float: left;
text-align:left;
border-top: 0px solid #524b41;
}

#content.nosplash{
width: 912px; /* 960 */
padding: 24px;
margin-top: -8px;
_padding-top: 32px;
}


/* inner frame for javascript to manipulate */
#dynamiccontent{
width: 912px;
float: left;
margin-top: 24px;
border-top: 1px solid #363331;
_padding: 0px;
}
/*style text in mainly text content paragraphs*/
#dynamiccontent.text #right em{
color: #978163;
font-weight: normal;
font-style: italic;
}

blockquote{
line-height: 140%;
color: #80c460; /*  bb673b */
border: 1px solid #0d0a07;
display: block;
}

blockquote img{
margin-top: -6px;
}

q{
color: #978163;
font-style: italic;
}

/*  *************   LINKS   ************* */

#content a:link, #content a:hover, #content a:visited, #content a:visited:hover, #content a:active, #content a:visited:active{
color: #80c460; /* 638497 */
border-bottom: 1px dotted #80c460; /* 638497 */
text-decoration: none;
margin-bottom: 1px; /* make sure dots are shown in ie */
}

#content a:hover, #content a:visited:hover{
color: #fff;/* fff */
border-bottom: 1px dotted #978163; /* 978163 */
}
#content a:visited{
color: #4a7838; /*  638497 */
border-bottom: 1px dotted #4a7838;/* 223b4b */
}



/*  *************   PAGE MENU   ************* */
/* java effect switches content, or alternately used to switch subsection pages */

#pagemenu{
width: 912px;
height: 44px;
float: left;
position: relative;
margin: -64px 0px 12px 0px; /* align with header, drop content below it */
}

#pagemenu.outside{
/* above "dynamic content sets" */
margin-top: -39px;
margin-bottom: -6px;
_margin-left: 0px;

}

#pagemenu #splitter{
/* v splitter for grouping nav items */
background: #363331;
width:1px;
height: 38px;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
float: right;
}


/*

light blue  638497
dark blue   223b4b
tan  		978163
brown		4b3c29
rust		bb673b

content bg 0d0a07
content line  363331

greens:
light   80C460
med     4A7838
dark    213519
*/


a.large_a_button, a.large_a_button:visited{
background: ;
padding: 0px 0px 0px 0px;
/* color: #223b4b; */
}


/* LEFT SIDE CENTER 
#pagemenu sup{
font-size: 45%;
margin: 14px 4px -10px -5px;
color: #223b4b;
font-weight: bold;
float: left;
}
*/

/* BETA  TAG */
#pagemenu sup{
font-size: 45%;
margin: 14px -5px -10px 4px;
color: #223b4b;
font-weight: bold;
}

#pagemenu #sup{
font-size: 45%;
margin: -6px -4px 6px 3px;
float: right;
/* */
#margin: -48px 6px 0px 68px;
#float: left;
color: #223b4b;
font-weight: bold;
}

#pagemenu a #sup{
color: #4a7838; /* bb673b  */
}

#pagemenu a.current #sup{
color: #213519;   /*  223b4b    */
}
#splitter_text{
/* with small text desc */
height: 38px;
margin: 0px -15px 0px 25px;
padding: 0px 0px 0px 15px;
float: right;
font-size: 70%;
border-left: 1px solid #363331;
}

#pagemenu #splitter_text em{
/* pointer graphic */
background: url(../images/background/messages-tag.png) right -16px no-repeat;

padding: 2px 15px 2px 4px; 
/* background: #bb673b;
padding: 2px 4px 2px 4px; */
color: #213519; /*  223b4b */
float: left;
margin: 10px 0px 0px 8px;
}


#pagemenu a:link, #pagemenu a:hover, #pagemenu a:visited, #pagemenu a:visited:hover{
height: 44px;
margin: 0px 0px 0px 24px;
padding: 0px 11px 0px 11px;
float: right;
position: static;
font-size: 125%;
line-height: 190%;
text-decoration: none;
border-bottom: 0px;
}
#pagemenu a:link, #pagemenu a:visited{
color: #80c460; /* 638497 */
}
#pagemenu a:hover, #pagemenu a:visited:hover{
color: #FFF;
}
#pagemenu a.current:link, #pagemenu a.current:hover, #pagemenu a.current:visited, #pagemenu a.current:visited:hover{
background: url(../images/navigation/pagemenu.png) top right;
color: #fff;
}



/*  *************   FONTS   ************* */



/* page title */
h1{
margin: 0px 0px 0px 0px;
font-size: 220%;
}

.cufon-active h1 { /* for Cufon.replace('h1') */
	font-size: 260%;
	line-height: 80%;
	padding: 0px;
	margin: 0px;
}


/* left section header */
#content #left h3{
font-size: 180%;
font-weight: normal;
margin: 1px 0px 17px 0px; /* 1 0 17 0 = 24  px on top and bottom */
}


/* alt color  */
#content #left h3 em{
font-style: normal;
color: #80c460; /*  638497 */
}



#content #right h4{
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
font-size: 130%;
color: #978163;  /* 978163 638497 */
}

#content #left h3.hsmaller{
font-size: 100%;
margin-left: 12px;
}

/* indent left paragraphs from header */
#content #left p{
margin-left: 24px;
}

#content em{
font-style: normal;
color: #978163;
}
.smaller{
font-size: 80%;
}


/*  *************   CONTENT  ************* */

#content  #left{
width: 300px; /* 324 */
margin: -7px 0px 0px 24px; /* top: overwrite -7 margin of content.nosplash */
_margin-left: 0px;
padding: 24px 0px 0px 0px;
_padding-left: 24px;
_margin-right: 0px;
float: left;
}
#content #right{
width: 588px; /* 588 */
margin: -7px 0px 0px 0px;/* top: overwrite -7 margin of content.nosplash */
padding: 24px 0px 0px 0px;
_margin-left: 0px;
float: left;
_float: right;
}

#content p{
margin: 0px 0px 12px 0px;
padding: 0px 0px 0px 0px;
line-height: 160%;
}

/* notes text */
#content p.notes, span.notes{
font-size: 70%;
font-style: normal;
margin-top: 12px;
color: #666;
}



/*  *************   LISTS   ************* */

/* left-side link list */
ul.extralinks{
margin: 48px 0px 0px 24px;
padding: 0px 0px 0px 0px;
list-style-type: none;
color: #978163;
}
ul.extralinks em{
margin-left: 30px;
color: #978163;
}

ul.extralinks li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
}
ul.extralinks li.special{
padding: 4px 0px 12px 0px;
}
ul.extralinks li.special img{
margin-right: 0px;
}
ul.extralinks li img{
margin: -8px 4px 0px -6px;
}
ul.extralinks li img.halfsize{
margin:  2px 12px 0px 2px;
}

.ulright{
float: right;
position: relative;
}

ul.number{
list-style-type: decimal;
margin: 12px 0px 36px 0px;
/* fix ie */
#list-style-position: inside;
_list-style-position: inside;
}
ul.number li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
/* fix ie */
#margin-left: 12px;
_margin-left: 12px;
}

ul.documents{
line-height: 150%;
}
ul.documents li{
margin-bottom: 8px;
}

/*  *************   DIRECTIONS PAGE   ************* */

img.map{
float: left;
margin: 0px 0px 24px -24px;
}


/*  *************   SERVICES PAGE   ************* */
/* custom bg */
/* breaks IE6!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#content.services{
background: #0d0a07 url(../images/background/services.jpg) no-repeat;
width: 912px; 
padding: 24px;
margin-top: -8px;
_padding-top: 32px;
}

/* handle multiple dynamic content */
#set, #set1, #set2, #set3, #set4, #set4, #set5, #set6, #set7, #set8, #set9, #set10{
width: 912px;
float: left;
}
#set.multiple,#set.multiple, #set1.multiple, #set2.multiple, #set3.multiple, #set4.multiple, #set4.multiple, #set5.multiple, #set6.multiple, #set7.multiple, #set8.multiple, #set9.multiple, #set10.multiple{
margin: 36px 0px 0px 0px;
border-top: 1px solid #363331;
}

.secondary{
border-top: 1px solid #363331;
margin-top: 24px;
padding-top: 16px;
}

#set1 #left.alt{
_margin-right: -36px;
}

#set1 #right.alt{
_width: 568px; /* 588 */
_margin-left: 24px;
}

/* dyanmic content */
/* come back and change services page to utilize "set" feature */
#service1, #service2, #service3{
width: 912px;
display: block; /* remove if script fade is  used */
}
#service1{
z-index: 50;
float: left;
position: relative;
}
#service2{
z-index: 60;
float: left;
position: relative;
}
#service3{
z-index: 70;
float: left;
position: relative;
}


#box{
margin: 0px 0px 0px 0px;
padding: 24px 24px 24px 24px;
border: 1px solid #363331;
float: left;

}
#box.nobottom{
padding-bottom: 0px;
#padding-bottom: 24px;
_padding-bottom: 24px;
_padding: 12px;
}
#box h3{
color: #978163; /* 978163 638497 */
margin: 0px 0px 24px 0px;
}

#box ul{
width: 245px; /* 269 */
margin: 0px 24px 24px 0px;
padding: 0px 0px 0px 0px;
float: left;
position: relative;
list-style-type:none;
}
#box ul.right{
margin-right: 0px;
}

img.havenlogo{
margin: 0px 0px -24px 0px;
}

#box li{
text-indent: 24px;
margin: 8px 0px 0px 0px;
}

/*  *************   MESSAGES PAGE   ************* */

#content.messages{
background: #0d0a07 url(../images/background/bible.jpg) top left no-repeat; 
width: 912px; /* 960 */
padding: 24px;
margin-top: -8px;
_padding: 24px 0px 24px 0px;
}


#browser_subtitle{
/* right side title for message browser */

font-size: 140%;
margin: 7px 0px 10px 0px;
padding: 0px 0px 15px 0px;
font-weight: normal;
color: #fff;
border-bottom: 1px solid #363331;
}

#browser_subtitle p{
margin: 0px 0px 0px 0px;
font-size: 60%;
color: #978163;
}

#speaker_title{
background: #978163;
margin: 5px 8px -4px 0px;
padding: 3px 4px 2px 4px;
float: left;
font-size: 40%;
color: #0d0a07;
}

input{
background: #363331;
border: 2px solid #363331;
color: #978163;
}

#searchform input{
width: 430px;
font-size: 100%;
margin: 4px 0px -4px 0px;
padding: 2px 4px 2px 4px;
}


#searchform{
margin: -8px 0px 0px 0px;
padding: 0px;
}
#searchform #button{
background: url(../images/navigation/pagemenu.png) top right no-repeat;
 /* background: #978163;  */
width: 140px;
height: 34px;
margin: 4px 0px -10px 0px;
#margin: -47px 0px 0px 0px;
float: right;
position: relative;
border: 0px;
font-size: 65%;
font-weight: bold;
color: #213519;    /*  223b4b  */
cursor: pointer;
}
#searchform #button:hover{
/* background: #638497;  */
color: #fff;
}


table.messages_table tr:hover{
/* background: url(../images/background/tr_bg.jpg) repeat-x top left; */
}

/* *************    COLORS    *************

light blue  638497
dark blue   223b4b
tan  		978163
brown		4b3c29
rust		bb673b

content bg 0d0a07
content line  363331

*/

table.messages_table th{
font-size: 100%;
/*padding: 8px 0px 4px 0px;*/
padding: 0px;
margin: 0px;
color: #666;
border-bottom: 0px solid #363331;
}



table.messages_table td{
padding: 8px 0px 8px 4px;
height: 51px;
text-align: left;
font-weight: normal;
text-indent: 0px;
}

table.messages_table td.smaller{
font-size: 80%;
color: #978163;
font-weight: normal;
}


td.messages-tag{
background: url(../images/background/messages-tag.png) top left no-repeat;
}


td.title a:link,  td.title  a:hover{
color: #FFF;
border-bottom: 0px;
}

/*- padding from above */
table.messages_table th.th_date{
width: 66px;
}
table.messages_table th.th_scripture{
width: 290px;
}
table.messages_table th.th_speaker{
width: 166px;
}
table.messages_table th.th_titlecombined{
width: 456px;
}

table.messages_table th.th_link{
width: 46px;
}


/* make scripture passage smaller */
td span.scripture_smaller{
font-size: 80%;
color: #4b3c29;
}

td span.speaker_smaller{
font-size: 80%;
color: #978163;
}

td span.date_smaller{
font-size: 70%;
color: #213519; /*  223b4b 978163 638497 */
font-weight: bold;
margin: 2px 0px 0px 0px;
}

td span.date{
font-size: 90%;
font-weight: normal;
text-transform: capitolize;
font-style: normal;
color: #fff; /* bb673b  978163 */
margin: 3px 0px -2px 0px;
float: left;
width: 100%;
}



.filetype{
font-size: 40%;
}

img.soundIcon{
margin: -8px 4px -4px 2px;
padding: 0px;
float: left;
position: relative;
background: #fff;
}
img.soundIcon:hover{
background: #80c460;    /*  638497 */
}

span.playtime{
font-size: 70%;
font-style: normal;
margin-top: 12px;
color: #978163;
margin: 0px 0px 0px 4px;
padding: 0px;
float: left;
width: 100%;
position: relative;
}

a.save img.save, a.save:visited img.save, a.save:visited:hover img.save, a.save:hover img.save{

}


p.pagination{
margin: 36px 0px 0px 0px;
font-size: 100%;
color: #363331;
}

p.pagination strong{
color: #FFF;
}



/*  *************   side_menu  ************* */

ul.side_menu, ul.categories{
list-style-type: none;
list-style-position: outside;
margin: 0px 0px 48px 0px;
padding: 0px 12px 0px 0px;
width: 276px;
/* border-bottom: 1px solid #363331;*/
}

ul.side_menu li, ul.side_menu li.cat-item{
width: 276px;
height: 43px;
cursor: pointer;
font-size: 110%;
text-indent: 12px;
line-height: 240%;
color: #978163;
}

ul.side_menu li:hover, ul.side_menu li.cat-item:hover{
color: #80C460;    /* bb673b */
}

ul.side_menu li.current, ul.side_menu li.current-cat {
background: url(../images/navigation/side_menu.png) top left;
color: #fff;
}

ul.side_menu li.unavailable, ul.side_menu li.unavailable:hover{

color: #363331;
cursor: text;
}

ul.side_menu h2{
margin-bottom: 8px;
font-size: 140%;
}

ul.side_menu select{
float: right;
position: relative;
margin: 12px 16px 0px 0px;
#margin: -32px 16px 0px 0px;
}

/* wordpress 
 .categories { ... }
 .cat-item { ... }
 .current-cat { ... }
 .current-cat-parent { ... }
 */



/* **********************  PASTORS  **************************/

img.pastoro_family{
float: right;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.pastoro_family_caption{
font-size: 70%;
color: #4b3c29;
float: right;
position: relative;
margin: 256px 132px -300px -500px;
padding: 0px 0px 0px 0px;
/* IE fix */
#margin: 256px 0px -300px -330px;
_margin: 256px 0px -300px -330px;

}

img.deacons_photo{
margin: 4px 0px 4px 0px;
}

.deacons_caption{
font-size: 70%;
color: #4b3c29;
}

ul.deacons{
margin: 24px 0px 0px 0px;
list-style-type: none;
list-style-position: outside;
}
ul.deacons li{
line-height: 140%;
margin-bottom: 0px;
}
ul.deacons li strong{
font-size: 80%;
font-weight:normal;
margin-left: 24px;
color: #978163;
}

ul.deacons li img{ /* email icon */
margin: 10px -4px -10px 4px;
}


/* front page */

#content.frontpage{
margin-top: 1px;
}


/* BLOG */

#content.blog{
background: #0d0a07 url(../images/background/content_fade.jpg) repeat-x;  /*  url(../images/background/bible.jpg) no-repeat */
width: 912px; /* 960 */
padding: 24px;
margin: -8px 0px 0px 0px;
_padding-top: 0px;
}

#content.blog #left{
}
#content.blog #right{
}

#left strong{
color: #978163;
}

#post{
/*background: url(../images/background/post_gradient.png)  0px -6px no-repeat;*/
background: url(../images/blog/header_glow.jpg)  0px -6px no-repeat;
width: 588px;
float: left;
padding-bottom: 12px;
border-bottom: 1px solid #363331;
position: relative;
margin-bottom: 36px;
}
#post #post_left{
float: left;
width: 72px;
}
#post #post_right{
margin-left: 24px;
width: 468px; /* extra right pad of 24 */
float: left;
}
/* day */
#post #date_bubble{
background:url(../images/blog/date_box.png) top left no-repeat;
width: 72px;
height: 90px;
float: left;
position: relative;
text-align: center;
}
#post #date_bubble h1{
color: #FFF;
margin: -1px 0px -13px 0px;
font-size: 300%;              
}
#post #date_bubble h2{
color: #213519;  /* 223b4b  */
margin: -13px 0px 0px 0px;
font-size: 100%;
}
/* title */
#post #title_box{
width: 468px;
height: 90px auto;
float: left;
}
#post #title_box h1{
margin-top: 8px;
font-size: 300%;
margin: 2px 0px -12px 0px;
}
#post #title_box h1 a:link,#post #title_box h1  a:visited{
color: #fff;
border-bottom: 0px;
}
#post #title_box h1 a:link:hover,#post #title_box h1  a:visited:hover{
border-bottom: 1px dotted #FFF;
}
#post #title_box h2{
font-size: 80%;
font-weight: normal;
color: #978163;
margin: 0px 0px 0px 3px;
}
/* categories and tags */
#post_left #categories{
width: 68px;
height: 90px;
float: left;
position: relative;
text-align: right;
font-size: 70%;
margin: 8px 0px 0px 0px;
padding: 0px 4px 0px 0px;
line-height: 140%;
color: #363331;
}
#post_left #categories a:link, #post_left #categories a:visited{
color: #80c460;                  /* bb673b */
border-bottom: 1px dotted #80c460;
}
#post_left #categories a:link:hover, #post_left  #categories a:visited:hover{
color: #fff;
border-bottom: 1px dotted #978163;
}

/* post body */

#post #post_body{
width: 468px;
float: left;
margin: 24px 0px 0px 0px;
}

#post #post_body img{
float: left;
position: relative;
margin: -12px 12px 24px 0px;
}

#post #post_body p{
text-indent: 24px;
text-align: justify;
margin-bottom: 12px;
}
#post #post_body p strong{
color: #978163;
}

#post #post_body p em{
color: #978163;   /*  bb673b */
font-style: italic;
}

/* dark icons with negative space to fill in with color */
#post_meta_links img.colored_icon{
background: #978163;
margin: 0px -8px 0px 0px;
float: left;
position: relative;
}

img.tan_icon{
background: #978163;
float: left;
margin: -4px 0px 4px 0px;
}

img.alt_icon{
float: left;
margin: -4px 0px 4px 0px;
}

img.icon_white{
background: #fff;
}

#post #post_meta{
width:468px; /* same as body */
height: 32px;
float: left;
position: relative;
}

/* contains edit, comments, etc at end of post */
#post_meta_links{

height: 32px;
float: left;
position: relative;
margin: 0px 24px 0px -6px;
}
#post_meta_links a:link,#post_meta_links a:visited{

float: left;
position: relative;
display: inline;
margin: -4px 0px 0px -12px;
}


#comment{
width: 492px;
}

/* *************    COLORS    *************

light blue  638497
dark blue   223b4b
tan  		978163
brown		4b3c29
rust		bb673b

content bg 0d0a07
content line  363331

*/


/* photo page */
img.link_image{
float: left;
margin: -4px -2px -2px 0px;
}


/* other */
img.link_image2{
float: left;
margin: -4px 0px 0px 0px;
}

/* */
img.ministry_top_photo{
margin: 0px 0px 6px 0px;
z-index: 50;
}

.caption{
font-size: 70%;
color: #4b3c29;
margin: 0px 0px 18px 0px;
float: left;
width: 100%;
text-align: center;
}