/*   
Theme Name: Cedarcrest White
Theme URI: http://www.cedarcrestchurch.com
Description: Custom theme developed for Cedarcrest Church
Author: Andy Knight
Author URI: http://andyknight.com
Version: 1.0
.
General comments/License Statement if any.
.
*/
body{
	background: #fff url(images/bg.jpg) repeat-x;
	
	}

.container_12{
	margin:20px auto;
/*	background: url(images/12_col.gif) repeat-y;*/
	background: url(images/deco.gif) no-repeat 500px 7px;
}
/*#groups {background: url(images/deco.gif) no-repeat 500px 7px;}*/
#listen{background: url(images/hdr-george.png) no-repeat 570px 12px;}
#currentseries{background: url(images/hdr-george.png) no-repeat 570px 12px;}
#children{background: url(images/hdr-children.gif) no-repeat 470px -2px;}
#elevate{background: url(images/hdr-elevate.gif) no-repeat 320px 43px;}
.home_left{
	float:left;
}


/* ********************  Branding ******************** */
#branding_print{display:none;}
#branding{
	margin-left:10px;
}
#branding h1{margin-bottom:7px;}
#branding h1 a{
	background: transparent url(images/logo.gif) !important;
	width:220px;
	height:170px;
	display:block;
	text-indent:-900em;
	
}
/*#branding h1 a:hover{background:url(/images/logo_99cc33.gif);}*/

/* ********************  Main Links ******************** */

a{
	color:black;
	font-weight:normal;
}
a:hover{
	color:white !important;
	background:black !important;
}

/* ********************  Navigation Menus ******************** */

/*NOTE:
The custom colors on the homepage are set via the Settings tab in WP Admin Interface. 
See functions.php
*/

/* NAV (Shared Styles) */
#nav ul, #nav li, #topnav ul, #topnav li{
	margin:0;
	padding:0;
	list-style:none;
}
#nav a, #topnav a{
	display:block;
	text-decoration:none;
	background:black;	
	color:white;
	font-weight:normal;
}

#nav a:hover, #topnav a:hover{
	color:white !important;
}
.selected_state{
	background:#222 !important;
	color:#fff !important;
}
/* TOPNAV */
#home #topnav{margin-right:10px;}
#topnav{
	width:219px;
	float:right;
}
#topnav li{
	width:73px;
	display:block;
	float:left;
}
#topnav a{
	line-height:25px;
	text-align:center;
	border-left:1px solid white;
	border-bottom:1px solid white;
}

/* MAINNAV */
#nav{
	position:relative;
	border-top:1px solid white;
}

#nav a{
	padding-left:20px;
	line-height:50px;
	font-size:15px;
	/*text-transform:uppercase;*/
	border-right:1px solid white;
	border-bottom:1px solid white;
}
#home #nav a:hover{color:white;}

/* FLYOUT NAV */

.flyout_nav{
	display:none;
	position:absolute;
	top:-1px;
	height:254px;
	background:black;
	border-top:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
}


.flyout_nav a{
	display:block;
	border-bottom:1px solid black !important;
	border-right:0 !important;
	background:#222 !important;
}

#home #nav{width:240px;margin-left:0px !important;}
#home .flyout_nav{width:240px;left:240px;}

/* ********************  extra NAV rules for interior pages  ******************** */

#page #topnav a{border-bottom:1px solid white}
#page #topnav a:hover{color:white !important;background:#333;}
#page #nav{width:220px;margin-left:0px;}

#page .flyout_nav{width:220px;left:221px;}

#page a.primary_link, #page .flyout_nav a{
	background: white !important;
	color:black !important;
	border-bottom:1px dotted #999;
}	
#page a#nav0{border-top:1px dotted #999;}	

#page a.primary_link:hover{
	border-right:1px solid black;
	background:black !important;
	}

#page .primary_link.selected_state{
	background:black !important;
	color:white !important;
}

#page .flyout_nav{
	border-top:1px dotted #999;
	border-right:0;
	border-bottom:0;
	margin-top:1px;
	background:transparent;
/*	background:#ccc;*/
}
#page #flyout_nav1{top:50px !important;}
#page #flyout_nav2{top:100px !important;}
#page #flyout_nav3{top:150px !important;}

#page .flyout_nav a{
	border-bottom:1px dotted #999 !important;
	border-right:1px dotted #999 !important;
	border-left:1px dotted #999 !important;
	background:#f5f5f5 !important;
}

#page .flyout_nav a:hover{
	background:black !important;
	color:white !important;
}


/* ********************  Home Promo  ******************** */

#promo{
	float:left;
	background:white;
	padding:1px;
}
#promo p{display:inline;margin:0;padding:0;}
#promo img{
	width:688px;
	height:394px;
}


/* ********************  MAIN CONTENT  ******************** */

#content{
	margin-top:178px;
}
#content h2{
	font-family: Georgia,"Times New Roman", serif;
	font-size:41px;
	line-height:41px;
	font-weight:normal;
	padding-top:30px;
	padding-bottom:30px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
#content h3{
	font-family: Georgia,"Times New Roman", serif;
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	font-size:22px;
	line-height:22px;
}
#content h4{
	font-size:18px;
	margin-top:30px;
	margin-bottom:10px;
}

#content h3 span, #content h4 span{
	font-size:14px;
	font-family:Arial, Verdana, sans-serif;
	color:#777;
	font-weight:normal;
	padding-left:20px;
}
#content p{
	line-height:22px;
	font-size:14px;
}
#content em{
	color:#666;
}
#content .video_fullsize{
	background:url(images/bg-fullsizevideo.jpg) repeat-x;
	padding:6px;
}
#content .video_fullsize object{padding-top:-5px;background:#ccc;}
#content .videobox{
	padding-bottom:18px;
	background:url(images/bg-videobox.jpg) no-repeat bottom center;
}
#content .imagebox{
	padding-bottom:15px;
	background:url(images/bg-imagebox.gif) no-repeat bottom center;
}
#content .imagebox img{
	background:white;
	padding:5px;
	border:1px solid #ccc;
}

.highlight{
	background:#ff9;
	font-weight:bold;
	color:black;
	}
.amp{
  	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  	font-size: 4em;
	clear:left;
  	font-style: italic;
	float:left;
	margin-bottom:10px;
	margin-left:-5px;	
	margin-right:5px;
}

.alignright{
	float:right;
	margin:0 0 20px 20px;
}
.alignright.contentbox{
	border-left:1px dotted #ccc;
	width:220px;
}
.alignright.contentbox h3,
.alignright.contentbox p{
	padding:0 30px;
}
.alignleft{
	float:left;
	margin:0 20px 20px 0;
}
.entry-edit a{font-size:10px !important;font-weight:normal;}

.help{color:#999;font-size:10px;}

/* ********************  Svc Times & DIrections  ******************** */

#servicetimes{margin-top:30px;}

#servicetimes div{
	height:80px;
	text-align:center;
	
	}
#content .googlemap iframe{
	background:white;
	padding:5px;
	border:1px solid #ccc;
}
#content .googlemap{
	display: inline-block;
	padding-bottom:35px;
	background:url(images/bg-googlemap.gif) no-repeat bottom center;
}
/* ********************  Calendar  ******************** */

#calendar_wrapLarge h2{
	font-size:30px;
	border:0;
	padding:10px 0;
}
#calendar_wrapLarge h2 span{
	font-size:14px;
	font-family:arial, verdana, sans-serif;
	padding:0 100px;
}
#calendar_wrapLarge{
	font-size:11px;
}

/* ********************  Basic Form (cformII)  ******************** */


.cform label{
	color:black !important;
}
.cform {
	width:450px !important;
	margin:0 !important;
}
.cform p.cf-sb{
	text-align:left !important;
}
.linklove a{display:none;}

.cform fieldset{
	background:#f5f5f5 !important;
	border:1px dotted #aaa !important;
}
.cform legend{
	color:black !important;
	font-family:arial,verdana, sans-serif !important;
	font-size:16px !important;
	background:white;
}

.cform label{
	font-size:12px !important;
	background:transparent !important;
}
.cf-box-title{
	letter-spacing:0 !important;
	color:black !important;
	font-size:12px !important;
}
.cform input.single, .cform textarea{
	border:1px dotted #aaa !important;
	background:white !important;
	font-size:16px;
}
.cformselect{
	background:white !important;
	width: 50% !important;
}
#cforms2form .cf-fs2 li label{font-weight:bold;}

div.success {
	color:green !important;
}
label.cf-group-after span{width: 100% !important;}
.cf-box-title{font-weight:bold !important;}
/* ********************  Evite  ******************** */

#currentseries #content form{
	border:1px solid #bbb;
	padding:20px;
	background:#eee;
}
#currentseries table{width:100%;}
#currentseries th{
	text-align:left;
	font-size:18px;
	background: #ddd;
	padding:5px;
}

#currentseries td{
padding:5px;
}
#currentseries form label{
	text-align:right;
}
#currentseries form textarea{
	width:100%;
	height:70px;
	font-family:arial, verdana, sans-serif;
}
form button{
	cursor:pointer;
}
#emailpreview{
	background:white;
	padding:30px;
	border:1px solid #aaa;
}
#emailpreview p{font-size:12px;}
#emailpreview a{color:blue;font-weight:normal;}
#emailpreview a:hover{color:blue;background:white;}

#response.success{color:green;}
#response.error{color:red;}

/* ********************  Home Features  ******************** */

#footer_features{
	margin:20px 0 20px 10px;
	padding:0;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
#footer_features div{
/*	height:100px;*/
}
#footer_features h2{
	font-family:"Georgia", "Times New Roman", sans-serif;
	font-weight:normal;
	font-size:26px;
	letter-spacing:-1px;
	margin:20px 0 0 0;
	padding:0;
	}
#footer_features p {
	margin-bottom:20px;
}
.textpromo h2 a{
	text-decoration:none;
}
.textpromo h2 a:hover{
	background:white !important;
	color:black !important;
}
.textpromo a{
	color:black;
}

.imgpromo img{
	border:5px solid #ddd;
	margin:20px 0;
	}
.imgpromo a:hover{background:white !important;}
.imgpromo a:hover img{border-color:#bbb;}
/* ********************  Footer  ******************** */

#footer{
	clear:both;
	text-align:center;
	color:#aaa;
	font-size:11px;
}
#footer a{color:#555;font-size:10px;}


