/* TEXT */





/* `Reset
----------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
	color:		#000;
	background:	#F4F4F3 url("../img/bg.png") repeat-x;
	font:		13px "Myriad Pro", Helvetica, Arial, sans-serif;
	padding:	20px 0 40px;
}
body#home { background: #F4F4F3 url("../img/bg-home.png") repeat-x; }

a {
	color: #000;
	-webkit-transition-property:background-color, color;
	-webkit-transition-duration:.3s;
	-webkit-transition-timing-function:ease-in;
	-moz-transition-property:background-color;
	-moz-transition-duration:.3s;
	-moz-transition-timing-function:ease-in;
}
a:hover { text-decoration: none; }

span.share { background: #EEEDDD; display: block; padding: 5px; }
a.share_tweet,
a.share_facebook,
a.share_delicious,
a.share_digg,
a.share_stumbleupon { color: #FFF; font-weight: bold; line-height: 1em; padding: 4px; text-decoration: none; }

span.share,
a.share_tweet,
a.share_facebook,
a.share_delicious,
a.share_digg,
a.share_stumbleupon { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

a.share_tweet:hover,
a.share_facebook:hover,
a.share_delicious:hover,
a.share_digg:hover,
a.share_stumbleupon:hover {
	-moz-transform: scale(1.05);
	-o-transform : scale(1.05); 
	-webkit-transform : scale(1.05);
}

a.share_tweet { background-color: #33CCFF; }
a.share_facebook { background-color: #3B5998; }
a.share_delicious { background-color: #3274D0; }
a.share_digg { background-color: #7AA13D; }
a.share_stumbleupon { background-color: #00A541; }

.orange { color: #CA7C4A; }
.center { text-align: center; }
.right  { text-align: right;  }

hr {
	border:	1px solid #FFF;
	clear:	both;
	height:	0;
}

blockquote {
	border-left: 3px solid #47306F;
	padding-left:	10px;
}

img.right {
	float: right;
	margin: 0 0 20px 20px;
}
img.left {
	float: left;
	margin: 0 20px 20px 0;
}
.inline { display: inline; }

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2 { font-weight: bold; }

h1 { color: #47306F; font-size: 30px; }
	#home h1 { color: #F6F6F5; margin: 65px 0 60px 80px; text-shadow: 2px 2px 13px #474747;}
	
h2 { font-size:		17px; letter-spacing: .5px; }
h3 { font-size:		15px; }
h4 { font-size:		14px; }
p { line-height:	1.5em; }

/* `Lists & Spacing
----------------------------------------------------------------------------------------------------*/
ul { list-style: disc; }
li {
	display:		inline;
	list-style:		none;
	margin-left:	30px;
}

.docs li { margin-left: 0; }
.docs a { display: block; padding-left: 20px; }
.docs a[href $='.pdf'] { background: url(../img/icons/pdf.png) no-repeat scroll center left; }
.docs a[href $='.doc'] { background: url(../img/icons/doc.png) no-repeat scroll center left; }
.docs a[href $='.rtf'] { background: url(../img/icons/rtf.png) no-repeat scroll center left; }
.docs a[href $='.jpg'] { background: url(../img/icons/image.png) no-repeat scroll center left; }
.docs a[href $='.mov'], .docs a[href ^='http://christianhomes.com/index.php/video/']  { background: url(../img/icons/movie.png) no-repeat scroll center left; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}





/* GRID */





/* `Containers
---------------------------------------------*/
.container {
/*	background:		url("../img/12_col.gif") repeat-y;*/
	margin-bottom:	20px;
	margin-left:	auto;
	margin-right:	auto;
	width:			960px;
}

/* `Basic Grid Layout
---------------------------------------------*/
.box {
	display:		inline;
	float:			left;
	position:		relative;
	margin-left:	10px;
	margin-right:	10px;
}

.small  { width: 220px; }
.medium { width: 700px; }
.large  { width: 940px; }

.grid_2 { width: 140px; }
.grid_4 { width: 300px; }
.grid_6 { width: 460px; }

.first  { margin-left: 0; }
.last   { margin-right: 0; }

.prefix_1 { padding-left: 80px; }
.suffix_1 { padding-right: 80px; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}





/* DESIGN */





/* `Header
---------------------------------------------*/
p#logo{ height: 100px; margin-bottom: 0; }
p#logo img { margin-left: 41px; }

#header{ 
	height:			100px;
	margin-bottom:	60px;
}
#home #header { margin-bottom: 45px; }
	#phone {
		color:			#FFF;
		font-size:		19px;
		font-weight:	bold;
	}
	#phone span { float: right; margin: 8px 0 0 20px;}

/* `Navigation
---------------------------------------------*/
#nav {
	color:			#FFF;
	font-size:		13px;
	font-weight:	bold;
	margin-top:		10px;
/*	text-align:		right;*/
}
	#nav a { color: #FFF; text-decoration: none; }
	#nav li{ margin-right: 35px; margin-left: 0;}
	#nav li.last { margin-right: 0; }
	#nav li a.here, #nav li a:hover { color: #CA7C4A; text-decoration: underline; }

/* `Sidebar
---------------------------------------------*/
#sidebar {
	background:		url("../img/sidebar-bottom.png") no-repeat bottom left;
	left:			-720px;
	padding-bottom:	68px;
	top:			-43px;
	z-index:		0;
}
#home #sidebar { top: -28px; }

	#sidebar ul {
		background:		url("../img/sidebar.png") repeat-y;
		margin-bottom:	0;
		padding:		55px 15px 0 15px;
	}
		#sidebar li{
			border-bottom:	1px solid #934929;
			color:			#F6F6F5;
			display:		block;
			font-size:		15px;
			font-weight:	bold;
			margin-left:	0;
			padding:		15px 10px;
		}
		#sidebar li.events { border: none; margin-top: 100px; padding-bottom: 50px; text-align: center; }
		#sidebar li.events ul li strong a { border-bottom: 1px dotted #47306F; color: #47306F; }
			#sidebar li a { color: #F6F6F5; text-decoration: none; }
			#sidebar a:hover, #sidebar a.here { color: #47306F; }
			
		#sidebar li ul {
			background:	none;
			border-top:	1px solid #934929;
			margin-top:	8px;
			padding:	8px 0;
		}
			#sidebar li ul li {
				border:			0px;
				font-size:		12px;
				font-weight:	normal;
				padding:		4px 0;
				text-align:		left;
			}
			#sidebar li.events ul li {
				font-size:		13px;
				text-align:		center;
			}
			
			#sidebar li.network_for_good_list_item { padding-left: 5px;}
			
#sidebar-sec h2 {
	background-color:	#CCC;
	font-size:			14px;
	margin-bottom:		5px;
	padding:			5px;
}
#sidebar-sec ul { margin-top: 10px;}
#sidebar-sec li {
	display: block;
	margin-bottom:	4px;
	margin-left: 0;
}

/* `Content
---------------------------------------------*/
#content { left: 240px; }
	
	#page-content h1 { text-transform: capitalize; }
	#page-content li {
		background-color:	#DDD;
		border-left:		2px solid #CCC;
		display:			block;
		margin-bottom:		2px;
		margin-left:		0;
		padding:			10px;
	}
	ul.half { float: left; width: 340px; }
	
	.staff-section .staff:nth-of-type(odd)  { margin-left: 0;  }
	.staff-section .staff:nth-of-type(even) { margin-right: 0; }
	
	#page-content .staff img { float: left; margin: 0 20px 20px 0; }
	#page-content .staff h3 { margin-bottom: 5px; }
	
	p.lf_footer { background-color: #EEEDDD; clear: both; padding: 4px; }
	
	/* `HOMEPAGE INTRO SECTION (WITH FEET BACKGROUND)
	---------------------------------------------*/
	#intro {
		height:			322px;
		margin-bottom:	40px;
	}
/*	#intro img { border-bottom: 6px solid #8c9da5; }*/
	#intro h1 { z-index: 5; }
	#intro p { z-index: 10; }
	#intro .homepage_slideshow {
		position: absolute;
		z-index: -1;
	}
	
	/* `SHAKE IT LIKE A POLAROID PICTURE
	---------------------------------------------*/
	.polaroid, #page-content img {
		
		border: 1px solid #DDD;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
		
		padding:			5px;
		
		background-color:	#FFF;
		margin-bottom:		15px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#page-content img:hover, table:hover {
		border-color: #F0F0F0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	img.old_photo {
		border: 8px solid #FFF;
		position: relative;
		box-shadow: -1px 1px 1px rgba(0,0,0,0.2);
		-o-box-shadow: -1px 1px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.2);
		-webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.2);
	}
	img.old_photo:nth-of-type(1) { z-index: 4; }
	img.old_photo:nth-of-type(2) {
		left: 90px;
		top: -105px;
		-o-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		z-index: 2;
	}
	img.old_photo:nth-of-type(3) {
		left: 15px;
		top: -115px;
		-o-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		z-index: 3;
	}
	img.old_photo:nth-of-type(4) {
		left: 25px;
		top: -125px;
		-o-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		z-index: 1;
	}

	
	/* `Table
	---------------------------------------------*/
	table { border: 1px solid #DDD; }
	tr:first-of-type { background-color: #E5E5E5; }
	th { color: #000; text-align: left; }
	th, td { border: 1px solid #FFF; padding: 5px; }
	td { background-color: #EFEFEF; color: #333; }
	td:hover { background-color: #E6E6E6; }
	
		/* `Calendar Table
		---------------------------------------------*/
		table.calendar { border: 1px solid #CCC; width: 100%; }
		table.calendar th { text-align: center; }
		table.calendar th, table.calendar td { border: 1px solid #CCC; }
		table.calendar td { background-color: #FFF; color: #212121; width: 14%; }
		table.calendar div.calendar_event a { background-color: #179E2A; color: #FFF; display: block; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none;
			-moz-transition-property : scale; 
			-moz-transition-duration : 0.2s; 
			-moz-transition-timing-function : ease-in-out;
			-o-transition-property : scale; 
			-o-transition-duration : 0.2s; 
			-o-transition-timing-function : ease-in-out;
			-webkit-transition-property : scale; 
			-webkit-transition-duration : 0.2s; 
			-webkit-transition-timing-function : ease-in-out;
			transition-property : scale; 
			transition-duration : 0.2s; 
			transition-timing-function : ease-in-out;
		}
		table.calendar div.calendar_event a:hover {
			background-color: #0058CB;
			-moz-transform: scale(1.05);
			-o-transform : scale(1.05); 
			-webkit-transform : scale(1.05); 
			transform : scale(1.05); 
			-moz-box-shadow : 0 0 10px rgba(0,0,0,.5);
			-webkit-box-shadow : 0 0 10px rgba(0,0,0,.5);
			box-shadow : 0 0 10px rgba(0,0,0,.5);
		}
		
	/* `Buttons
	---------------------------------------------*/
	
	.button {
		color: #FFF;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		
		box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
	}
	
	.button, .button a { display: block; text-decoration: none; }
	
	.button a {
		background: #47306F;
		background: -moz-linear-gradient(top, #5C3F8B 0%, #452B6E 100%);
		background: -webkit-gradient(linear, left top, left bottom, from(#5C3F8B), to(#452B6E));
		border: 1px solid #341D5B;
		color: #FFF;
		padding: 8px 0;
		text-decoration: none;
		
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.button a:hover { background: #CA7C4A; }
	
	#intro .button {
		font-size: 15px;
		float: left;
		line-height: 48px;
		
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	#intro .button, #intro .button a {
		color: #FFF;
		height: 53px;
		margin-left: 40px;
		width: 139px;
	}
	
	#intro .button a        { background: transparent url("../img/button1.png") no-repeat scroll 0 -54px; border: none; padding: 0; }
	#intro .button a:hover  { background: url("../img/button1.png") no-repeat scroll 0 0; }
	#intro .button a:active { background: url("../img/button1.png") no-repeat scroll 0 -108px; }
	
	/* `Gallery
	---------------------------------------------*/
	.gallery { margin: 0 20px 0 0; padding-right: 80px; width: 140px; }
	.gallery:nth-of-type(3n) { margin-right: 0; }
	#page-content .gallery img { margin-bottom: 0; }
	.gallery p { margin-bottom: 25px; text-align: center; }
	
/* `Footer
---------------------------------------------*/
#footer { margin-top: 145px; }

	#footer ul li {
		color:			#472C6D;
		float:			left;
		font-size:		13px;
		font-weight:	bold;
		list-style:		none;
		margin-left:	0;
		margin-right:	55px;
	}
		#footer a { color: #472C6D; text-decoration: none; }
		#footer a:hover, #footer a.here { text-decoration: underline; }
		
		#footer ul li.last { margin-right: 0; }
		#footer ul li ul { margin-top:	10px; }
		#footer ul li ul li {
			float:			none;
			display:		block;
			font-size:		10px;
			font-weight:	normal;
			margin-bottom:	3px;
			margin-right:	0;
		}
		
		#gandr { float: right; margin-top: 25px;}
		
/* `Form + Validation
---------------------------------------------*/
input[type=text], input[type=email], textarea {
	background: -moz-linear-gradient(top, #E8E9EC, #FEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, from(#E8E9EC), to(#FEFEFE));
	border: 1px solid #BBB;
	padding: 4px;
	width: 220px;
	
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	background: #FFF;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

textarea { height: 200px; }

.comment_box {
	background: rgba(0,0,0,0.2);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.success, .validation-advice {
	margin:			0 0 17px 0; 
	padding:		0 4px;
	font-size:		11px;
	line-height: 	18px;
}
.validation-advice {
	background:		#FBE3E4; 
	color:			#8a1f11; 
	border-bottom:	1px solid #FBC2C4;
	width:			222px;
}
.success {
	background:		#E6EFC2; 
	color:			#264409; 
	border-bottom:	1px solid #C6D880;	
}