/* -----------------------------------
Site:       The Father's House
Author:		Jen Cork
Updated:	24/06/10 1:08 PM

COLORS
a:link { color: #103e64; }
a:visited { color: #1c5a8d; }
a:focus { color: #767f09; }
a:hover { color: #000; }
a:active { color: red; }
border: 1px solid #999;

/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q
{
	quotes:none;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font: 100%/1.1 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

/* ----------------------------
Clear
---------------------------- */
div.clear  
{
	clear:both;
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

/* -----------------------------------
general
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	background: url("images/body-bg.gif") repeat 0 0 #296B69;
	color: #333333;
	font: normal 85%/1.4 arial, Georgia, sans-serif;
	height: 100%;
}

h1,h2,h3,h4,h5,h6
{
	color: #39175A;
	font-weight: bold;
	line-height: 1.2;
	font-family:Georgia;
}

h1
{
	font-size: 190%;
	margin: 0 0 .5em;
	padding: 0 0 5px;
}

h2
{
	font-size: 140%;
	margin: 0 0 .2em;
	color: #4F3766;
}

h3
{
	font-size: 130%;
	color: #39175A;
}

h4
{
	color: #296B69;
	font-size: 120%;
}

ol
{
	margin: 0 2em 1.5em;
	list-style-type: decimal;
}

ol ol
{
	margin: 0 1.5em;
	list-style-type: lower-alpha;
}

ol li
{
	line-height: 1.714;
	margin: 0 0 0.25em;
}

ul { margin: 0 0 0.5em; }
ul ul { margin: 0; }

#col-1 ul li 
{
	background:url("images/bullet.gif") no-repeat scroll 0 0.5em transparent;
	line-height:1.5em;
	padding:0 0 0 15px;
}

p { margin: 0.2em 0 0.9em 0; }

a
{
	color:#296B69;
	padding-bottom:2px;
}
a:hover { color: #296B69; }

a:link { color: #296B69; }
a:visited { color: #296B69; }
a:focus { color:#296B69;} 
a:active { color: #296B69; }

/* -----------------------------------
Header
----------------------------------- */
#header-wrap
{
	background: url("images/header-bg.gif") repeat-x 0 0 #F8F1DF;
	height: 100px;
	
}
#header
{
	margin:0 auto;
	position:relative;
	width:958px;
}	
#header h1{ }	
#header .header-logo 
{
	position:absolute;
	top:10px;
}
#header-bottom
{
	background:none repeat scroll 0 0 #18504C;
	border-bottom:2px solid #164744;
	height: 15px;
	margin-bottom: 20px;
} 

/* -----------------------------------
Navigation
----------------------------------- */

#navlist {	
	float: right;
	margin: 15px 0 0 0;
}

ul#navlist li 
{
	border-right:1px dotted #BEC7B7;
	float:left;
	margin:0;
	padding:0 8px;
}
ul#navlist li a 
{
	color:#2E4F50;
	float:left;
	font:500 1em/32px Georgia,arial,sans-serif;
	height:32px;
	padding:0 15px 0 0;
	text-decoration:none;
}
ul#navlist li a span {
    float: left;
    padding-right: 15px;
    display: block;
    height: 24px;
    line-height: 24px;
}
ul#navlist li.current_page_item a {
    color: #ffffff;
    background: #315354 url("images/nav-bg.gif") no-repeat top right;
    height: 32px;
    border: none;
}
 
ul#navlist li.current_page_item a span {
    background: #315354 url("images/nav-bg.gif") no-repeat top left;
    height: 32px;
    border: none;
}
ul#navlist li a:hover{
	text-decoration: underline;
	color: #f1a41e;
}
	
/* -----------------------------------
Wrappers
----------------------------------- */
	
#wrapper-top
{
	background: url(images/wrapper-top.png) top right no-repeat;
	height: 21px;
	width: 989px;
} 
#wrapper
{
	margin: 0 auto;
	background: url(images/wrapper-bg.png) top right repeat-y;
	width: 989px;
	position: relative;
}			
#wrapper-bottom
{
	width: 989px;
	background: url(images/wrapper-bottom.png) top right no-repeat;
	height: 21px;
} 

/* -----------------------------------
Home Layout
----------------------------------- */

#home-content
{
	background:none repeat scroll 0 0 #F0E7CE;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	width:958px;
	position: relative;
}

.feature-image-bg
{
	background:url("images/feature-event-bg.jpg") 0 0 no-repeat;
	height:306px;
	margin: 4px 0 0 4px;
}
.hide
{
	position: absolute;
	left: -999em;
}

/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:283px;
    width: 602px;
}

#slideshow DIV {
    position:absolute;
    top: 9px;
    left: 12px;
    z-index:8;
    opacity:0.0;
    height:283px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height:283px;
    display: block;
    border: 0;
}
					
.welcome-note
{
	background:url(images/welcome-note.jpg) center top  no-repeat;
	height: 306px;
	float: right;
	height:286px;
	left:628px;
	position:absolute;
	top: 10px;
	width:320px;
}
.welcome-note h2
{
	font-size: 1.8em;
	color: #39175A;
	font-style:italic;
	font-weight:bold;
	padding:15px 0 0 10px;
}
.welcome-note h2 span
{
	display: block;
	font-style: normal;
	color: #457778;
	font-size: 0.677em;
	font-weight:normal;
	font-family: Arial;
	margin: 0 0 0 10px;
}
.welcome-note p
{
	color:#BA6E54;
	font-style:italic;
	font-size: 0.9em;
	margin: 10px 30px 10px 16px;
	padding:1px 0;
}

img.download-button
{
	margin: 0 0 0 20px;
}

/* -----------------------------------
Home Column Layout
----------------------------------- */

.home-container-left
{
	width: 290px;
	float: left;
	display: inline;
	margin: 10px 10px 20px 14px;
}
						
.home-container-middle
{
	width: 290px;
	float: left;
	display: inline;
	margin: 10px 10px 20px 14px;
}

.home-container-right
{
	width: 290px;
	float: left;
	display: inline;
	margin: 10px 10px 20px 14px;
}

/* -----------------------------------
Home Column Styles
----------------------------------- */

#home-content h3
{
	border-bottom:1px solid #BEB28F;
	font-style:italic;
	padding:0 5px 5px 0;
	position: relative;
}

.home-container-left h4
{
	text-decoration: underline;
	font-size: 1.1em;
	margin: 0;
}

p.news-date
{
	color:#AEA385;
	margin:0;
	padding:0;
}
a.readmore
{ 
	color:#F1A41E;
	font-style:italic;
	text-decoration:underline;
}

img.home-icon  {
	position:absolute;
	right:0;
	top:5px;
}

ul.e-description
{
	padding: 10px 0 4px;
}
li.e-title
{
	color:#296B69;
	font-size:1.1em;
	overflow: auto;
}
li.e-location
{
	color:#749291;
	overflow: auto;
}
li.e-time { overflow: auto; }

img.date-icon 
{
	float:left;
	margin: 10px 12px 25px 6px;
}
.home-container-right h4
{
	margin: 0;
	font-family: Arial;
	font-size: 1.1em;
	padding: 0 0 4px;
}
		
/* -----------------------------------
Footer
----------------------------------- */		
		
#footer-top
{
	background: url(images/footerbg-top.png) 100% 0 no-repeat;
	width: 989px;
	height: 16px;
	margin: 0 auto;
	clear: both;
} 
#footer-bottom
{
	background: url(images/footerbg-bottom.png) 100% 0 no-repeat;
	width: 987px;
	height: 16px;
	margin: 0 auto;
	
} 
#footer-bg
{
	margin: 0 auto;
	width: 989px;
	background: url(images/footerbg.png) 100% 0 repeat-y;
	position: relative;
	clear: both;
	overflow: hidden;
	font-size: 96%;
}
#footer p
{
	margin: 0;
	color: #fff;
	padding: 2px 0 4px;
}
					
.footer-layout
{
	color:#333333;
	float:left;
	margin:15px 10px 25px 30px;
	width:280px;
	display: inline;
}
#footer h3
{
	color:#F0C255;
	font-size:1.1em;
	margin: 4px 0;
}
#footer a
{
	color:#F2F4F4;
	font-style:italic;
	text-decoration:underline;
	padding: 13px 0;
}

/* Footer Form */
#footer form#subForm
{
	margin: 10px 5px;
}
#footer form#subForm label
{
	color: #fff;
}
#footer form#subForm input
{
	margin: 6px 0;
}

#footer-cap
{
	margin: 0 auto;
	width: 989px;
}
#footer-cap p
{
	margin: 20px;
	color: #cdcdcd;
}

#footer-cap a { color: #F0C255; }

/* -----------------------------------
Content Pages Layout
----------------------------------- */
#content
{
	background: #F0E7CE;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	width:958px;
	position: relative;
}
.content-body
{
	padding: 7px 0 0 10px;
}

.container-left 
{
	display:inline;
	float:left;
	margin:4px 0 10px 5px;
	width:620px; 
}

.container-right 
{
	display:inline;
	float:right;
	margin: 0 5px 10px;
	padding:0 5px 0 4px;
	width:290px;
}

.sub-nav 
{
	background: #F8F1DF;
	border:6px solid #FFFFFF;
	margin: 4px 0 20px 0px;
	width: 280px;
}
#sub-nav 
{
	line-height:2em;
	padding:0 0 15px;
}
#sub-nav li 
{
	border-bottom:1px solid #CCC5B7;
	display:block;
	margin:0 10px;
	padding:10px 0 2px 0;
}
#sub-nav li a
{
	color:#000000;
	margin:0 0 0 6px;
	text-decoration:none;
	display: block;
}

#sub-nav li.current_page_item  {
	background:url(images/subnav-active.gif) no-repeat;
	height: 32px;
	width: 301px;
	color: #fff;
	border: none;
	position: relative;
	top: 15px;
	right: 0px;
	margin-left: -20px;
}
#sub-nav li.current_page_item a{
	color: #fff;
	position: relative;
	bottom: 7px;
	left: 48px;
	text-decoration: none;
}	
#sub-nav li a:hover {
	color: #523a6a;
}
#sub-nav li.current_page_item a:hover 
{
	color: #fff;
}

/* -----------------------------------
Content Pages Styles
----------------------------------- */
.sub-nav h2
{
	border-bottom:2px solid #D4C5A9;
	font-style:italic;
	margin:10px 15px 0;
	padding:0 0 5px;
}

.container-right h3
{
	border-bottom:4px solid #D4C5A9;
	padding: 0 0 4px;
	position:relative;
	margin: 18px 0 15px 0;
}
img.location-icon
{
	position:absolute;
	top:2px;
	right: 15px;
}

.container-right h4
{
	margin: 0 0 4px;
	font-family: arial;
	font-size: 1.1em;
	font-weight: normal;
}

.container-left h2
{
	border-bottom:4px solid #D4C5A9;
	font-size:2em;
	padding: 0 0 4px;
	margin: 0 0 10px;
}

/* -----------------------------------
WP Image Styles
----------------------------------- */
p img { max-width: 100%; }
img.centered { clear: both; display: block; margin:0 auto 24px; }
img.alignright { float: right; margin: 0 0 8px 10px; display: inline; padding: 2px; border: 5px double #dedfda; }
img.alignleft { float: left; margin: 0 10px 8px 0; display: inline; padding: 2px; border: 5px double #dedfda;  }
img.noborder { border: none; }

/* -----------------------------------
Table
----------------------------------- */

table {
	border-collapse: collapse;
	margin: 10px 0 25px 0;
	text-align: left;
	width: 100%;
}

#content-main caption {
	font-weight: bold;
	font-size: 1.3em;
	line-height:1.8em;
	text-align: left;
}

th {
	background: #4F3766;
	height: 35px;
	padding: 0 12px;
	color: #fff1dd;
	border: solid 1px #d4c5a9;
	text-transform: uppercase;
	vertical-align: middle;
}

tr {
	height: 40px;
}

td {
	padding: 0 11px;
	vertical-align: middle;
	color: #4c3f00;
	padding-top: 2px;
	border-bottom: solid 1px #CDCDCD;
}

/* -----------------------------------
Event Calendar
----------------------------------- */

#tec-content table 
{
	border-collapse: collapse;
	text-align: left;
	width:100%;
	background: #fff;
	border: 1px solid #aaaaaa;
}

#tec-content th 
{
	background: #4F3766;
	height: 20px;
	padding: 0 12px;
	color: #fff;
	border: 1px solid #aaa;
	text-transform: uppercase;
}

#tec-content td 
{
	color: #4c3f00;
	border-bottom: solid 1px #aaa;
	height: 100px;
	vertical-align: top;
	padding: 0;
	border: 1px solid #AAAAAA;
	width: 14.28%;
}
.tec-calendar td.tec-past .daynum
{
	color: #aaa;
}
.tec-calendar .daynum
{
	background-color: #eee;
	font-size: 1em;
	margin: 0;
}
.tec-calendar td .tec-event
{
	line-height: 1.2em;
	padding: 6px 9px;
}

/* Single Event Styles */
#tec-event-meta 
{
	border: 1px soild #333;
	margin: 10px 0;
}

#tec-content #tec-event-meta dt
{
	color: #4F3766;
	width: 100px;
}

#tec-event-meta dt
{
	clear: left;
	float: left;
	font-weight: bold;
}

#tec-event-meta dd
{
	margin-bottom: 8px;
	padding: 0;
}
#tec-event-meta a.gmap
{
	margin-top: 10px;
	font-size: 0.8em;
}

#tec-event-meta #googlemaps
{
	margin-top: 10px;
}

.entry
{
	margin: 40px 0;
}

/* -----------------------------------
Classes
----------------------------------- */
.chord-charts
{
	font-size: 110%;
	padding: 0;
}
.chord-charts img
{
	padding: 5px 0 0 0;
}	

.tint
{
	background: #fdfdfd;
	border: 1px solid #dcd1b2;
}

.round
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
}

.talk-section
{
	overflow: auto;
	margin: 10px 0;
}

.talk-section img
{
	margin: 10px 0;
}

.main-event
{
	overflow: auto;
	margin: 10px 0;
}

.main-event img
{
	float: right;
	clear: right;
}

dl.general-dl
{
	margin-bottom: 10px;
	overflow: auto;
	width: 100%;
}

.general-dl dt
{
	font-weight:bold;
	color:#4F3766;
	float:left;
	padding: .3em 1em 0 0;
	width:140px;
}

.general-dl dd
{
	float:left;
	margin:0;
	padding: 3px 0;
	width:400px;
}

.margin-tb
{
	margin: 25px 0 20px;
}

img.pdf-icon
{
	float: left; 
	clear: left;
}