/*
Theme Name: SFBC Theme
Theme URI: http://vintom.com
Description: Wordpress theme for Salem First Baptist Church		
Version: 1
Author: Vin Thomas
Author URI: http://vintom.com
Tags: church, minsitry, theme
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "superfish.css";


/* Colors */
light blue border: C7D6E0

/* End Colors */


/* Sticky Footer Styles */

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; min-height: 100%;
}

.cufon, h3, h2, .staffname {
  font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
}


#main {
padding-bottom: 285px;
}  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -285px; /* negative value of footer height */
height: 285px;
clear:both;
background: #FFFFFF url(images/bg-grad.jpg) repeat-x scroll 0 0;
border-top: solid 1px #dae6eb;
} 

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

/* End Sticky Footer Styles */

body {
background: #fff url(images/bg.jpg) repeat-x top center;
font-family: arial,helvetica,clean,sans-serif;
font-size: 10px;
color: #666;
}

a:link, a:active, a:visited { color: #346381; text-decoration: none;}

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

#main {
width: 960px; 
background-color: transparent; 
margin: 0 auto;
}

#inner-wrap {
background-color: transparent;
width: 960px;
position: relative;
z-index: 99; /* allows superfish dropdowns */
font-size: 1.2em;
margin-bottom: 40px;
}

#content {
width: 590px; 
float: left; 
display: inline; 
padding-right: 40px; 
position: relative;
z-index: 100; /* allows superfish dropdowns */
font-size: 1.1em;
margin-bottom: 20px;
line-height: 1.6em;
color: #666;
}

#wide-content {
width: 960px; 
float: left; 
display: inline;
font-size: 1.1em;
line-height: 1.6em;
color: #666;
}

#sidebar {
background:#fff url(images/sidebar-bg.jpg) repeat-x scroll 0 0;
border:1px solid #e5d4b8;
color:#555555;
display:inline;
float:right;
font-size:1em;
line-height:1.6em;
margin-bottom:20px;
padding:20px;
width:288px;
-webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

#sidebar ul li { 
margin-bottom: 20px; 
padding-bottom: 20px; 
border-bottom: solid 1px #dae6eb; 
}

#sidebar ul li ul li { 
margin: 0; 
padding: 0; 
border-bottom: none;
}

#sidebar ul li ul { 
padding-left: 10px;
}

#sidebar ul li ul li { 
color: #555555; 
background: url('images/bullet.png') no-repeat left 3px;	
padding: 0 0 0 20px;
}

#footer-content { 
width: 960px;
margin: 0 auto;
padding: 4em 0;
text-align: center;
color: #333;
}

#header { 
margin: 0 0 40px;
position: relative;
z-index: 9999; /* fixes superfish dropdowns */
}

#menu { 
width: 730px; 
clear: both; 
float: right;
height: 32px; 
background: transparent; 
position: absolute;
z-index: 9999; /* fixes superfish dropdowns */
font-family: Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-weight: normal;
font-size: 1.2em;
top: 50px;
right: 0;
}

.logo {
width: 237px;
height: 67px;
margin-top: 24px;
}

h2 {
font-size: 2.2em; 
margin-bottom: 10px;
font-family: Arial, sans-serif;
color: #111;
}

#slider h2 { width: 960px; }

h3 {
font-size: 1.6em; 
margin-bottom: 10px;
font-family: Arial, sans-serif;
color: #333;
font-weight: bold;
}

.post {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: solid 1px #e6f2f7;
}

.post p, p {
margin-bottom: 20px;
}

#commentform input {
display: block; padding: 5px; margin: 5px 0 20px;
}

#slider {
width: 966px !important;
height: 282px !important;
overflow: hidden;
}

#slider img {
float: right;
padding: 12px;
background: #FFFFFF url(images/bg-grad.jpg) repeat-x scroll 0 0;
border: solid 1px #dae6eb;
margin-left: 10px;
}

#slider img.wide {
padding: 12px;
background: #FFFFFF url(images/bg-grad.jpg) repeat-x scroll 0 0;
border: solid 1px #dae6eb;
margin: 0 0 10px 0;
}

#pager a { margin: 5px 5px; padding: 3px 7px; background: #3a84a1; border:1px solid #217494; color: #FFF; font-weight: bold; text-decoration: none; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 1px 1px 0 #217494;}

#pager a:hover, #pager .activeSlide { background: #3aa9d6;}

.alignright {
float: right; padding: 5px; border: solid 0px #c7d6e0; margin-left: 10px;
}

.alignleft {
float: left; padding: 5px; border: solid 0px #c7d6e0; margin-right: 10px;
}

.button, a.button, #SignUp input[type="submit"] {
padding: 4px 8px;
color: #fff;
background-color: #4d4133;
border:1px solid #332b22;
margin: 5px 0;
display: inline;
font-weight: bold;
}

.button:hover, a.button:hover, #SignUp input[type="submit"]:hover {
text-decoration: none;
padding: 4px 8px;
color: #fff;
background-color: #33291d;
border:1px solid #332b22;
margin: 5px 0;
cursor: pointer;
}

#s {
padding: 6px 5px;
width: 210px;
border: solid 1px #ccbca3;
border-bottom: solid 1px #ffe4c4;
border-right: solid 1px #ffe4c4;
display: inline;
}

#SignUp input[type="text"] { 
background: none repeat scroll 0 0 #F3F3F3;
border-color: #CCCCCC #DDDDDD #DDDDDD #CCCCCC;
border-style: solid;
border-width: 1px;
display: inline;
padding: 6px 5px;
width: 200px;
margin-top: -4px;
}



.front-features {
margin-bottom: 40px;
line-height: 1.8em;
color: #666;
}

.front-features li {
width: 306px;
float: left;
display: inline;
}

.marg {
margin-right: 20px;
}

.vintom-logo img {
margin-bottom: -10px;
}

blockquote {
margin: 10px;
padding-left: 20px;
border-left: solid 1px #ccc;
color: #777;
font-style: italic;
font-size: .9em;
}

.staffer {
clear: both;
margin-bottom: 30px;
border-bottom: solid 1px #dae6eb;
padding-bottom: 20px;
overflow: hidden;
}

.staffpic {
float: left;
height: 190px;
width: auto;
margin: 0 10px 5px 0;
background: #FFFFFF url(images/bg-grad.jpg) repeat-x scroll 0 0;
border-top: solid 1px #dae6eb;
padding: 4px;
}

.staffname {
font-weight: bold;
font-size: 1.8em;
color: #333;
}

.staffposition {
color:#888888;
font-family:Georgia,Times New Roman,Times,Serif;
font-size:1em;
letter-spacing:1px;
}
 
#content ul {
line-height: 1.6em;
margin-bottom: 20px;
margin-left: 20px;
}

#content ul li {
background:url("images/bullet.png") no-repeat scroll left 9px transparent;
padding: 0 30px 0 15px;
margin-bottom: 5px;
}

.smallprint {
font-size: .8em;
}

a.toggleLink {
font-size: 1em !important;
letter-spacing: normal !important;
display: block;
margin-bottom: 10px;
font-family: Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
outline: none;
text-decoration: none;
}

h4 {
color: #333;
font-size: 1.1em;
margin-bottom: 10px;
line-height: 1.4em;
}

li.marg ul {
line-height: 1.6em;
margin-bottom: 20px;
margin-left: 20px;
list-style-type: circle;
display: block;
}

li.marg ul li {
display: list-item;
float: none;
list-style-type: circle;
}

.sun {
padding-left: 25px;
background: transparent url(images/sun.png) no-repeat 0 1px;
}

.clock {
padding-left: 25px;
background: transparent url(images/clock.png) no-repeat 0 1px;
}

.calendar {
padding-left: 25px;
background: transparent url(images/calendar.png) no-repeat 0 1px;
}

.movie {
padding-left: 25px;
background: transparent url(images/movie.png) no-repeat 0 1px;
}

.front-features h2 {
font-size: 1.8em;
}

#content ol li {
list-style: decimal;
margin-left: 40px;
padding-bottom: 20px;
color: #555;
}

.pdf { background:transparent url(images/pdf.png) no-repeat scroll left 4px;
height:16px;
padding:5px 0 5px 23px;}

.facebook { background:transparent url(images/facebook.png) no-repeat scroll left 4px;
height:16px;
padding:5px 0 5px 23px;}

.invite {
position: absolute;
top: 0;
right: 0;
}

hr.sep {
border: 0 dashed #C7D6E0;
border-top-width: 1px;
clear: both;
height: 28px;
}

#sidebar hr {
border: 0 solid #EDECEC;
border-top-width: 1px;
clear: both;
height: 28px;
margin-top: 20px;
}

.readmore { background: url(images/read-more.png) no-repeat 0 -33px; display: block; width: 115px; height: 32px; text-indent: -9999px;}

.readmore:hover { background: url(images/read-more.png) no-repeat 0 0;}

.powerpress_player { margin: 20px 0;}

.attachment-post-thumbnail { float: right; padding-left: 10px; max-width: 170px; height: auto;}

.podcast .post p { margin-bottom: 3px;}

.series, .date, .speaker { font-weight: bold; text-transform: uppercase; color: #333;}

.center { text-align: center; margin: 0 auto;}

.thrivelogo { margin-top: -50px;}

#pager { margin-top: 10px;}

.link, .link a, #SignUp .signupframe {
color: #226699;
font-size: 13px;
}
.link, .link a {
text-decoration: none;
}
#SignUp .signupframe {
border: 1px solid #ffffff;
background: #ffffff;
}
#SignUp .signupframe .required {
font-size: 10px;
}

#SignUp td {
    margin-right: 5px;
    padding-right: 15px;
}

#content .gform_wrapper ul { margin: 0;}

#content .gform_wrapper li { background: none; padding: 0;}