/*
Theme Name: Calvary Baptist
Theme URI: http://calvarysmyrna.com/
Description: Custom theme for Calvary Baptist Church.
Version: 2.1
Author: Joey Tyson
Author URI: http://joeytyson.com/
*/

body {
background-color: #000;
color: rgb(128,32,54);
font-size: 100.1%;
margin: 0;
padding: 0;
text-align: center;
}

a, a:link, a:visited, a:hover, a:active {
color: rgb(100,100,100);
}

#wrapper {
margin: 0 auto;
min-width: 970px;
width: 100%;
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-size: 80%;
text-align: center;
word-wrap: break-word;
background: url(images/bg_wrapper.gif) top center repeat-y #000;
}
* html #wrapper {
width: 970px;
}

#masthead {
height: 103px;
margin: 0;
padding: 0;
text-align: left;
}

#masthead p {
display: block;
margin: -3px 26px 8px 26px;
padding: 0;
font-size: 95%;
}

#masthead h1, #h1_image {
margin: 0;
padding: 0;
height: 103px;
min-width: 970px;
}
* html #masthead h1, * html #h1_image {
width: 970px;
}

#h1_image {
display: block;
position: relative;
margin-top: -103px;
background: url(images/bg_masthead.jpg) top center no-repeat #000;
}

#mainbody {
margin: 0 auto;
padding: 15px 0 18px 194px;
width: 776px;
text-align: left;
background: url(images/bg_mainbody.gif) top left no-repeat transparent;
}

#navbar {
display: block;
clear: both;
height: 24px;
width: 746px;
margin: 0;
padding: 0 0 0 34px;
border: 0;
}

#navbar li {
display: block;
float: left;
height: 24px;
list-style-type: none;
}

#navbar li a, #navbar li a:link, #navbar li a:visited, #navbar li a:hover, #navbar li a:active {
display: block;
height: 20px;
margin: 0;
padding: 4px 17px 0 17px;
border: 0;
font-family: georgia;
text-decoration: none;
color: #fff;
}

#navbar li a:hover, #navbar li a:active {
background-color: rgb(166,53,79);
}

#navbar li.current_page_item, #navbar li.current_page_parent {
background-color: rgb(166,53,79);
}

#slideshow {
clear: both;
height: 380px;
width: 760px;
}

a#block-members, a:link#block-members, a:visited#block-members, a:hover#block-members, a:active#block-members {
display: block;
float: left;
height: 190px;
width: 189px;
margin: 0;
text-indent: -9999px;
}

a#block-members, a:link#block-members, a:visited#block-members {
background: url(images/link_members.jpg) 0 0 no-repeat;
}

a:hover#block-members, a:active#block-members {
background: url(images/link_members_hover2.jpg) 0 0 no-repeat;
}

a#block-welcome, a:link#block-welcome, a:visited#block-welcome, a:hover#block-welcome, a:active#block-welcome {
display: block;
float: left;
height: 190px;
width: 188px;
margin: 0 0 0 2px;
text-indent: -9999px;
}

a#block-welcome, a:link#block-welcome, a:visited#block-welcome {
background: url(images/link_welcome.jpg) 0 0 no-repeat;
}

a:hover#block-welcome, a:active#block-welcome {
background: url(images/link_welcome_hover2.jpg) 0 0 no-repeat;
}

a#block-calendar, a:link#block-calendar, a:visited#block-calendar, a:hover#block-calendar, a:active#block-calendar {
display: block;
float: left;
height: 190px;
width: 188px;
margin: 0 0 0 2px;
text-indent: -9999px;
}

a#block-calendar, a:link#block-calendar, a:visited#block-calendar {
background: url(images/link_calendar.jpg) 0 0 no-repeat;
}

a:hover#block-calendar, a:active#block-calendar {
background: url(images/link_calendar_hover2.jpg) 0 0 no-repeat;
}

a#block-listen, a:link#block-listen, a:visited#block-listen, a:hover#block-listen, a:active#block-listen {
display: block;
float: left;
height: 190px;
width: 189px;
margin: 0 0 0 2px;
text-indent: -9999px;
}

a#block-listen, a:link#block-listen, a:visited#block-listen {
background: url(images/link_listen.jpg) 0 0 no-repeat;
}

a:hover#block-listen, a:active#block-listen {
background: url(images/link_listen_hover2.jpg) 0 0 no-repeat;
}

a#link-home, a:link#link-home, a:hover#link-home, a:visited#link-home, a:active#link-home {
position: absolute;
display: block;
height: 200px;
width: 168px;
margin: -130px 0 0 -188px;
text-indent: -9999px;
}

.navigation {
margin-top: 14px;
}

#content {
margin: 0;
padding: 0;
}

#content .post {
float: left;
width: 522px;
margin: 0;
padding: 14px 10px 20px 14px;
text-align: justify;
}

.post h2 {
margin: 4px 0 -4px -4px;
padding: 0;
font-family: georgia;
font-size: 190%;
font-weight: normal;
line-height: 1.5em;
}

.post h3 {
font-size: 130%;
font-style: italic;
font-weight: normal;
}

.post h4 {
margin-left: 5px;
font-weight: bold;
}

.post p {
margin-left: 24px;
}

.post ul {
margin-left: -14px;
}

.image-side {
float: left;
width: 140px;
margin-left: -187px;
}

#submenu {
float: left;
width: 140px;
margin: 90px 0 0 -189px;
padding: 0 0 0 0;
font-size: 89%;
}

#submenu ul {
margin: 0;
padding: 0;
}

#submenu ul li {
display: block;
clear: left;
height: 34px;
width: 151px;
margin: 0;
padding: 0;
border-right: 1px solid rgb(128,32,54);
list-style-type: none;
}

#submenu ul li a, #submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:hover, #submenu ul li a:active {
display: block;
height: 25px;
width: 119px;
margin: 0;
padding: 9px 20px 0 12px;
border: 0;
text-align: right;
text-decoration: none;
color: rgb(128,32,54);
}

#submenu ul li a:hover, #submenu ul li a:active {
background-color: #ccc;
color: #fff;
}

#submenu ul li.current_page_item a, #submenu ul li.current_page_item a:link, #submenu ul li.current_page_item a:visited, #submenu ul li.current_page_item a:hover, #submenu ul li.current_page_item a:active {
font-weight: bold;
}

#submenu ul li.current_page_item a:hover, #submenu ul li.current_page_item a:active {
font-weight: bold;
}

#footer {
position: relative;
clear: both;
height: 102px;
min-width: 970px;
margin: 0;
padding: 38px 0 18px 0;
background: url(images/bg_footer.jpg) top center no-repeat #000;
}
* html #footer {
height: 140px;
width: 970px;
}

#footer a, #footer a:link, #footer a:hover, #footer a:visited, #footer a:active {
color: #fff;
}

 #footer a:hover, #footer a:active {
color: #ffc;
}

#footer p {
display: block;
margin: 0 auto;
padding: 0 16px 0 37px;
width: 917px;
text-align: left;
font-size: 100%;
color: #fff;
}

#footer p.copyright {
margin-top: -18px;
text-align: right;
font-size: 89%;
line-height: 1.1em;
}

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