/*
Theme Name: Black Bear Ranch
Theme URI: http://blackbearranch.org/
Description: The WordPress theme Dave had me create for the Black Bear Ranch website.
Version: 2.0.1
Author: Tom Shani
Author URI: http://laggingtom.com/
Tags: blue, custom header, fixed width, one column, no widgets
*/

html, body {
	height:100%;
	width:100%;
}

body {
	background-color:white;
}

#container {
	background:url(images/bg_header.gif) repeat-x top;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height:100%;
	margin-bottom:-25px;
	width:100%;
}

/* Font Styles */
body { font-family:Calibri; font-size:15px; }
strong { font-weight:bold; }
em { font-style:italic; }

.nav li { color:white; font-size:18px; font-weight:bold; }
	.nav-parent, .nav-parent:visited {
		color:white;
		position:relative;
		text-align:center;
		text-decoration:none;
		text-shadow:0px 0px 2px #333; 
		text-transform:uppercase;
	}
	.nav a:hover { color:#7bbdff; }
	.nav a:active { top:1px; }
	.nav-child li { font-size:15px; white-space:nowrap; font-weight:normal; text-align:left; text-shadow:0px 0px 1px #ddd; text-transform:none; }
	.nav-child a { color:#333; text-decoration:none; }
	
#content h1 {
	background:url(images/h1.gif) no-repeat bottom center;
	font-size:22px;
	font-weight:bold;
	margin:10px auto;
	padding-bottom:3px;
	text-align:center;
	min-width:188px;
}
#content h2 {
	font-size:20px;
	margin:7px 0;
}

#content p { padding-top:0px; padding-bottom:10px; }

#content a, #content a:visited,#footer a, #footer a:visited { color:#003f7e; text-decoration:none; }
#content a:hover,#footer a:hover { color:#0072e4; }
#content a:active,#footer a:active { position:relative; top:1px; }

#content small { font-size:12px; }

.post .entry { line-height:1.18em; }

.postmetadata { font-size:13px; }


/* Header Styles */
#header {
	height:209px;
	margin:0 auto;
	position:relative;
	width:1060px;
}

.bbr-banner,.bbr-banner div { height:208px; position:absolute; top:0px; }
	.bbr-banner .left { background:url(images/banner_01.jpg) no-repeat; left:0px; width:352px; }	
	.bbr-banner .mid { background:url(images/banner_02.jpg) no-repeat; left:352px; width:400px; }
	.bbr-banner .right { background:url(images/banner_03.jpg) no-repeat; left:752px; width:308px; }
	
.nav { 
	position:absolute; 
	text-align:center;
	top:180px;
	width:100%;
	z-index:50;
}
	.nav li { 
		display:inline; 
		padding:0 5px;
		position:relative;
	}
	.nav-child {
		background:#fcfcfc;
		border:1px solid #ccc;
		display:none;
		left:0px;
		padding:5px 10px 5px 7px;
		position:absolute;
		text-align:left;
		top:20px;
		width:auto;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px; 
		-webkit-box-shadow: 0px 2px 5px  #ccc;
		-moz-box-shadow: 0px 2px 5px #ccc;
		box-shadow: 0px 2px 5px #ccc; 
	}
	.nav-child li { margin-bottom:20px; }
	.nav li:hover .nav-child { display:block; }
	
/* Page/Content Styles */
#page {
	margin:0 auto;
	position:relative;
	width:1060px;
	z-index:20;
}

.post, div.page { border-bottom:1px dashed #777; margin:12px 0; padding-bottom:12px; position:relative; }
.post small.date { position:absolute; top:0px; right:0px; text-align:right; }
.post .entry { clear:both; margin:4px 0; }

.postmetadata { clear:both; padding-top:5px; text-align:right; }

.alignleft { float:left; margin-top:4px; margin-bottom:4px; margin-right:15px; }
.alignright { float:right; margin-top:4px; margin-bottom:4px; margin-left:15px; }
.aligncenter { position:relative; margin:4px auto; padding:0 15px; }

.wp-caption { 
	background:#ddd;
	border:2px solid #eee;
	padding:4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	-webkit-box-shadow: 0px 2px 5px  #3d3c3d;
	-moz-box-shadow: 0px 2px 5px #3d3c3d;
	box-shadow: 0px 2px 5px #3d3c3d; 
}
	.wp-caption p { text-align:center; padding:7px 5px 4px; }
	.wp-caption img { position:relative; margin:0 0 0 5px; }

/* Footer Styles */
#footer {
	position:relative;
	height:25px;
}

#footer p { position:relative; z-index:30; }

#footer .bg {
	background:url(images/bg_body.gif) repeat-x scroll center bottom white;
	bottom:0px;
	height:500px;
	position:absolute;
	width:100%;
}

#clear-footer { clear:both; height:25px; }