/*
Theme Name: wp-WSFC
Theme URI: http://vintom.com
Description: A custom theme for West Salem Foursquare Church
Version: 2.9
Author: Vin Thomas
Author URI: http://vintom.com
Tags: 960, grid, blank, clean, foursquare, church, ministry
*/

@import "style/css/960.css";
@import "superfish.css";
@import "style/css/text.css";
@import "style/css/reset.css";
@import "style/css/layout.css";

/* Green: 00a79d */


body {
background: #111 url(images/bg.jpg) top center no-repeat;
font-size: 12px;
}

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

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

#wrapper {
margin-top: 40px;
overflow: visible;
}

#wrapper div {
line-height: 1.6em;	
}

#header {
height: 40px;
margin-bottom: 20px;
z-index: 1000;
}


#header h1 {
margin: 0 10px;
}

#menu {
float: right;
margin-top: -36px;
}

#menu li {
display: inline;
}

#sidebar {
color: #b2c2c1;
margin-top: 20px;
}

#sidebar h2 {
color: #f7f7f7;
}

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

#sidebar img { 
max-width: 300px;
height: auto;
}

.whitebox {
margin-top: 20px;
min-height: 250px;
background-color: #f7f7f7;
color: #777;
-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
} 

.darkbox {
margin-top: 20px;
min-height: 220px;
background-color: #1f1f1f;
outline: solid 1px #404040;
color: #999;
} 

#posts {
margin-top: 20px;
min-height: 214px;
background-color: #171717;
outline: solid 1px #333;
color: #999;
}

#posts a:hover, .slidecontrol a:hover { text-decoration: none;}

#welcomevid {
margin-top: 20px;
}

.pad {
padding: 20px;
}

#posts .pad {
padding: 20px 20px 0 20px;
}


#welcomevid {
background: #171717;
}

h1 {
font-family: Trebuchet, Tahoma, Arial, sans-serif;
font-size: 6em;
text-transform: uppercase;
line-height: 1em;
}

h2 {
font-family: Trebuchet, Tahoma, Arial, sans-serif;
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: 20px;
color: #00a79d;
}

#content h2 {
color: #333;
font-size: 1.4em
}

#content h3 {
font-size: 1.2em;
}

#content p {
color: #555;
}

h3 {
font-family: Trebuchet, Tahoma, Arial, sans-serif;
font-size: 1em;
text-transform: uppercase;
color: #175c65;
}

#posts h3 {
color: #E5E5E5;
}
.whitebox h3 {
color: #555;
}

.whitebox h2 {
color: #175C65;
}

#firstbox {
clear: left;
}

h2.bible {
background:transparent url(images/bible.png) no-repeat scroll left top;
color:#175C65;
padding: 0 0 0 27px;
}

h2.bible a {
color:#175C65;
}

.reading a { 
display: block;
border-bottom: dotted 1px #DDD;
padding: 5px 10px;
text-decoration: none;
}

.reading a:hover {
color: #175C65;
}

h2.vimeo a {
color: #175C65;
}

h2.vimeo {
color: #175C65;
background:transparent url(images/vimeo.png) no-repeat scroll left top;
padding: 0 0 0 27px;
}

#posts h2.noteicon {
color: #ebcd7c;
background:transparent url(images/page.png) no-repeat scroll left top;
padding-left:25px;
margin-bottom: 0px;
}

#posts h2.noteicon a {
color: #EBCD7C;
}

#posts h2.noteicon a:hover {
color: #00A79D;
text-decoration: underline;
}

#lastbox h2 {
color: #175C65;
background:transparent url(images/clock.png) no-repeat scroll left top;
padding-left:25px;
}

#content {
background: #fff;
-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#content p, #sidebar p {
margin-bottom: 20px;
}

#footer p {
margin-bottom: 5px;
color: #444;
}

.darker {
color: #222;
padding: 0 5px;
}

.twtr-widget {
margin-top: -10px;
}

.twtr-hd {
display: none;
}

.twtr-ft div {
padding: 10px 7px 0 7px !important;
}

#footer {
border-top:1px solid #1F2626;
color:#999;
margin-bottom:40px;
margin-top:20px;
padding-top:10px;
}

#footer strong {
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
}

.vintom-logo {
float:right;
}

.vintom-logo img {
margin-bottom: -7px;
text-align: right;
}

#slider {
height: 300px;
background: #eee;
overflow: hidden;
}

.slidecontrol {
margin-top:-40px;
z-index:99;
}

.slidecontrol #prev {
float: left;
margin: -123px 0 0 20px;
background: transparent url(images/arrow-l.png) no-repeat top left;
width: 26px;
height: 26px;
display: block;
text-indent: -9999px;
}

.slidecontrol #next {
float: right;
margin: -123px 20px 0 0;
background: transparent url(images/arrow-r.png) no-repeat top left;
width: 26px;
height: 26px;
display: block;
text-indent: -9999px;
}

.slidecontrol #prev:hover, .slidecontrol #next:hover {
background-position: 0 -26px;
}

.slidecontrol a#prev, .slidecontrol a#next {
outline: none !important;
}

.slide {
height: 280px;
width: 920px;
margin: 10px;
}

.slide1 {
background: #111;
}

.slide1button img {
margin:0;
position:absolute;
}

.slide2 {
background: #111;
}

.slide2 a {
position: absolute;
margin:0;
}

.slide3 {
background: #111;
}

.slide3 a {
position: absolute;
margin:0;
}

.post ul, .post ol {
margin: 0 0 20px 20px;
line-height: 1.8em;
}

.post li {
padding-left: 20px;
background: transparent url(images/bullet.gif) no-repeat scroll 0px 7px;
}

#sidebar .sidenav li {
border:medium none;
margin:0;
padding:0;
text-transform:uppercase;
}

#sidebar .sidenav li li {
padding-left: 20px;
}

.sidenav li.current_page_item a {
font-weight: bold;
color: #add9d6;
}

.sidenav {
background: transparent url(images/menu-bg.png) repeat;
margin: 0 0 40px -20px;
padding:20px;
border: solid 1px #1F2626;
}

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

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

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

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

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

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

.social a {
padding-right: 10px;
}

.toggleLink {
margin: 10px 0;
display: inline-block;
}

.toggle {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}

.alignleft, .attachment-post-thumbnail {
border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:1px;
margin:0 10px 5px 0;
padding:5px;
background: #fff;
float: left;
}

.alignright {
border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:1px;
margin:0 0px 5px 10px;
padding:5px;
background: #fff;
}

#sidebar hr {
border: 0 #1F2626 solid;
border-top-width: 1px;
clear: both;
height: 0;
}

hr.clear {
border-color:#fff;
border-style:solid;
border-width:1px 0 0;
clear:both;
height:0;
}

.staff .size-thumbnail {
max-width: 70px;
height: auto;
margin-top: 0;
margin-bottom: 5px;
}

.frontpost {
margin:0;
padding:14px 0 0 0;}


textarea#comment {
margin-bottom:20px;
padding:5px;
width:568px;
background:#EEEEEE none repeat scroll 0 0;
border-left:1px solid #D2D2D2;
border-top:2px solid #D2D2D2;
border-right: none;
border-bottom: none;
color:#555555;
font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
font-size:1em;
}

input#author, input#url, input#email {
background:#EEEEEE none repeat scroll 0 0;
border-left:1px solid #D2D2D2;
border-top:2px solid #D2D2D2;
border-right: none;
border-bottom: none;
color:#555555;
padding:8px;
width:200px;
margin-right: 10px;
}

small, .smallprint, .meta {
font-size: .9em;
}

.single .meta {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#333333;
line-height:1.2em;
padding:10px;
}

blockquote {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:10px 10px 20px;
padding:20px 20px 0;
quotes:none;
color: #333;
}

.comment-meta {
margin-bottom:20px;
}

.comment-body {
border-bottom:1px solid #D2D2D2;
margin-bottom:20px;
}

.avatar {
border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:1px;
float:left;
margin-right:10px;
padding:5px;
}

h3#comments {
margin-bottom: 20px;
}

.button, .gform_wrapper .button {
background: #00a79d;
padding: 5px 10px !important;
border-right: solid 1px #008c83;
border-bottom: solid 1px #008c83;
border-left: none;
border-top: none;
color: #fff !important;
text-transform: uppercase;
font-weight: bold;
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif !important;

}

.button:hover {
background: #00bfb3;
cursor: pointer;
}

.date {
color:#999999;
font-size:0.8em;
letter-spacing:1px;
margin-top: -20px;
text-transform:uppercase;
}

.more-link {
display: block;
margin-top: 10px;
font-weight: bold;
text-transform: uppercase;
}

hr.sep {
border: 0;
border-top-width: 1px;
clear: both;
height: 28px;
background: transparent url(images/sep.jpg) no-repeat center top;
}

.inner h1, .inner h2, .inner h3, .inner h4, .inner h5 {
margin-bottom: 10px;
}

.home h3 {
margin-bottom: 0px;
}

.powerpress_links_mp3 {
margin: 10px 0;
}

.powerpress_player {
clear:both;
display:block;
padding-top:5px;
}

.staff em {
color: #999;
}

.post .gform_wrapper li {
background: none;
padding-left: 0;
}

.gform_wrapper input, .gform_wrapper textarea {
border-color:#ddd #CCCCCC #CCCCCC #ddd;
border-style:solid;
border-width:1px;
padding:7px !important;
background: #eee;
}

.noborder {
border: none !important;
}

.front-more { 
border-left:1px dotted #555555;
font-weight:normal;
margin-left:8px;
padding-left:10px;
text-transform:none;
}

.halfcol { 
width: 50%;
float: left;
}

.greybox { 
background: #f3f3f3;
border: solid 1px #ccc;
padding: 20px 20px 1px 20px;
margin-bottom: 20px;
}

.attachment-post-thumbnail { 
max-height: 50px;
width: auto;
}

/* Calendar Grid */

#events_wrap table.largecalendar tbody td {
    border: 1px solid #CCCCCC;
    height: 100px;
    padding: 10px;
}

#content #events_wrap table.largecalendar td.today, #content #multismallcalendar td.today, #content table.smallcalendar td.selected, #content table.smallcalendar td.today {
    background: none repeat scroll 0 0 #00A79D;
    color: #FFFFFF;
}

#events_wrap .largecalendar tbody td .event {
    margin-bottom: 20px;
    padding: 0 3px;
}

/* #calendar_views, #details2, #events_wrap table.ical .event:hover  div.details2 { display: none !important;} */

.calendar_navigation a {
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
}

.bigbutton, a.bigbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #49c8c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #49c8c0;
	box-shadow:inset 0px 1px 0px 0px #49c8c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a79c), color-stop(1, #00a79c) );
	background:-moz-linear-gradient( center top, #00a79c 5%, #00a79c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a79c', endColorstr='#00a79c');
	background-color:#00a79c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #008b84;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #008b84;
}

.bigbutton:hover, a.bigbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a79c), color-stop(1, #00a79c) );
	background:-moz-linear-gradient( center top, #00a79c 5%, #00a79c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a79c', endColorstr='#00a79c');
	background-color:#00a79c;
}

.bigbutton:active, a.bigbutton:active {
	position:relative;
	top:1px;
}

/*--------------------------------------------
Newsletter form
----------------------------------------------*/

#mc_embed_signup{background:#111; }
#mc_embed_signup h2 { padding: 0; margin: 0 0 10px 0 !important; font-size: 1.2em !important;}
#mc_embed_signup form { padding: 0 !important;}
#mc_embed_signup input.button { width: auto !important; padding: 0; font-size: 11px; line-height: 1em;}
#mc_embed_signup input.email { float: left; width: 180px !important;}

.newsletter .submit { float: left;}