/*   
Theme Name: FFWB Children
Theme URI: http://new.firstfreewill.org/children/green_and_blue/
Description: This is the green and blue theme for the First Free Will Baptist Church childrens' department.
Author: Patrick Godbold
Author URI: patgodbold@hotmail.com
Version: 1.01
.
This theme is custom designed to accept multiple posts into different areas of a page so the content can be updated by people in the church office.
.
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

* {
        outline:0;
}

body {
	background: #B2DC87 url(./images/body_bg1.png) repeat-x scroll center top;
	margin:0;
	padding:0;
	text-align:center;
	font-family:verdana;
	font-size:10pt;
	outline: 0;
}
#body-wrap {
	background:transparent url(./images/body_wrap_bg.png) no-repeat scroll center 126px;
}
.container {
	width:940px;
	margin:0 auto 0 auto;
	text-align:left;
}

/*      BASICS
- - - - - - - - - - - - - - - - - */

a, a:link {
	color: #116AEA;
}
.hidden {
	display:none;
}
strong {
	font-weight: bold;
}
em {
	font-style:italic;
}
h2 em, h3 em, h4 em, h5 em{font-style:italic}

/* 			Utility Classes
- - - - - - - - - - - - - - - - - */
div {
	xborder:1px solid red;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.even {background:#EDF3FA; }


/* 			General Classes
- - - - - - - - - - - - - - - - - */
h1,
h2,
h3,
h4,
h5,
#navigation,
#subNavigation li a,
#header {
	font-family:Georgia
}

h2 {
	font-size:2em;
	margin:0 10px 5px 10px;
	font-style:italic;
}

/* 			Header
- - - - - - - - - - - - - - - - - */
#header {
	height:86px;
}
#header h1 a{
	margin:7px 0 6px;
	width:350px;
	height:73px;
	float:left;
	text-indent:-3000px;
	background:url(./images/logo_NewLifeGlenside.png) no-repeat top left;
}
#header p#tagline {
	float:left;
	margin:44px 0 0 0;
	color:#7b4;
	font-size:1.5em;
	letter-spacing:-.02em;
}
#header ul {
	float:right;
	xwidth:100px;
	position:relative;
	top:51px;
}
#header ul li {
	text-align:right;
}
#header ul li a,
#header ul li a:visited {
	color:#CC8822;
	font-size:0.8em;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul li a:hover {
	text-decoration:underline;
}

/* 			Navigation
- - - - - - - - - - - - - - - - - */
	#navigation {
		height:40px;
	}
		#navigation ul {
			border-left:1px solid #693;
			height:40px;
		}
		#navigation li {
			float:left;
		}
		#navigation ul li a,
		#navigation ul li a:visited {
			background-repeat:no-repeat;
			display:block;
			width:150px;
			height:20px;
			margin:0;
			padding:11px 0 9px;
			text-decoration:none;
			text-align:center;
			font-variant: small-caps;
			font-size:1.2em;
			color:#fff;
			text-indent:-5000px;
		}
		#navigation ul li a#nav_nursery {
			background-image:url(./images/nav_nursery.png);
			width:155px;
		}
		#navigation ul li a#nav_preschool {
			background-image:url(./images/nav_preschool.png);
			width:155px;
		}
		#navigation ul li a#nav_elementary {
			background-image:url(./images/nav_elementary.png);
			width:155px;
		}
				#navigation ul li a#nav_events {
			background-image:url(./images/nav_events.png);
			width:155px;
		}
		#navigation ul li a#nav_camps {
			background-image:url(./images/nav_camps.png);
			width:155px;
		}
				#navigation ul li a#nav_videos {
			background-image:url(./images/nav_videos.png);
			width:155px;
		}
		#navigation ul li a:hover {
			background-position:0 -40px;
		}
		#navigation ul li a.current {
			background-position:0 -80px;
			xborder-left:1px solid #693;
			xborder-right:1px solid #693;
		}


/* 			SubNavigation/
			Secondary Column
- - - - - - - - - - - - - - - - - */
	#subNavigation {
		background:#FFFFFF url(./images/sub_menu_bg.png) repeat-x scroll center bottom;
		float:right;
		margin-right:1px;
		padding:3px 0pt 90px;
		width:298px;
	}
		#subNavigation ul,
		#nav_categories {
                	margin-top:15px;
                }
		
		#subNavigation .sermonOptions {
			margin:10px 0 0 0;
			}
		#subNavigation dd .sermonOptions {
			margin: 0 0 10px;
		}
		#subNavigation .sermonOptions li {
			float:left;
      }		
		#subNavigation .sermonOptions li a{
			color:#116AEA;
			font-family: Verdana, Sans-serif;
			font-size:10px;
			font-style:normal;
			text-decoration:underline;
			text-transform: uppercase;
			border-bottom:0px;
			display:inline;
			margin:0px 10px 0 0;
			padding:1px;
			line-height:1em;
      }
		
				
		#subNavigation ul li a,
		#nav_categories li a {
			color:#48a;
			font-size:1.3em;
			font-style:italic;
			text-decoration:none;
			border-bottom:1px solid #ddd;
			display:block;
			height:20px;
			margin:5px 15px;
			padding:1px;
			line-height:1em;
		}
		#subNavigation ul li a:hover,
		#nav_categories li a:hover {
			border-bottom:1px solid #693;
			color:#a96f19;
		}
		#subNavigation ul li a.current,
		#nav_categories li a.current {
			background:transparent url(./images/secondaryColumn_current.png) no-repeat;
			color:#fff;
			margin: 5px 0 5px 0;
			padding:5px 0 5px 15px;
			border-bottom: 0;
		}
		#subNavigation ul li ul,
		#nav_categories li ul {
			background:#fff;
			border-bottom:0px;
			margin-top:0;
			padding:7px 0;
		}
		#subNavigation ul li ul.current {
			background:#efd;
			border-bottom:5px solid #8c4;
		}
		#subNavigation ul li ul {
			margin-top:-5px;
        }
		#subNavigation ul li ul.subNavChildren_hide {
			display:none
        }
		#subNavigation ul li ul li a,
		#subNavigation ul li ul li a.current,
		#nav_categories li ul li a,
		#nav_categories li ul li a.current {
			font-size:.9em;
			color:#999;
			border-bottom:1px solid #e5e5e5;
			margin:5px 15px 5px 25px;
			font-style:normal;
			font-family:verdana;
			height:13px;
		}
		#subNavigation ul li ul li a.current,
		#nav_categories li ul li a.current {
			border-bottom: 1px solid #8C4;
			font-weight:700;
			background-image:none;
			padding: 1px;
		}

		#sermonTab, #seriesTab {cursor:pointer;}
		#series {display:none;}



/* 			Banner
- - - - - - - - - - - - - - - - - */
	#banner {
		background:transparent url(./images/banner_bg.gif) repeat-y scroll right top;
		height:290px;
	}
	
	#bannerImg {
		background: #FFF;
		float:left;
		height: 290px;
		overflow:hidden;
		position:relative;
		width:640px;
	}
	
	#bannerContent {
		background:transparent url(./images/banner_content_bg.jpg) no-repeat scroll 0pt bottom;
		color:#FFFFFF;
		float:right;
		height: 290px;
		overflow:hidden;
		width:300px;
	}
		#bannerContent ul li {
		float:left;
		}
		#bannerContent ul li a {
			display:block;
			color:#fff;
		}
			
		#bannerContent h2 {
			border-bottom:1px solid #337799;
			font-size:1.5em;
			overflow:hidden;
			padding:10px 5px;
		}
		#bannerContent h2 em {
			clear:right;
			font-size:.8em;
			color:#ddd;
			text-transform:uppercase;
			display:block
		}
		#bannerContent p {
			font-family:georgia;
			font-size:1em;
			height:86px;
			line-height:1.5em;
			overflow:hidden;
			padding:5px 15px;
		}
		
		#bannerContent #sermon {
			position:relative
		}

		#bannerContent .sermonOptions{
			margin:10px 0pt 0pt;
			padding:3px 5px;
			position:absolute;
			top:188px
		}
		#bannerContent .sermonOptions li a{
			font-size:10px;
			margin-top: 8px;
			padding:3px 10px;
			text-transform:uppercase;
		}
		#bannerContent .sermonOptions li a:hover{
			border-bottom:1px solid #34637E;
			background:#3D7593 none repeat scroll 0% 50%;
			text-decoration:none;
		}
/* 			Content
- - - - - - - - - - - - - - - - - */
	#content {background:url(./images/content_bg_home.png) #fff repeat-y top center;}
	#content-ds {
		background:transparent url(./images/content_bg_top.png) no-repeat scroll center top;
		display:block;
		height:12px;
	}
	
	#content h3 {
		border-bottom:1px solid #ddd;
		color:#c82;
		padding:5px 0;
		margin:20px 15px;
		font-size:1.5em;
	}
	#home #content h3 {
		font-size:1.3em;
	}
	
	#content .left {
		float:left;
	}
	#content .right {
		float:right
	}
		
	#content #mainColumn {
		width:638px;
		float:left;
		padding-bottom:20px;
	}
		#content #mainColumn h2 {
			color:#333;
			margin:10px 15px;
		}
		#content #mainColumn h4 {
			color:#c82;
			font-size:1.4em;
			font-style:italic;
			margin: 0 15px;
		}
		#content #mainColumn h4 .unique {
			color:#333;
			font-style:normal;
		}

		#content #mainColumn h4 a {color:#c82; text-decoration:none;}
		#content #mainColumn h4 a:hover {color:#a96f19;}
	
		#content #mainColumn img {
			border: 1px solid #CCC;
			float:right;
			margin: 0px 0 20px 20px;
		}
	
	
		#content #mainColumn p {
			color:#333333;
			font-size:11px;
			line-height:1.5em;
			margin:15px;
		}
		#content #mainColumn p.sub {
			margin:4px 15px 15px;
		}
		
		#content #mainColumn p strong{
			color:#555;
		}
	
		#content #mainColumn p.excerpt {
			font-size:1.25em;
			line-height:1.5em;
			font-family:georgia;
			color:#666;
			margin-bottom:10px;
		}
		#content #mainColumn ul,
		#content #mainColunn ol {padding: 10px 0}

		#content #mainColumn ul.dateList {
		list-style: disc inside;
		padding:0 0 0 15px;
		}

		#content #mainColumn li {
			border-bottom:1px solid #F1F1F1;
			color:#333333;
			font-size:0.9em;
			margin:0pt 15px;
			padding:6px 0pt;
		}
	#content #secondaryColumn {
		width:300px;
		float:right;
	}
		#content #secondaryColumn div,
		#content #subNavigation div{
			background:#EEFFDD none repeat scroll 0% 50%;
			border-bottom:1px solid #CCCCCC;
			margin:0 1px;
			padding:15px 18px;
		}
		#content #secondaryColumn div div,
		#content #subNavigation div div {border: 0; padding:0; margin: 0;}
		
			#content #secondaryColumn h3,
			#content #subNavigation h3 {
				font-size:1.3em;
				margin:0pt;
				padding:15px 15px 7px;
				text-transform:uppercase;
		}

.audio_segment {
	margin-left:1px;
	padding: 10px 0px;
}

.audio_segment.even {
	border-top: 1px solid #D4DAE2;
	border-bottom: 1px solid #D4DAE2;
}

#audio_single {
	font-size:11px;
	margin:0pt 15px 25px;
	width:610px;
}
#audio_single tr {border-bottom: 1px solid #DDD;}

#audio_single td {padding: 6px 10px;}
#audio_single td.title {
	border-right:1px solid #DDDDDD;
	padding-right:10px;
	padding-left: 0;
	text-align:right;
	width:136px;
}



	  /*    HOMEPAGE MINISTRIES
		- - - - - - - - - - - - - - - - - - -*/ 
		#min_invite {margin: 0 15px;}
		
		#content #mainColumn #min_invite h4 {margin:8px 15px 6px;}

		#content #mainColumn #min_invite p {margin:0px 14px 0 7px;} /*home specific to compensate for the bg images used on the home page*/
		#home #content #mainColumn p.excerpt {margin: 0 15px;} /*compensate for the min-blurb p*/
		
		#content #mainColumn #min_invite div {
			background:transparent url(./images/ministries_blurb_bg.png) no-repeat scroll left top;
			float:left;
			height:175px;
			margin:10px 0;
			width:290px;
		}
		
		#content #mainColumn #min_invite div#mis {
			background:transparent url(./images/ministries_blurb_bg.png) no-repeat scroll left top;
			width:590px;
		}		
		#content #mainColumn #min_invite div img {
			float:left;
			margin:12px 12px 4px;;
		}
		
	
		/*    SECONDARY EVENTS LIST
		- - - - - - - - - - - - - - - - - - -*/
		 dl {font-size: 11px; margin-bottom:8px;}
		 dt {
			padding:1px 0;
			text-transform:uppercase;
		}

		 dt a{
			background:transparent url(./images/list_link_sidebar.png) no-repeat scroll right 70%;
			display:inline;
			padding-right: 18px;
			text-decoration:none;
		}

		 dd {
			border-bottom:1px solid #DDDDDD;
			margin-bottom:5px;
			padding-bottom:8px;
		}
		
		#home #secondaryColumn li {
			border-right:1px solid #CCCC22;
			float:left;
			font-family:Georgia,Serif;
			margin-right:10px;
			padding-right: 10px;
			text-transform:uppercase;			
		}
		#home #secondaryColumn li.last {
		border: 0;
		margin-right: 0;
		padding-right: 0;
		}
		#home #secondaryColumn li a {
			color: #CC8822;
			margin-bottom: 10px
			text-decoration:none;
		}
		#home #secondaryColumn li a:hover {color:#a96f19;}
		
		#secondaryColumn img,
		#subNavigation img {
			border:1px solid #CCC;
		}
		#secondaryColumn p,
		#subNavigation p {
			font-size: 11px;
			line-height: 1.5em;
			}

		#secondaryColumn p.unique,
		#subNavigation p.unique {
			margin-bottom: 15px;
			}

		#secondaryColumn p strong,
		#subNavigation p strong {
			color: #555;
			}


	#contentFoot {
		clear:both;
		height:0px;
	}
/* 			Footer
- - - - - - - - - - - - - - - - - */
#footer {
	background-color:#87C04C;
	clear:both;
	color:white;
	font-size:0.85em;
}	

#footer .container {background:transparent url(./images/content_footer.png) no-repeat top center;}

	#footer .container div {
		float:left;
		width:145px;
		margin:0 20px 5px 0;
	}
	#footer h5 {
		border-bottom:1px solid #be9;
		padding:5px 0;
		font-size:1.1em;
		font-weight:700;
		font-family:georgia, serif;
		font-variant:small-caps;
		letter-spacing: .02em;
		text-transform: uppercase;
	}
	#footer ul {
		margin-top:10px;
	}
	#footer ul li {
		padding:3px;
	}
	#footer a, #footer a:visited {
		color:white;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	#footer p {
		line-height:1.5em;
		margin-top:10px;
	}
	#footer p#copyright {
		color:#999999;
		line-height:1;
		margin:0pt;
		padding:0px 0pt 25px 15px;
	}
	
	#footer div#contactDirection {
		width:280px;
		text-align:right;
		margin-right:0;
	}
	#footer div#contactDirection ul {
		border-bottom:1px solid #be9;
		padding:0 0 10px 0;
	}
	#footer div#contactDirection ul.last {
		border-bottom:none;
	}
	#footer div#contactDirection li a {
		text-decoration:underline;
	}

	p#sqdeye {
		color:#B5D98E;
		margin:0pt;
		padding-bottom:35px;;
	}
	#sqdeye-logo {
		background: url(./images/sqdeye.png) no-repeat 0 50%;
		display:block;
		height:39px;
		width: 164px;
		text-indent:-99999px;
	}


/*   EVENTS RESULTS
- - - - - - - - - - - - - - - - - - - - */
.event_block {
	border-bottom:1px solid #D4DAE2;
	margin:0pt 15px;
	padding:10px 0 0 0;
}
#content #mainColumn h3.unique {margin-bottom:0;}

#content #mainColumn .event_block p {margin:0; padding-bottom: 5px;}
#content #mainColumn .event_block div {
	float:left;
	}

#content #mainColumn .e_title h4 {
	font-size:1em;
	margin:0pt;
	padding:0pt 15px 10px 0pt;
	width:132px;
}
#content #mainColumn .e_title h4 em {
	display:block;
	color:#666;

}
#content #mainColumn .e_title h4 a {
	text-decoration:underline;
font-size:1.2em;
}

#content #mainColumn .event_block .e_excerpt {margin: 0 10px; width: 299px;}
#content #mainColumn .event_block .e_location {margin-left: 10px; width: 132px;}

.e_perm {}

#view {
	border-bottom:1px solid #CCCCCC;
	margin:0pt 15px;
	padding-bottom:17px;
	}

#a_view {
	border-bottom:1px solid #DDDDDD;
	margin:30px 15px 15px;
	}
#content #mainColumn #a_view p{
	float:right;
	width:294px;
	}

#content #mainColumn #a_view h3 {
	border:0pt none;
	float:left;
	margin:7px 0px 0pt;
	width:275px;
}


#content #mainColumn #view p{
	margin:0pt 10px;
	padding:17px 0pt 0px;
	}
	
#view a,
#a_view a {	
	background:#FFFFFF none repeat scroll 0% 50%;
	border:1px solid #D4DAE2;
	color:#333333;
	margin:0 5px 10px;
	padding:5px 9px;
	}

#a_view a:hover {	
	background:#D4DAE2;
	border:1px solid #CCC;
	}

#a_view a.active,
#view a.active {	
	background:#D4DAE2;
	border:1px solid #CCC;
	}


#view a.link,
#a_view a.link {
	background:#D4DAE2;
	border:1px solid #CCC;
	color:#116AEA;
}

#view a.link:hover,
#a_view a.link:hover {
	background: #FFF;
	border:0;
	color:#116AEA;
	text-decoration:none;
}

/*   CONTACT
- - - - - - - - - - - - - - - - - - - - */

textarea {
	font-family: Verdana; Sans-serif;
	height: 150px;
	}

#contact_form {
	background:#ECF2FA none repeat scroll 0%;
	border:1px solid #D4DAE2;
	color:#555555;
	margin:15px;
	padding:0px;
	}


.cform {
	color: #555;
	font-size: 1.1em;
	width: 570px;
	}