/*
Theme Name: LewisburgBC
Theme URI: http://www.lewisburgbaptistchurch.org/
Description: The default WordPress theme for Lewisburg Baptist Church.
Version: 1.0
Author: Anton Kabranovich
Author URI: http://www.karbanovich.com/
Tags: victorian, blue, brown, old style. 
*/



/* HERE COMES THE CSS REST  */

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: normal;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
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: "" "";
}

/* ---------   END RESET    ---------- */


body {
background: #EFEFEF;
font-size: 12pt;
font-family: Georgia, serif;
font-weight: lighter;
}

a {
color: #1774B0;
text-decoration: none;
}

a:hover {
color: #A0321E;
text-decoration: underline;
}

#wrapper {
width: 100%;
margin: auto;
}

#header {
background: url(images/header_bg2.png) repeat-x bottom center;
width: 100%; 
height: 150px; 
margin: auto;
margin-bottom: -8px;
z-index: 99;
position: relative;
}

#header div.inner { 
background: url(images/head_ligssht.html) top center;
width: 970px;
height: 131px;
margin: auto;
}


#header.deepheader { 
margin: auto;
}


#utilities {
width: 256px;
float: right;
margin-top: 54px;
}


#header #headerlantern { 
width: 165px; 
height: 165px; 
background: url(images/logo_seal.png) no-repeat top left; 
margin: auto; 
float: left; 
position: relative; 
top: 7px;
left: 120px;
}


#utilities #search input.searchtext { 
width: 240px; 
height: 25px; 
background: url(images/search_bg.png) no-repeat top left;
border: 0px;
color: #ffffff; 
font: italic 13px Georgia;
padding: 5px 7px;
z-index: 2;
}

#utilities #search input.searchbutton { 
width: 32px; 
height: 38px; 
border: 0px; 
background: url(images/search_button.png) no-repeat top left;
float: right;
margin-top: -30px;
right: 3px;
cursor: pointer;
position: relative;
z-index: 9;
}

#logo {
height: 67px;
width: 297px;
position: relative; 
top: 40px;
left: 0px;
float: left;
z-index:3;
}

#logo a {
background:transparent url(images/main_logo.png) no-repeat center top;
width: 100%;
height: 100%;
float: left;
text-decoration: none;
}

#logo a span {
visibility: hidden;
}


#banner { 
height: 420px; 
z-index: 1;
width: 100%; 
background: url(images/banner_bg.jpg) repeat-x top center;
}

#banner .inner { 
background: url(images/banner_light2.png) no-repeat top center;
margin: auto;
width: 100%; 
height: 100%;
z-index: 12;
}


#banner .innerlanterns { 
background: url(images/lanterns_bg.png) no-repeat bottom center;
width: 100%;
height: 100%;
overflow: auto;
}


#menu {
width: 100%;
background: url(images/menu_bg.png) no-repeat top center;
margin: auto;
height: 57px;
clear: both;
position: relative;
top: 1px;
}


#menu ul {
text-align: center;
position: relative;
top: 14px;
z-index: 30;
border: none;
}

@-moz-document url-prefix() {
		#menu ul {
        top: 14px;
    }
}

#menu ul li {
display: inline;
text-align: center;
vertical-align: middle;
height: 50px;
padding: 9px 8px;
position: relative;
}

#menu ul li:first-child { 
background: none;
}



#menu ul li a,
#menu ul li.current_page_item a {
font-size: 16px;
height: 50px;
padding: 3px 18px;
display: inline;
color: #520400;
font: italic lighter 19px Georgia, serif; 
text-decoration: none;
/*text-transform: uppercase;*/
text-shadow: #ffffff 1px 1px 1px;
}


#menu ul li a:hover,
#menu ul li.current_page_item a {
color: #002C4D;
}


#menu ul ul { 
position: absolute;
display: none;
top: 36px; 
left: 2px;
z-index: 80;
width: 217px;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')";
-moz-box-shadow: 0px 0px 3px #666666;
-webkit-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;
}



#menu ul li:hover ul {
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
top: 36px; 
left: 2px;
z-index: 10;
width: 217px;
}

#menu ul li ul li,
#menu ul li ul li:first-child { 
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 187px;
display: inline;
text-align: left;
vertical-align: middle;
height: auto;
padding: 6px 10px 7px 20px;
border-bottom: 1px solid #e3e3e3;
background: #FBF6F5 repeat-x top left;
position: relative;
}

#menu ul li:hover ul li:last-child { 
}

#menu ul li ul li a,
#menu ul li ul li.current_page_item a,
#menu ul li.current_page_item ul li a {
margin-bottom: 10px;
line-height: 1;
font-size: 13px;
color: #9B1901;
padding-left: 0px;
}


#menu ul li ul li a,
#menu ul li.current_page_item ul li a,
#menu ul li.current_page_ancestor ul a, 
#menu ul li.current_page_parent lu a {
background: none;
color: #22506C;
}

#menu ul ul li:hover,
#menu ul ul li:first-child:hover { 
color: #333333;
}

#menu ul li ul li.current_page_item a,
#menu ul li ul li a:hover  { 
color: #9B1901;

}



#menu ul ul li:hover ul,
#menu ul ul ul,
#menu ul li:hover ul ul {
position: absolute;
display: none;
top: 0px; 
left: 215px;
z-index: 99;
width: 217px;
}

#menu ul li:hover ul li:hover ul,
#mune ul ul, {
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
top: 0px; 
left: 215px;
z-index: 99;
width: 227px;
}



















#bannerinfo { 
width: 960px; 
background: url(images/paper_frame.png) no-repeat top left;
height: 366px;
position: relative;
top: -4px;
z-index: 20;
margin: auto;
color: #520400;
text-shadow: #ffffff 1px 1px 1px
}

#bannerinfo h2 {
margin: 60px 0px 0px 100px;
font: italic 28px Georgia;
text-indent: -40px;
width: 240px;
}


#bannerinfo p { 
margin: 10px 0px 0px 100px;
font: normal 14px Georgia;
line-height: 1.5;
width: 240px;
}



#slideshow { 
width: 523px; 
height: 273px; 
float: right;
display: block;
margin-right: 50px;
margin-top: 39px;
}


#content {
width: 100%; 
background: url(images/content_bg.jpg) top left;
margin: auto;
overflow: visible;
margin-bottom: -5px;
padding-bottom: 1px;
color: #33333;
font: lighter 10pt/1.7 "Georgia";
}

#content .inner { 
width: 970px; 
margin: auto;
}


#content .contentinner { 
width: 920px; 
margin: auto;
background-color: #F3E5E2;
border: 2px solid #ffffff;
overflow: auto;
padding: 25px;
margin-bottom: 35px;
margin-top: 5px;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
z-index: 10;
}

#content .homecontentinner { 
background: url(images/church_fade.jpg) #F3E5E2 no-repeat bottom right;
}

#content.deepcontent {
position: relative;
}


#content.deepcontent .contentinner { 
margin-top: -550px;
z-index: 10;
min-height: 550px;
position: relative;
}

#content #leftcontent ul { 
list-style: disc;
list-style-position: outside; 
margin-left: 25px; 
}



#three_info {
background: url(images/header_bg2.png) repeat-x top center;
width: 100%; 
height: 218px; 
margin: auto;
margin-top: 0px;
z-index: 2;
position: relative;
padding-top: 20px;
top: -5px;
}

#content #three_info h2 {
font: italic 22px Georgia; 
text-shadow: #ffffff 1px 1px 1px;
color: #520400;
background: url(images/h2_bg.png) no-repeat top left;
padding: 10px 5px 10px 23px;
margin-bottom: 10px;
}

#content #three_info p { 
margin-top: 0px;
padding: 0px 0 0 5px;
color: #ffffff; 
font-size: 14px;
text-shadow: #000000 1px 1px 1px;
}

#three_info h2 a { 
color: #520400;
text-decoration: none;
}

#three_info .infobox { 
width: 275px; 
float: left;
margin-right: 70px;
}

#block {
border: 0px;
overflow: auto;
margin-bottom: 33px;
}



#leftcontent {
width: 622px;
float: left;
background: url(images/content_shadow.html) no-repeat top right; 
line-height: 1.5;
}


#rightcontent {
width: 240px;
float: right;
}



#content p.testimonial { 
border: 1px solid #cccccc; 
background: url(images/testimonial_bg.jpg) #ffffff repeat-x bottom left;
padding: 15px 20px;
color: #666666; 
margin-bottom: 15px;
font-style: italic;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#ffffff')";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#ffffff')";
-moz-box-shadow: 1px 1px 1px #ffffff;
-webkit-box-shadow: 1px 1px 1px #ffffff;
box-shadow: 1px 1px 1px #ffffff;
}

#content p.name { 
font: italic 15px Arial;
color: #004C7B;
}

#content h1 {
font: italic 22px "Georgia", sans-serif;
color: #09327D; 
margin: 0px 0px 5px 0px;
padding: 0px;
color: #00486D;
text-shadow: #ffffff 1px 1px 1px;
}

#content h2 {
font-size: 20px;
font-weight: normal;
color: #714833;
font-style: italic;
margin: 5px 0px 0px 0px;
padding: 0px
}

#content h2 a {

}


#content h3 {
font-size: 15px;
color: #333333;
font-weight: bold;
}


#content h4 {
font-size: 14px;
color: #666666;
font-weight: bold;
}



#content p {
margin: 8px 0px;
color: #333333;
}

#content #leftcontent a { 
color: #714833;
text-decoration: underline;
}

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

#content a.shortbutton { 
width: 132px; 
height: 18px; 
text-align: center;
background: url(images/short_button.png) no-repeat top left; 
text-transform: uppercase;
color: #951700;
display: block;
float: left;
font-size: 12px;
padding: 12px 0px;
}

#content a.shortbutton:hover { 
color: #666666;
text-decoration: none;
}


#content a.longbutton { 
width: 175px; 
height: 18px; 
text-align: center;
background: url(images/long_button.png) no-repeat top left; 
text-transform: uppercase;
color: #951700;
display: block;
float: left;
font-size: 12px;
padding: 12px 0px;
font-weight: bold;
}

#content a.longbutton:hover { 
color: #666666;
text-decoration: none;
}



#sidemenu ul {
width: 100%;
margin-bottom: 45px;
}
#sidemenu ul li {
background: url(images/sidemenu_bg.jpg) no-repeat bottom left;
min-height: 41px; 
margin-bottom: 1px;
}

#sidemenu ul li:first-child {
}


#sidemenu ul li a { 
color: #894C37; 
font: italic normal 15px "Georgia";
text-decoration: none;
display: block; 
text-align: center;
width: 100%;
padding: 9px 0px; 
height: 100%; 
text-shadow: #ffffff 1px 1px 1px;
}



#sidemenu ul li a:hover,
#sidemenu ul li.current_page_item a { 
color: #333333;
}






#content .comment-author {
padding: 12px 0px; width: 215px; font-size: 15px; float: left;
}
 
#content .comment-body { 
padding: 12px 0px; width: 370px; font-size: 13px; float: right;
}
 
#content hr {
border: none;
border-top: 1px dotted #999999;
height: 0px;
margin: 12px 0px;
clear: both;
width: 100%;
}

#content ul li {
}

#content ul.commitment { 
background: url(images/commetment_bg.html) repeat-x bottom left;
padding: 15px 15px 20px 0px;
margin-top: -1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

#content ul.commitment li {
background: url(images/green_tick.png) no-repeat top left;
background-position: 18px 3px; 
padding-left: 50px;
margin-bottom: 7px;
}


#content ul.commitment li:first-child { 
font: bold 10pt "Georgia", sans-serif;
color: #990000;
}

.service_area {
margin: 10px 25px;
}







/* /////////////////////// OLD STYLE ///////////////////////// */ 



#directions input.addr {
border: 1px solid #ffffff;
height: 23px;
background: #CDC9B5;
background-position: 2px 3px;
display: inline;
width: 245px;
vertical-align: middle;
padding-top: 7px;
padding-left: 7px;
color: #ffffff;
float: right;
}

#directions input.button {
border: 1px solid #ffffff;
display: inline;
float: right;
cursor: pointer;
width: 137px; 
height: 29px;
margin-top: 10px;
background: url(images/get_directions.html) no-repeat top center;
}

#content form#comment {
width: 470px; 
margin: auto;
margin-top: 30px;
font-size: 15px;
margin-bottom: 25px;
color: #847F6C; 
text-align: left;
}

#content #comment p {
font-weight: bold; 
}

form#comment input.text { 
width: 264px;
height: 22px;
padding: 4px; 
background: #F7F5E9; 
border: 3px solid #CDC9B5;
font-family: Arial, Helvetica, sans-serif;
margin: 10px 0px;
font-size: 15px; 
color: #847F6C;
}

#comment input.button {
background: url(images/submit.html) no-repeat top left;
cursor: pointer;
width: 109px; 
height: 37px; 
float: right; 
border: 0px; 
}

form#comment textarea {
width: 460px;
height: 150px;
font-family: Arial, Helvetica, sans-serif;
padding: 4px; 
background: #F7F5E9; 
border: 3px solid #CDC9B5;
margin: 10px 0px;
font-size: 15px; 
color: #847F6C;

}




#sideblock {
border: 1px solid #CCBE9E;
background: url(images/sideblock_bg.html) #F0EDE4 repeat-x top left; 
background-position: 1px 1px;
}


#sideblock ul {
border: 1px solid #ffffff;
}

#sideblock ul li {
display: block;
padding: 7px 10px 7px 15px;
border-bottom: none;
background: none;
}

#sideblock ul li.first {
font-size: 18px;
padding: 0px;
color: #B4612D;
font-weight: bold;
border-bottom: 1px solid #CCBE9E;
}








span.date {
color: #333333;
font-size: 8pt;
}

#content em {
font-style: italic;
font-weight: inherit;
}

#content strong, 
#content b {
font-weight: bold;
font-style: inherit;
}



#footer {
width: 100%;
background: url(images/header_bg2.png) repeat-x top center;
margin: auto;
position: relative; 
top: 0px;
font-weight: lighter;
}

#footer .inner { 
width: 970px; 
height: 100px;
padding-top: 35px;
margin: auto;
}

#footer p {
font-size: 16px; 
line-height: 1.7;
font-style: italic;
color: #ffffff;
float: left; 
width: 210px;
text-shadow: #000000 1px 1px 1px;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #cccccc;
}







.clear {
clear: both;
}


#header div#headerlantern.academylant { 
background: url(images/acad_shield.png) no-repeat top left;
}

div#logo.academylogo a { 
background: url(images/acad_logo.png) no-repeat top left;
height: 111px;
position: relative;
top: -24px;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}