/*
Theme Name: St Michaels Church
Theme URI: http://stmichaelschurch.net
Description: St Michaels Church in Charleston, SC.
Version: 1.0
Author: Superior Internet
Author URI: http://superiorinternet.com/
Tags: st michaels, church, charleston, sc, south carolina
*/



*{
margin:0;
padding:0;
}

body{
background-color:#ffffff;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#wrapper{
width:995px;
margin:0 auto;
padding-top:20px;
}

.clear{
clear:both;
}

p{
padding-bottom:10px;
}

a{
color:#0055a5;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

h1{
color:#257fd4;
font-size:16px;
font-weight:bold;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
padding-top:10px;
}
h2{
color:#0055a5;
font-size:24px;
font-weight:bold;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
}

h3{
color:#0055A5;
font-weight:bold;
font-size:16px;
font-style:italic;
}
h4{
font-weight:bold;
text-decoration: underline;
padding-top:15px;
}

.post{
padding-bottom:20px;
}

#content ul{
padding-left:25px;
}

#header{

}
#logo{
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position:right;
width:326px;
height:149px;
padding-left:30px;
float:left;
}

#top_links{
float:right;
background-image:url(images/top_links_bg.jpg);
background-position:left;
background-repeat:no-repeat;
width:565px;
height:141px;
padding-right:30px;
}
#top_links ul{
list-style:none;
padding-top:120px;
padding-left:2px;
}
#top_links li{
float:left;
background-image:url(images/top_links_divider.png);
background-repeat:no-repeat;
background-position:left;
padding-left:2px;
padding-right:4px;
}
#top_links a{
display:block;
height:14px;
padding-left:14px;
padding-right:14px;
background-position:center;
background-repeat:no-repeat;
}
#top_links span{
display:none;
}
#top_links li.programs{
background:none;
}
#top_links li.vision a{
width:58px;
background-image:url(images/top_links_vision.png);
}
#top_links li.tour a{
width:49px;
background-image:url(images/top_links_tour.png);
}
#top_links li.history a{
width:73px;
background-image:url(images/top_links_history.png);
}
#top_links li.programs a{
width:121px;
background-image:url(images/top_links_connections.png);
}
#top_links li.services a{
width:70px;
background-image:url(images/top_links_services.png);
}

#nav{
background-image:url(images/nav_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:36px;
position:relative;
z-index:500;
}
#nav ul{
list-style:none;
background-image:url(images/nav_left.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
height:36px;
float:left;
}
#nav li{
float:left;
background-image:url(images/nav_divider.jpg);
background-repeat:no-repeat;
background-position:right;
}
#nav li:hover{
background-color:#5aaef7;
background-image:url(images/nav_hover_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
}
#nav a{
display:block;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0055a5;
text-decoration:none;
font-size:13px;
padding-left:8px;
padding-right:10px;
padding-top:13px;
height:23px;
}
#nav a:hover{

}
#nav ul ul div.dropdown-top{
background-image:url(images/dropdown/top.jpg);
background-repeat:no-repeat;
width:888px;
height:10px;
}
#nav ul ul div.dropdown-container{
background-image:url(images/dropdown/middle.png);
background-repeat:repeat-y;
width:872px;
padding:8px;
min-height:75px;
}
#nav ul ul div.dropdown-bottom{
background-image:url(images/dropdown/bottom.png);
background-repeat:no-repeat;
width:888px;
height:16px;
}
#nav ul ul ul div.dropdown-top, #nav ul ul ul div.dropdown-bottom{
display:none;
}
#nav ul ul ul div.dropdown-container{
width:auto;
background:none;
padding:0;
min-height:0;
}
#nav ul ul{
display:none;
position:absolute;
top:36px;
left:53px;
padding:0;
height:auto;
width:872px;
padding:8px;
min-height:75px;
float:none;
z-index:500;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/dropdown/middle.png);
background-repeat:repeat-y;
}
#nav ul ul li{
float:left;
background:none;
position:relative;
width:286px;
padding-left:2px;
padding-right:2px;
padding-bottom:15px;
}
#nav ul ul li:hover{
background:none;
}
#nav ul ul a{
padding:0;
padding-left:5px;
display:block;
height:20px;
line-height:20px;
font-size:12px;
font-weight:bold;
color:#0055a5;
background-color:#f1f1f1;
font-family:Arial, Helvetica, sans-serif;
}
#nav ul ul a:hover{
color:#1b7ad4;
text-decoration:underline;
}
#nav ul ul ul{
top:auto;
left:auto;
position:relative;
width:auto;
padding:0;
background:none;
padding-left:7px;
}
#nav ul ul ul li{
float:none;
width:auto;
padding:0;
}
#nav ul ul ul a{
color:#666666;
background:none;
}
#nav ul ul ul ul{
padding:0;
padding-left:7px;
}
#nav ul ul ul ul a{
color:#777777;
}
#nav ul ul ul ul ul a{
color:#aaaaaa;
}
div#nav li:hover ul
{display:block;}
/************************************************************************************************************************************************
                                                    Every Third Menu Item in Drop Down
*************************************************************************************************************************************************/
/*#menu-item-857, #menu-item-888, #menu-item-954, #menu-item-971, #menu-item-884{
clear:left;
}*/

#menu-item-6999{
	clear:left;
}

#search{
background-image:url(images/search-bg.png);
background-repeat:no-repeat;
background-position:bottom;
width:169px;
height:27px;
float:right;
padding-top:9px;
padding-left:64px;
}
#search input{
width:124px;
height:16px;
background:none;
border:none;
}
#search input#searchsubmit{
width:17px;
height:18px;
cursor:pointer;
}
#search .screen-reader-text{
display:none;
}

#content{
width:929px;
margin:0 auto;
padding-top:16px;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
#home_banner{
width:929px;
height:461px;
position:relative;
overflow:hidden;
background-color:#0055a5;
color:#ffffff;
}
#home_banner a{
color:#ffffff;
text-decoration:underline;
}
#home_banner p{
padding:0;
font-size:14px;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
}
#home_banner p.home_banner_image{
padding-bottom:6px;
}
#home_banner h1{
font-size:22px;
font-weight:normal;
color:#ffffff;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
padding:0;
}
#home_banner_corners{
background-image:url(images/home_banner_corners.png);
background-repeat:no-repeat;
background-position:top left;
width:929px;
height:6px;
z-index:400;
position:absolute;
top:0;
left:0;
}
#home_banner_bottom_corners{
background-image:url(images/home_banner_bottom_corners.png);
background-repeat:no-repeat;
background-position:bottom left;
width:929px;
height:6px;
z-index:400;
position:absolute;
bottom:0;
left:0;
}
#home_banner ul#home_banner_slideshow{
list-style:none;
}
#home_banner_slideshow li{
width:929px;
height:461px;
overflow:hidden;
z-index:1;
text-align:center;
position:absolute;
top:0;
left:0;
z-index:8;
background-color:#0055a5;
}
#home_banner_slideshow li.active {
z-index:10;
}
#home_banner_slideshow li.last-active {
z-index:9;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:none;
}	

#bottom_links{
padding-top:5px;
}
#bottom_links ul{
list-style:none;
padding:0;
}
#bottom_links li{
float:left;
padding-left:8px;
background-repeat:no-repeat;
background-position:right;
width:226px;
height:130px;
}
#bottom_links span{
display:none;
}
#bottom_links a{
display:block;
width:226px;
height:130px;
}
#bottom_links a:hover{
background-image:url(images/white_hover.png);
background-repeat:repeat;
}
#bottom_links li.rector{
background-image:url(images/bottom_links_rector.jpg);
padding:0;
}
#bottom_links li.prayer{
background-image:url(images/bottom_links_prayer.jpg);
}
#bottom_links li.listen{
background-image:url(images/bottom_links_listen.jpg);
}
#bottom_links li.events{
background-image:url(images/bottom_links_events.jpg);
}

#sidebar{
width:402px;
height:234px;
float:right;
margin-left:15px;
margin-bottom:15px;
background-color:#0055a5;
position:relative;
overflow:hidden;
}
#sidebar p.side_image{
padding-bottom:10px;
}
#sidebar h1{
color:#ffffff;
font-size:14px;
font-weight:normal;
font-family:"Trajan Pro", Arial, Helvetica, sans-serif;
padding:0;
text-align:center;
}
#side_image_top_corners{
background-image:url(images/side_image_top_corners.png);
background-repeat:no-repeat;
background-position:top left;
width:402px;
height:6px;
z-index:400;
position:absolute;
top:0;
left:0;
}
#side_image_bottom_corners{
background-image:url(images/side_image_bottom_corners.png);
background-repeat:no-repeat;
background-position:bottom left;
width:402px;
height:6px;
z-index:400;
position:absolute;
bottom:0;
left:0;
}

#footer{
font-size:11px;
text-align:center;
border-top:dotted 1px #999999;
border-bottom:dotted 1px #999999;
width:929px;
margin:0 auto;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}
#footer p{
padding:0;
}
#footer a{
color:#666666;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
.footer_space{
width:7px;
display:inline-block;
}
#footer2{
font-size:11px;
text-align:center;
width:929px;
margin:0 auto;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:5px;
}
#footer2 p{
padding:0;
}
#footer2 a{
color:#666666;
text-decoration:none;
}
#footer2 a:hover{
text-decoration:underline;
}
.lcp_catlist{
list-style:none;
text-decoration:none;
color:#0055A5;
}
.lcp_catlist p{
color:#666666;
padding-left:15px;
}
.lcp_catlist a{
list-style:none;
text-decoration:none;
color:#0055A5;
font-weight:bold;
font-size:16px;
font-style:italic;
}
.lcp_catlist a:hover{
text-decoration:underline;
}
.lcp_catlist a:visited{
list-style:none;
text-decoration:none;
color:#0055A5;
font-size:16px;
font-weight:bold;
font-style:italic;
}
.lcp_catlist li{
padding-top:3px;
padding-bottom:2px;
}
.move_right{
	padding-left:15px;
}

.navigation{
position:relative;
padding-bottom:15px;
}
.alignleft{
float:left;
text-align:left;
}
.alignright{
float:right;
text-align:right;
}

/***************************************************************************************************************************************************************
					Search Results
***************************************************************************************************************************************************************/
.search_post{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:solid 1px #ccc;
padding-left:5px;
padding-right:5px;
}
.search_post h3{
padding-bottom:5px;
}
.read_more{
font-style:italic;
}

/*************************************************
		Columns
*************************************************/
.left_column{
float:left;
padding-right:5%;
padding-bottom:10px;
width:20%;
clear:both;
}
.right_column{
float:right;
padding-left:5%;
width:60%;
padding-bottom:10px;
}

/***************************************************************************************************************************************************************
																	The Messenger Newsletter
***************************************************************************************************************************************************************/
.messenger_thumb{
float:left;
padding-right:10px;
width:175px;
padding-bottom:10px;
}
.messenger_info{
float:left;
width:725px;
color:#0055A5;
padding-bottom:10px;
}
.messenger_info p{
color:#666666;
padding-left:15px;
}
.messenger_info h4{
padding:0;
}
.messenger_info h4 a{
text-decoration:none;
color:#0055A5;
font-weight:bold;
font-size:16px;
font-style:italic;
}

#new_posts ul{
list-style:none;
padding-bottom:15px;
font-size:18px;
}
#new_posts li{
padding-bottom:10px;
}

.staff_thumb{
	float:left;
	width:165px;
	padding-bottom:10px;
}
.staff_info{
	float:left;
	width:725px;
}
ul.staff_members{
	list-style:none;
	padding-bottom:50px;
}
ul.staff_members li{
	border-bottom:solid 1px #ccc;
	padding-top:15px;
	padding-top:15px;
}

.form_checkboxes .wpcf7-list-item{
	display:block;
	width:400px;
	padding:10px;
}

#facebook{
	position:fixed;
	left:0;
	top:200px;
}
#twitter{
	position:fixed;
	left:0;
	top:275px;
}
#facebook a, #twitter a{
	display:block;
	width:51px;
	height:51px;
	margin-left:-10px;
	text-indent:-9999px;
	outline:none;
	background-image:url(images/facebook.png);
}
#twitter a{
	background-image:url(images/twitter.png);
}
#facebook a:hover, #twitter a:hover{
	margin-left:0;
}