/*
Theme Name: Sovereign Grace Church
Description: The custom WordPress theme developed for Sovereign Grace Church (Houston, Texas)
Version: 1.0
Author: Randy Hoyt
Author URI: http://amesburyweb.com/

*/

html {min-height: 100%; padding-bottom: 1px;}
html,
body {
	margin:0;
	text-align:center;
    font-family:"Gill Sans","Gill Sans MT","Helvetica Neue","Myriad Pro","Candara",Helvetica,Arial,sans-serif;
}
ul, li { margin:0;padding:0;list-style:none; }
h1, h2, h3, h4 { margin:0;paddding:0; }
h1 span, h2 span, h3 span { display:none; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

p, div, span {
	font-size:11px;
	color:#333333;
	line-height:16px;
}
p {
	margin-bottom:20px;
    margin-top: 0px;
}
#section-content p,
#section-content div,
#section-content span {font-size: 14px; line-height: 20px;}
a {
	color:#B5121B;
}

#container {
	width:920px;
	text-align:left;
	margin:0 auto;
	margin-top:15px;
}
#top {
	background:url(./images/grace-top.jpg) no-repeat;
	width:176px;
	height:18px;
	margin-left:23px;
}
#content {
	background: #fff;
}
#page {
    min-height: 600px;
    _height: 600px;
}
#footer {
	clear:both;
	width:920px;
	height:8px;
	text-align:center;
	padding-top:35px;
	margin-bottom:60px;
}
#footer a {text-decoration: none; color: #69331f;}
#footer a:hover {text-decoration: underline;}
#footer .legal {padding-left: 1em;}

#logo {
	width:245px;
	height:50px;
	background:url(./images/sovereign-grace-church.gif) no-repeat;
    text-indent: -9999px;
    float: left;
}


/* NAVIGATION */

/*
#nav {
	float:right;
	padding-top:22px;
	margin-right:130px;
}
*html #nav {
	margin-right:0;
}

ul#nav li {
	float:left;
	margin-right:32px;
}
*:first-child+html #nav #push {
	height:1px;
	margin-top:20px;
}
#nav a span {
	display:none;
}
#nav a {
	height:14px;
	background-repeat:no-repeat;
	display:block;
}
#nav-home {
	background:url(./images/nav-home.jpg);
	width:47px;
}
#nav-about {
	background:url(./images/nav-about.jpg);
	width:56px;
}
#nav-churchlife {
	background:url(./images/nav-churchlife.jpg);
	width:109px;
}
#nav-resources {
	background:url(./images/nav-resources.jpg);
	width:98px;
}
#nav-members {
	background:url(./images/nav-members.jpg);
	width:79px;
}
#nav-contact {
	background:url(./images/nav-contact.jpg);
	width:75px;
}
*/
/*  ///////   */

#coming-up {
	float:right;
	z-index:1;
	margin:15px 17px 0 0;
}

#home-left {
	float:left;
	padding:25px 0 0 25px;
	width:410px;
}
#home-left p {
	width:410px;
}
#home-info {
	width:410px;
}
#home-info h2 {
	text-align:right;
	width:130px;
	margin-right:20px;
}
#home-info div {
	margin-bottom:20px;
}



#home-blog {
	width:180px;
	float:left;
	border-left:1px solid #e8e7e0;
	padding:0 15px;
	margin:25px 0 0 24px;
	min-height:290px;
	text-align:center;
}
#home-blog div, #home-blog p {
	text-align:left;
	font-size:10px;
}
#home-blog p {
	margin-bottom:15px;
}
.blog-date {
	color:#666666;
	font-style:italic;
	font-size:10px;
}



#home-right {
	float:left;
	text-align:center;
	width:200px;
	border-left:1px solid #e8e7e0;
	min-height:290px;
	margin:25px 0 0 5px;
}
#home-right div, #home-right p {
	text-align:left;
}
#home-right .padding {
	padding:0 20px;
}
#home-right p {
	margin-bottom:12px;
}



#section-img {
	padding-left:6px;
}
#breadcrumb {
	margin:10px 0 20px 30px;
	color:#333333;
    clear: both; position: relative;
}
#breadcrumb a {
    text-decoration: none;
}
#breadcrumb a:hover {text-decoration: underline; font-size: 11px}
#breadcrumb a.logout {position: absolute; top: 0; right: 9px; }
#page-home .logout {text-decoration: none; float: right; margin-right: 3px;}
#section-content {
	width:628px;
	padding-right:30px;
	float:left;
	border-right:1px solid #e8e7e0;
	margin:10px 0 0 30px;
}
#page-home #section-content {
	width:906px;
    border: 0;
    margin-left: 6px;
}
#page-no-sidebar #section-content {
	width:855px;
    border: 0;
}
#page-home #section-content .row div {
	width:297px; padding-bottom: 2em;
    float: left;
}
#page-home #section-content .row div a img {border: 0;}
#page-home #section-content .row div.medium1 {margin-right: 8px;}
#page-home #section-content .row div.medium3 {float: right;}
#section-img {position: relative;}
#page-home #line0,
#page-home #line1,
#page-home #line2,
#page-home #line3 {position: absolute; right: 32px; text-align: right; color: #bbad9e; font-size: 19px; letter-spacing: 1px; white-space: nowrap; width:846px;overflow: hidden; line-height: 1.1em;}
#page-home #line0 {top: 74px; font-size: 28px;}
#page-home #line1 {top: 134px;}
#page-home #line2 {top: 160px;}
#page-home #line3 {font-size: 15px; top: 186px;}
#page-home #breadcrumb {display: none;}

#section-content-big {
	width:846px;
	float:center;
	margin:40px 30px 0 30px;
}
*html #section-content {
	margin-left:15px;
}
#section-content h1,
#section-content h2 {
    font-size: 19px;
	padding-bottom:30px;
    color: #B5121B;
}
#section-content h3 {
	color:#B5121B;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
    padding-bottom: 16px;
}
#section-content h3.divider {
    background: 0 22px repeat-x url(./images/divider.gif);
}
#REMOVE-page-no-sidebar #section-content h1,
#REMOVE-page-no-sidebar #section-content h2 {
    background: 0 24px repeat-x url(./images/divider.gif);
}
#REMOVE-page-no-sidebar #section-content h3 {
    background: none;
    padding-top: 15px;
}
#section-content li {
	list-style:disc;
	margin-left:15px;
}
#section-content ul {
	margin-bottom:20px;
}
#content hr {
	display: block;
    background-color:#C0C0C1;
    border:0 none;
    height:1px;
    margin: 15px 0;
    width:100%;
    clear: both;
}


#section-right {
	float:left;
	margin-top:10px;
	margin-left:15px;
	margin-right: 0;
	width: 190px;
}
#section-right div img {
	margin-bottom:20px;
}


/* CLASSES */


.clear {
	clear:both;
}
.fleft {
	float:left;
}
.gray {
	color:#666666;
}
.italic {
	font-style:italic;
}
.small {
	font-size:10px;
}


#navWrapper:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#navWrapper {zoom:1; padding-bottom: 2px;}


#suckerfishnav,
#suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    margin:0;
    background: white;
    font-size: 15px;
    z-index: 100;
    }
#suckerfishnav {
    position: relative;
    width:650px; _width:640px;
    float: right;
    padding: 29px 0 0px 25px;
    }
#suckerfishnav a,
#suckerfishnav li li.current_page_item a {
    display:block;
    color:#000;
    text-decoration:none;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    margin:0px 20px 0 0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:131px;
    margin:0;
    line-height:1;
    border-top: 1px solid #C0C0C1;
    border-bottom: 1px solid #C0C0C1;
    }
#suckerfishnav ul ul {padding-top: 0;}
#suckerfishnav li li {
    width:129px;
    margin: 0;
    font-size:13px;
    line-height: 16px;
    border-left:1px solid #C0C0C1;
    border-right:1px solid #C0C0C1;
    }
#suckerfishnav li a {
    padding: 0 3px;
    }
#suckerfishnav li li a {
    padding-top: 5px;
    padding-bottom: 5px;
    color:#000;
    }
#suckerfishnav li ul ul {
    margin:-20px 0 0 130px;
    }
#suckerfishnav li li:hover {
    background:#B5121C;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li.sfhover a, #suckerfishnav li ul li li.sfhover a, #suckerfishnav li ul li li li.sfhover a, #suckerfishnav li ul li li li.sfhover a {
    color:#fff;
    }
#suckerfishnav li.current_page_item a,
#suckerfishnav li.current_page_ancestor a,
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#B5121B;
    }
#suckerfishnav li.current_page_item li a,
#suckerfishnav li.current_page_ancestor li a,
#suckerfishnav li:hover li a, #suckerfishnav li.sfhover li a {
    color:#69331f;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#69331f;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    }
#suckerfishnav li li:hover, #suckerfishnav li li.sfhover {
    background:#B5121C;
    }



#wpcf label {
margin-bottom:10px;
padding-left:10px;
font-weight:bold;
display:block !important;
}
#wpcf input {
background:#FFFFFF none repeat scroll 0 0;
border:2px inset #CCCCCC;
color:#000000;
margin-bottom:1px;
margin-top:1px;
}



#commentform textarea {width: 624px; border: 1px solid #C0C0C1;}
#section-content .commentlist {margin-right: 3em; margin-bottom: 3em;}
#section-content .commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
#section-content .commentlist li cite {font-size: 1.1em; font-weight: bold;}
#section-content .commentlist li.alt {
    background-color:#F8F8F8;
}


div.entry {margin-bottom: 20px;}

p.postmetadata {margin-bottom: 40px;}

#section-right h2,
#section-right h3 {
    color:#B5121B;
	font-weight:bold;
	font-size:14px;
    padding-bottom: 8px;
    }

#section-right ul ul {
    padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
    margin: 0 0 1.5em 1.5em;
	}
#section-right ul ul li {list-style: circle}
#section-right ul ul.ctc li {list-style: none;}
#section-right ul ul li a {color: #333333; text-decoration: none;}
#section-right ul ul li a:hover {text-decoration: underline;}
#section-right img.resource {margin-bottom: 0; border: 1px solid #8f6557;}

#section-right a.rss-icon-16 {display: block; text-decoration: none; padding-left: 1.5em; height: 16px; color: #333333; margin-bottom: 20px; background: left center url(./images/rss-icon-16.gif) no-repeat;}
#section-right a:hover.rss-icon-16 {text-decoration: underline;}



p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 4px 4px 6px 11px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 4px 11px 6px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */