/* 
Theme Name: Hillview Custom Theme
Theme URI: http://hillview.org/
Description: Custom design for Hillview.org
Version: 1.0
Author: Patrick Brumfield, Normalcy Design
Author URI: http://www.normalcy.net/
*/

/*	Colors	
	Brown: #3f3420
	Lt Brown: #9a8650
	Purple/Blue: #454150
	Red: #af411b
	Yellow: #f6f1c5
*/

*{
	margin:0;
	padding:0;
}
body{
	background:#454150 url(images/bg_tile.gif) repeat;
	font-size:12px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#3f3420;
	behavior:url(http://www.hillview.org/wp-content/themes/hillview/csshover.htc);
}
a img{
	border:none;
}
#border{
	position:relative;
	margin:0 auto;
	width:796px;
	background:#454150 url(images/border.gif) repeat-y top left;
}
#container{
	position:relative;
	background-color:#fff;
	width:782px;
	margin:0 7px;
	padding-top:8px;
}

/* ----- header ----- */

#header{
	width:766px;
	height:151px;
	margin:0 8px;
	background:#fff url(images/header_tile.gif) repeat-x 5px 3px;
}
	#header p{
		float:left;
		font-family:Georgia, 'Times New Roman', serif;
		text-shadow: #DDD 2px 2px 2px;
		font-style:italic;
		font-size:23px;
		padding:70px 0 0 60px;
		color:#454150;
	}
	#header h1 a{
		float:right;
		margin:25px 24px 0 0; 
		text-indent:-32697px; 
		background: url(images/hillview_logo80.jpg) no-repeat 0 0 ; 
		width:141px; 
		height:126px;
	}
	/*
#header a{
		float:right;
		margin-right:24px;
		margin-top:25px;
	}
*/
	
/* ----- nav ----- */	

#nav{
	width:766px;
	margin:0 8px 8px 8px;
	float:left;
	background:#af411b url(images/nav_bg.gif) no-repeat left 50%;
	font-family:Georgia, 'Times New Roman', serif;
	font-size:12px;
}
* html #nav{
	margin:0 4px 8px 4px;
}
#nav ul{
	margin:0 0 0 22px;
}
#nav li{
	float:left;
	position:relative;
	list-style-type:none;
	background-color:#af411b;
	border-left:1px solid #f6f1c5;
}
#nav li:first-child{
	border-left:none;
}
#nav li li:first-child{
	border-left:1px solid #f6f1c5;
}
#firstnav{
	border-left:none !important;
}
#nav li:hover{
	background-color:#454150;
}
#nav a{
	display:block;
	padding:3px 6px;
	text-decoration:none;
	color:#f6f1c5;
}
#nav a:hover{
	color:#fff;
}
* html #nav ul{
	float:left;
	/*border-left:1px solid #f6f1c5;*/
	margin-left:0;
}
#nav ul li ul{
	margin:0;
	position:absolute;
	width:13em;
	left:-1px;
}
#nav ul li ul li{
	width:100%;
	border-left:1px solid #f6f1c5;
	border-bottom:1px solid #f6f1c5;
	border-right:1px solid #f6f1c5;
}
#nav ul li ul li:first-child{
	border-top:1px solid #f6f1c5;
}
body #nav ul li ul{
	display:none;
}
#nav ul li:hover ul, #nav ul li ul:hover{
	display:block;
}
* html #nav ul li ul{
	border-top:1px solid #f6f1c5;
	border-left:0;
}
body #nav ul li ul li ul{
	visibility:hidden;
	top:-1px;
	left:13em;
}
#nav ul li ul li:hover ul{
	visibility:visible;
}
	
/* ----- content ----- */
	
#content_container {
	clear:left;
	width:766px;
	margin:0 8px;
	background:url(images/contentcontainer_bg2.jpg) repeat-y top left;
}
#content{
	width:429px;
	padding:66px 48px 48px 48px;
	float:left;
	background:url(images/content_bg.jpg) no-repeat top left;
}
* html #content{
	width:429px;
	padding:0 48px;
}
	#content p{
		line-height:18px;
		margin-bottom:12px;
	}
	#content h3{
		margin:24px 0 6px 0;
		font-size:14px;
	}
	#content hr{
		height:1px;
		border:0;
		color:#3f3420;
		background-color:#3f3420;
	}
	#content h2{
		/*font-size:54px;*/
		font-size:23px;
		font-style:italic;
		font-weight:normal;
		text-transform: lowercase;
		font-family:Georgia, 'Times New Roman', serif;
		color:#af411b;
		/* text-shadow: #DDD 2px 2px 2px; */
		margin-bottom:10px;
	}
	* html #content h2{
		margin-top:65px;
	}
	#content a{
		color:#3f3420;
		text-decoration:underline;
	}
	#content a:hover{
		text-decoration:none;
	}
	#content li{
		list-style:none;
		line-height:21px;
		margin-left:20px;
	}
	* html #fm_hva_photos_2087126967{
		margin-left:0;
		width:429px;
	}
#sidebar{
	width:241px;
	padding-top:332px;
	float:right; /*changed from left*/
	background:url(images/sidebar_bg.jpg) no-repeat top left;
}
	#building_hope{
		display:block;
		background: url(images/building_hope.jpg); 
		height: 99px; 
		width: 241px;
		text-indent:-32697px; 
	}
	#christmas_wish_list{
		display:block;
		background: url(images/christmas_wish_list.jpg); 
		height: 71px; 
		width: 241px;
		text-indent:-32697px; 
	}
	#donate{
		display:block;
		background: url(images/donate_now.jpg); 
		height: 71px; 
		width: 241px;
		text-indent:-32697px; 
	}
	#carson_palmer{
		display:block;
		background: url(images/carson_palmer.jpg);
		width:241px;
		height:121px;
		text-indent:-32697px;
	}
	#rod_carew{
		display:block;
		background: url(images/rod_carew.jpg);
		width:241px;
		height:116px;
		text-indent:-32697px;
	}
	#benefit_concert{
		display:block;
		background: url(images/benefit_concert.jpg);
		width:241px;
		height:95px;
		text-indent:-32697px;
	}
	#contact_info{
		width:205px;
		margin:18px;
		background:url(images/contact_top.jpg) no-repeat top left;
		font-size:10px;
		font-weight:bold;
		line-height:16px;
	}
		#contact_info p{
			padding:24px 13px 10px 13px;
		}
		#contact_info #contact_bottom{
			background:url(images/contact_bottom.jpg) no-repeat top left;
			width:205px;
			height:17px;
		}
		#contact_info a{
			color:#3f3420;
			text-decoration:none;
		}
		#contact_info a:hover{
			/*text-decoration:underline;*/
			padding-bottom:1px;
			border-bottom:1px solid #3f3420;
		}
#footer{
	width:796px;
	height:14px;
	margin:0 auto;
	background: url(images/footer_border.gif) no-repeat bottom left;
}
* html #footer{
	position: relative;
	top:-1px;
}
#footer_content{
	clear:left;
	font-size:10px;
	width:221px;
	margin:0 10px 0 545px;
	padding:8px 0 16px 0;
	color:#9a8650;
	line-height:16px;
}
* html #footer_content{
	margin:0 0 0 545px;
}
	#footer_content ul{
		padding-bottom:7px;
	}
	#footer_content li{
		list-style-type: none;
		padding-right:7px;
		float:left;
	}
	#footer_content p{
		margin-left:4px;
	}
	#footer_content a{
		padding:1px 2px;
		margin-left:2px;
		color:#9a8650;
		text-decoration:none;
		float:left;
	}
	#footer_content a:hover{
		background-color:#3f3420;
		text-decoration:none;
		color:#fff;
	}

/* ----- clearfix ----- */

.clearer {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */