/*
Theme Name: The way station
Theme URI: http://twscf.com
Description:Custom made for The Way Station Christian Fellowship
Version: 2 (WP2.6.2)
Author: Devan Flaherty
Author URI: http://sirensend.com
Tags: awesome, active, go, christ, church, love, students, ministries, the way, jesus
*/


/*
	reset
*/

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	font-size:12px; 
	font-family:Helvetica, sans-serif;
	color:#000000;
	background:#111213;
}
ol {
	list-style:none;
}
ul {
	list-style: none;
}
a {
	outline:none;
	text-decoration:none;
	color:#000000;
	border:none;
}
a img{
	outline:none;
	border:none;
}
/*
	utility
*/

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.cleared {
	clear:both;
	height:1px;
}
/*
	typography
*/
h2 {
	font:helvetica;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
}
.center {
	margin:0px auto;
	width:100px;
}
 /*////////////////////////////////////////////////////
 	header
 ////////////////////////////////////////////////////*/
 
 #container {
 	width:960px;
 	margin:30px auto 0px;
 }
 #header {
 	height:90px;
 	width:920px;
 	background-image: url(style/images/conttop.jpg);
 	padding:10px 20px 0px;
 	margin:0px auto;
 	overflow: hidden;
 }
 #logo {
 	margin-top:5px;
 	background-image: url(style/images/logo.png);
 	width:424px;
 	height:81px;
 	float:left;
 }
 #info {
 	margin-top:10px;
 	float:right;
 	width:400px;
 	text-align:right;
 	margin-right:0px;
 }
 #info blockquote {
 	color:black;
 	text-transform:uppercase;
 	font-size:1.1em;
 }
 p#address {
 	color:gray;
 	font-size:.8em;
 	text-align:right;
 }
#containerbg {
	width:960px;
	margin:0px auto;
	background-image: url(style/images/contmid.jpg);
	background-repeat: repeat-y;
	padding:10px 0px 20px;
}
a.head {
	color:gray;
}
/*
nav
*/

#menu {
	position:relative;
	width:946px;
	height:42px;
	margin-left:7px;
	margin-top:5px;
	z-index:999;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	33px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			119px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			119px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** skin ***/
.sf-menu {
	margin: 0;
	padding: 0;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			white;
}
.sf-menu li.top {
	display: block;
	background-image:url(style/images/nav.jpg);
	text-decoration: none;
	width: 125px;
	height:42px;
	color: white;
	white-space: nowrap;
	text-align:center;
	font: 16px Tahoma, Arial;
	line-height: 33px;
}

.sf-menu li.top li {
	background:		#F1F1F1;
	width:119px;
	color:black;
	text-align:left;
	font-size:12px;
	border-bottom:solid 2px #D8D8D8;
	border-left:solid 2px #D8D8D8;
	border-right:solid 2px #D8D8D8;
	padding-left:6px;
}
.sf-menu li.top li a {
	width:114px;
	color:black;
	padding-left:3px;
}
.sf-menu li.top li a:hover {
	background:		#D8D8D8;
	color:gray;
	padding-left:6px;
}
.sf-menu li.top:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu li.top a:hover {
	background-image:url(style/images/navhover.jpg);
	color:gray;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*#nav {	
	margin: 0;
	padding: 0;
}
#nav li {	
	float: left;
	list-style: none;
	width:125px;
}

#nav li a {
	display: block;
	background-image:url(style/images/nav.jpg);
	text-decoration: none;
	width: 125px;
	height:33px;
	color: white;
	white-space: nowrap;
	text-align:center;
	padding-top:9px;
	font: 16px Tahoma, Arial;
}

#nav li a:hover {	
	background-image:url(style/images/navhover.jpg);
	color:gray;
}
		
#nav li ul {	
	margin-top:-5px;
	padding: 2px;
	position: absolute;
	visibility: hidden;
	width:121px;
	color:black;
	background:#F1F1F1;
	border:1px solid #D8D8D8;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	z-index:998;
}		
#nav li ul li {	
	float: none;
	display: inline;
}
		
#nav li ul li a {	
	width: 118px;
	background-image:none;
	text-align:left;
	color:black;
	height:auto;
	font-size:12px;
	border-bottom:1px solid #D8D8D8;
	padding:6px 2px;
	
}		
#nav li ul li a:hover {	
	background-color: #D1D1D1;
	background-image:none;	
}
*/
/* nav bumps
*/

li#left_bump {
	width:34px;
}
li#left_bump a {
	width:34px;
	height:42px;
	background-image: url(style/images/left-nav.jpg);
	padding:0;
}
li#left_bump a:hover {
	background-image: url(style/images/left-nav.jpg);
}
li#right_bump {
	width:34px;
}
li#right_bump a {
	width:34px;
	height:42px;
	background-image: url(style/images/right-nav.jpg);
	padding:0;
}
li#right_bump a:hover {
	background-image: url(style/images/right-nav.jpg);
}

/*/////////////////////////////////////////////////////////////
page
/////////////////////////////////////////////////////////////*/

#content {
	width:945px;
	margin:0px auto;
}
#post_top {
	width:587px;
	height:26px;
	font-size:18px;
	padding:6px 10px 0px;
	margin:20px auto 0px;
	color:white;
	background-image: url(style/images/h2.jpg);
}
#post_body {
	margin:0px auto;
	padding:15px 0px;
	width:607px;
	background:#F1F1F1;
	border:1px solid #D8D8D8;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
p.post {
	padding:10px 20px 0px;
	line-height:18px;
	text-align: justify;
}
h3.post {
	padding-left:20px;
	margin:20px 0px 10px 0px;
}
p.contact {
	padding-left:35px;
	text-align:left:
}
/*
blog
*/

h2.blog {
	color:black;
	font-size:16px;
	padding-left:30px;
	margin-top:10px;
}
p.time {
	color:black;
	background-color: #D8D8D8;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 15px 30px;
	width:auto;
}
.blog_info {
	padding:0px 30px;
	line-height:16px;
}
.bottom {
	height:42px;
	padding:7px 30px 0px 3px;
	margin-bottom:10px;
}
.tags {
	float:right;
	height:24px;
	width:30px;
	background-image: url(style/images/comment.jpg);
	text-align:center;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
}

/*
home
*/

#news_scroll {
	height:525px;
	width:201px;
	float:left;
	margin:0px 20px 0px 10px;
}
.event {
	width:201px;
	height:132px;
	margin-top:30px;
	padding-bottom:7px;
}
.event a img {
	outline:none;
	border:none;
	color:none;
}
#slideshow {
	position:relative;
	width:700px;
	height:467px;
	float:left;
	margin-top:30px;
	z-index:1;
}
#slideshow img {
	position:relative;
	z-index:1;
}
/*
footer
*/
#footer {
	width:936px;
	height:21px;
	background-position: 0-0;
	background-repeat: none;
	background-image: url(style/images/contbottom.jpg);
	padding:12px;
	margin:0px auto;
}
#footer_content {
	width:935px;
	height:20px;
	font-size:11px;
	color:gray;
	text-align:right;
	margin:0px auto;
	padding:0px 15px;
}
#giving {
	background-image: url(style/images/giving.png);
	width:60px;
	height:20px;
	float:left;
}
p.footer {
	width:auto;
	float:right;
	padding-right:25px;
	padding-bottom:5px;
	padding-top:0px;
}
p.footer a:hover {
	color: #78a2b6;
}
p.hide {
	text-indent:-999px;
}
img.SE {
	padding-top:5px;
}
/*
comments
*/

h3#respond {
	padding:10px 0px 10px 30px;
}
#comment {
	width:550px;
	margin:0px 25px;
	border:solid 1px #D8D8D8;
	margin:10px auto;
}
.commentforme {
	width:550px;
	margin:0px auto;
}
#submit {
	width:250px;
	height:25px;
	margin:10px 160px;
	background-color: black;
	color:white;
	border:1px solid #D8D8D8;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
#submit:hover {
	color: #989898;
	background-color: #1c1c1c;
}
li.commentpost {
	background-color: #D8D8D8;
	padding:15px 0px;
	border-bottom:1px solid #D8D8D8;
	margin:10px 0px;
}
li.commentpost a {
	outline:none;
	border:none;
}
#author {
	background-color: black;
	color:white;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin:10px 0px 10px 23px;
	height:16px;
	border:solid 1px #F6F6F6;
	padding:0px;
}
#email {
	background-color: black;
	color:white;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	margin:0px 0px 10px 23px;
	height:16px;
	border:solid 1px #F6F6F6;
}
.breaker {
	border-top:1px solid #D8D8D8;
	height:1px;
	margin-bottom:15px;
}
#comment_body {
	margin:0px auto;
	padding:5px 0px;
	width:607px;
	background:#F1F1F1;
	border:1px solid #D8D8D8;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
#avatar {
	margin:auto 10px;
	float:left;
}
.author2 {
	font-weight:bold;
	text-align:left;
	font-size:16px;
	text-transform:uppercase;
}
p.text {
	text-align:justify;
	padding-left:30px;
	width:450px;
}
.comtext {
	width:450px;
	text-align:justify;
	float:left;
	margin-left:5px;
}
.clear {
	clear:both;
}
#center {
	text-align:center;
	font-size:18px;
}
ul.wp {
	padding:10px 0px 10px 40px;
	text-align:left;
	line-height: 16px;
	list-style: square;
}
ul.wp li {
	margin-bottom:5px;
}
ul.wpimg {
	padding:10px 20px 10px 40px;
	text-align:left;
	line-height: 16px;
	list-style: none;
}
ul.wpimg li {
	margin-bottom:5px;
	padding-right:10px;
	margin-top:15px;
}
ul.wpimg li img {
	margin-right:5px;
	border:solid 2px #D8D8D8;
}

p.big {
	font-size:14px;
	padding:10px 20px 0px;
	line-height:18px;
	text-align: justify;
}
.map {
	margin-left:90px;
	border:2px solid #D8D8D8;
	width:425px;
	margin-top:20px;
}
img#looking {
	margin-top:12px;
}
p.contact a {
	color: #316ddf;
}
p.contact a:hover {
	color: #0966b7;
}
/*///////////////////////////////////
table
////////////////////////////////////*/
table {
	width: 100%;
	letter-spacing: -1px;
}
.archive tr.top {
	font-weight: bold;
	background: #D8D8D8;
	color: #000;
	margin-top:0px;
}
.archive tr.top td  {
	padding: 5px;
	font-size: 14px;
	margin-top:0px;
}
.archive   td a {
	font-weight: normal;
	padding: 0px 4px 0px 6px;
}
.archive  td a:hover {
	color: #000000;
	background: #FFFFFF;
}
.archive td {
	font-size: 13px;
	border: 1px solid #D8D8D8;
	padding: 5px;
}