/*
Theme Name: Tolono First Baptist
Theme URI: http://www.tolonofirstbaptist.com/
Description: Wordpress theme for Tolono First Baptist Church.
Author: John Urbank
Author URI: http://www.jurbank.com
Tags: jurbank
*/

/******** reset ********/
* { margin: 0; padding: 0; }
img { border: none; }
a { text-decoration: none; color: #394E60; }
ul, li { list-style: none; }

article, aside, figure, footer, header,
hgroup, menu, nav, section { display: block; }


/******** Coda Styles ********/
/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
/* Insignificant stuff, for demo purposes */

	body { padding: 20px }
	.panel h1, .panel h3, .panel h4   { margin-top: 50px; }
	.panel h2.title { margin-bottom: 5px; position: absolute; left: 470px; }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0 }
	.coda-slider { background: none; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 960px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { color: #fff; padding: 5px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #5a87b2; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 8px; overflow: hidden; height: 255px; position: relative; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: inline-block; margin: auto; overflow: hidden; } 
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { color: #fff; display: block; float: left; margin: 6px 0 0 9px; text-decoration: none; background: #4B749C; padding: 4px 8px; border: 1px solid #42668A; border-radius: 5px; }
	.coda-nav ul li a  > img{ border: 1px solid #8BA0B1; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/******** basic setup********/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
body { background: #e0ecf6 url(images/bg.jpg) repeat; font-size: 12px; line-height: 20px; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); font-family: Arial, Helvetica, sans-serif; color: #555; }

h1, h2, h3, h4, h5, h6  { color: #7191ab; font-weight: bold; margin-bottom: 10px; }
h1 { font-size: 24px; }
h2 { font-size: 21px; line-height: 28px; }
h3 { font-size: 18px; }
h3.widget-title { margin-left: 10px; padding-top: 5px; }
h3.side-widget-title { padding-top: 5px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

input, textarea { padding: 5px; color: #444; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

p { margin-bottom: 15px; }

#wrapper { width: 960px; margin: 0 auto; padding: 0px 10px;}
header{}
#logo { float: left; background: url(images/logo.jpg); width: 125px; height: 96px; }
#intro h2 {float: right; color:#7191ab; font-style: italic; font-size: 16px; text-shadow:#FFF 0 1px 0; width: 440px; margin: 40px 0 20px 0; font-family: "Times New Roman", Times, serif; }

.menu { background: #fff; }
menu { background: #fff; width: 100%; border-top-left-radius: 4px 4px; border-top-right-radius: 4px 4px; border-bottom: 10px solid #eef3f7; }
menu ul { float: right; }
menu ul li { float: left; position: relative; }
menu ul li a { display: block; padding: 15px; color: #4a6782; font-size: 14px; font-weight: bold; }
menu ul li:hover { background: #eef3f7; cursor: pointer; }
menu ul li:active { background: #eef3f7; }

/*****lvl2 sub nav******/
menu ul li ul.children { display: none; position: absolute; top: 4.2em; left 0; width: 150px; }
menu ul li ul.children li { display: block; width: 100%; }
menu ul li ul.children a { padding: 5px 15px; }
menu ul li ul.children a:hover { background: #d1e2ef; }
menu ul li:hover ul { display: block; z-index: 9999; background: #eef3f7; }

/*****lvl3 sub nav******/
menu ul li ul.children li ul { display: none; position: absolute; top: 0px; right: -150px; }
menu ul li ul.children li:hover ul { display: block; width: 100%; }

/*****lvl4 sub nav******/
menu ul li ul.children li:hover ul li ul { display: none; position: absolute; top: 0px; right: -150px; }
menu ul li ul.children li ul li:hover ul { display: block; width: 100%; }



#featured { position: relative; background: #afc8de url(images/featured_bg.jpg) repeat; color: #5f81a1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); height: 280px; }
#featured #featured-texture { background: url(images/featured_texture.jpg) no-repeat top left; }
#featured h3.featured-head { font-size: 18px; color: #fff; text-shadow:#8da2b5 0 1px 0; margin: 0 0 13px 0;}

#featured #box { float: left; width: 460px; padding: 10px; background: #f00; }
#featured #content { float: left; position: relative; width: 440px; padding: 10px 20px; }
#featured #picker { width: 300px; height: 100px; background: #C93; position: relative; }
#featured #picker .picker-box { float: left;  padding: 5px; }

.coda-slider-wrapper { background: url(images/featured_bg.jpg); }
.coda-slider-wrapper { color: #5F81A1; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.coda-nav { background: url(images/coda_nav_bg.gif) repeat-x; height: 41px; clear: both; text-align: center; }
#bend { position: absolute; left: 960px; top: 195px; width: 9px; height: 76px; background: url(images/coda_nav_bend.png) no-repeat; }

#main {}
#main-wrapper { background: #fff; padding: 10px; }
#page-content { width: 580px; float: left; }
#boxes { background: #fff; margin: 0 0 20px 0; border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; }
.box-widget { float: left; width: 300px; padding: 10px; }

.sidebar {
float: right;
background: #E4EFF9;
margin: 10px;
padding: 10px;
border: 1px solid #C0DAF1;
border-radius: 5px;
}

.panel h2.title { color: #fff; text-shadow: #8DA2B5 0 1px 0; }
.panel p { width: 460px; float: left; }
.panel-left { float: left; width: 460px; margin: 10px; }
.panel-right { float: left; width: 460px; margin: 10px; }

#updates { margin: 0 0 20px 0; }

.column_400 { float: left; width: 400px; height: 200px; margin: 0 20px 0 0; padding: 8px 0; font-weight: bold; color: #636363; background: #fff; font-size: 14px; border-radius: 4px; }
.column_400 ul {}
.column_400 ul li { margin: 10px; padding: 5px 0; border-bottom: 1px solid #E6E6E6; }
.column_400 ul li a { color: #313131; }

ul li a  span.more { float: right; display: block; color: #888; }

h3.column { padding: 5px }

.column-texture { background: url(images/updates_texture.gif) repeat-x top center; }
.column_540 { float: left; width: 540px; height: 200px; padding: 8px 0; font-weight: bold; color: #636363; background: #fff; font-size: 14px; border-radius: 4px;  }
.column_540 ul {}
.column_540 ul li { margin: 10px; padding: 5px 0; border-bottom: 1px solid #E6E6E6; }
.column_540 ul li a { color: #313131; }

footer { background: url(images/footer_bg.jpg); color: #cbd9e6; border-radius: 4px; padding: 8px 0 0 0; margin-bottom: 20px; }
#footer-texture { background: url(images/footer_texture.jpg) repeat-x top;}
footer a { color: #cbd9e6; font-weight: bold; }
footer a:hover { color: #fff; }
.footer-widget { float: left; width: 220px; padding: 10px; }
.footer-widget h4 { font-size: 14px; color: #fff; margin: 0 0 20px 0;}


ul.archives {
font-size: 20px;
line-height: 38px;
font-weight: 100;
color: #92ABBF;
border-bottom: 1px solid #F0F0F0;
margin-left: 10px;
width: 497px;
float: left;
}

ul.archives li {
color: #92ABBF;
border-bottom: 1px solid #F0F0F0;
}

ul.archives li a {
color: #89A2B8;
}

li.news-events{ display: none; }