/*
THEME NAME: Blount Street Advisors
THEME URI: 
DESCRIPTION: Blount Street Advisors theme based on Sandbox Framework
VERSION: 2009.10.11
AUTHOR: <a href="http://scottreston.com">Scott Reston</a>
AUTHOR URI: http://scott.therestons.com/
TAGS: 
*/


/* Eric Meyer's Reset CSS */
@import url("reset.css");


html {overflow-y: scroll; /* vert scrollbar for all pages */}

body { 
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #fff url(images/bg-page-gradient.png) repeat-x;
	color: #494949;;
	text-align:center;
	padding: 0;
}

	
p {
	font-size: 1em;	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }

#content ul, content ol { margin: 1em 4ex;}
#content ul { list-style-type:disc; }
#content ol { list-style-type:decimal; padding: .5em 0 1em 4ex; }
#content ul li, #content ol li { margin-bottom: .5em; }
#content blockquote {margin: 1em 10%;}
#content p { margin-bottom: 1em; }


img	{ display: inline; border: none;margin: .5em 0; }
.alignleft { float: left; margin: .5em .5em .5em 0; }
.alignright { float: right;	margin: .5em 0 .5em .5em; }
.aligncenter { display: block; margin: .5em auto; }

a {
	color: #797c70;
	text-decoration: underline;
	outline: none; border-bottom: none;
}
	a:hover {
		text-decoration: none;
	}
	a:active {
		outline: none;
	}
	a.external { padding-left: 12px; background:url(images/external.gif) no-repeat center left; }
	/*a.rss { padding: 6px 25px 6px 0; background:url(images/rss.png) no-repeat right center; }*/


	
h1, h2, h3, h4 { clear: left; }

h2 { margin: 0 0 1em 0; font-size: 1.5em;	font-weight: bold; letter-spacing:0px; text-transform: uppercase; }	
	h2.entry-title { text-transform: none; }
		h2.entry-title a { text-decoration:none; }
h3 { margin: 1em 0 0 0; font-size: 1.2em; font-weight:normal; letter-spacing: normal;  }
h4 { margin: 1em 0 .5em 0; font-size: 1em; font-weight:normal; }

strong { font-weight: bold; color: #222; }
em { font-style:italic; }
	
/* hide from IE6 to avoid peekaboo bug, etc */ 
html>body .first { background-image: none !important; } 
.first {  padding-left: 0 !important; }

/* installation-specific - this is the "about" tab */
li.page-item-3 {background-image: none !important; padding-left: 0 !important; border: none !important;}

hr { 
	border-top: 1px solid #666;
	border-bottom: 0 solid #666;
	background-color: #666;
	color: #666;
	height: 1px;
	margin: 2em 0;
	}
	
sup {
	height: 0;
	line-height: 1; font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}


img.float-left { float: left; margin: 0 2ex .5em 0; }
img.float-right { float: right; margin: 0 0 .5em 2ex; }

/* =Structural
===============================================================*/

#wrapper {
	width: 1020px;
	text-align: left;
	margin: 10px auto;
	position: relative;
}




/* =Header
===============================================================*/

#header { 
	/*position: relative;*/ 
	height: 140px; width:950px;
	margin-left: 30px;
	background: url(images/header-bgs/skyline-2.jpg) 10px 0px no-repeat;
}

	body.home #header { height: 345px;}

	#header h1 { 
		width: 139px; height: 94px;
		float: left; text-indent: -9999px; margin-top: 20px;
		background:url(images/logo.png) no-repeat;
	}
		#header h1 a { display: block; height: 94px; }

#header .feature {
	width: 362px; height: 127px; 
	padding: 25px 18px 18px 30px;
	overflow: auto;
	float: right; margin-right: 40px; margin-top: 115px;
	background-color: #cfdaaf;
	font-size: 1.7em;
	/*display: inline;*/
	display: none;
}
	#header .feature h2 {text-transform: none; margin-bottom: .5em; }
	#header .feature p { margin: 0 } 

/* =Menu
===============================================================*/

#nav-primary { 
	position: absolute; right: 25px;
	background: url(images/bg-navigation.png) no-repeat;
	width: 792px; height: 41px;
	margin-top: 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em; text-transform: uppercase; color: #494949;
	z-index: 100;
}
	
	#nav-primary li { 
		float: left; width: auto; position: relative;
		height: 39px; margin: 1px;
		background: url(images/nav-divider.png) 0 50% no-repeat;
	}
		#nav-primary li a {
			color: #494949; text-decoration: none;
			display: inline-block; height: 31px;
			padding: 8px 27px 0 28px;
		}
			#nav-primary li.on a, #nav-primary li.current_page_item a, #nav-primary li.current_page_parent a { color: #E36C1F; }
			#nav-primary li.on ul a, #nav-primary li.current_page_item ul a, #nav-primary li.current_page_parent ul a { color: #494949; }
			#nav-primary li:hover a, #nav-primary li.sfHover a {  }

	#nav-primary ul { 
		display: none; float: none;
		position: absolute;	top: 40px; left: 0;
		width: 28ex; padding: 0 4px 10px 4px;
		background-color: #eaecee;
		font-size: .7em; 
		z-index: 100;
		border-bottom: 1px solid #999;
	}
	
		#nav-primary ul li, #nav-primary ul li a { height: auto; width: 25ex;}
		#nav-primary ul li { 
			float: none;  margin:0; padding: 0; display: inline; /* fix ie float double-margin bug */
			background: none;
		}
		#nav-primary ul li a { padding-right: 10px; }
			#nav-primary ul li a:hover { color: #000; }
		
	#nav-primary li:hover ul, #nav-primary li.sfHover ul { display: block;  }
	#nav-primary li:hover, #nav-primary li.sfHover {visibility: inherit; /* fixes IE7 'sticky bug' */  }


	img.photo {
		padding: 10px; margin: 0;
		border: 1px solid #999;
	}
	
	img.photo-border {
		padding: 15px; margin: 0;
		background:url(images/photo-border-ul.png) 0 0 no-repeat;
	}
	div.photo-border {
		margin: 0 -15px 1em -15px;
		padding: 0;
		background:url(images/photo-border-lr.png) right bottom no-repeat;
	}
	
/* =Content
===============================================================*/

#content { 
	clear: both;
	background: url(images/bg-content-left-shadow.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
	display: inline-block; position: relative;
	width: 940px;
}
	body.home #content { background-image:url(images/bg-content-left-shadow.png); }

	#content-main { padding: 28px 30px 0 20px; width: 600px; float: left; font-size: 1.4em; background-color:#fff; min-height:500px; }
	#content-main h2 { padding-bottom: .25em; border-bottom: 1px solid #dde5c6; }
	#content-main p.emphasized { font-size: 1.2em; }
	p:hover a { background-color: #f2f5e9;}
	
#sidebar { 
	/*position: absolute; right: 35px;*/
	float: right;
	background: url(images/bg-sidebar.gif) -4px 14px no-repeat;
	width: 290px; min-height: 500px;
	font-size:1.2em;
	margin-top: -14px;
	z-index: 20;
}
	#sidebar a { color: #494949; }
	#sidebar div, #sidebar li.widget {
		width: 238px; padding: 8px 25px;
		min-height: 165px;
		background:url(images/bg-spiff.png) 0 top no-repeat;
	}
		#sidebar li.bsa_recent { padding: 0; width: 288px; background: none; }

	#sidebar h3 { background-color: #dcd9cd; font-size: 1.6em; margin: 0 -17px 11px -17px; padding: 4px 17px; }
			
	#sidebar ul.news {
		background: url(images/bg-sidebar-news.png) center bottom no-repeat;
		padding: 10px 25px;
		margin: 0 0 .5em 0; list-style-type: none;
	}
		#sidebar ul.news li { padding: 11px 0 10px 0; border-bottom: 1px solid #dde5c6;}
			#sidebar ul.news li.read-more { border-bottom: none;}
				#sidebar ul.news li.read-more a { color:#90987a;}
		#sidebar ul.news .date { color:#90987a; font-weight: bold; font-style:italic; display:block; text-decoration:none; }
		#sidebar ul.news .date:hover, #sidebar ul.news li:hover .date { text-decoration: underline; }
	#sidebar h3.news {
		background:url(images/bg-sidebar-news-head.png) center top no-repeat;
		margin: 0; height: 28px; padding: 10px 25px 0 25px;
	}
	

	
	#sidebar h3.news a.rss { display: inline-block; width: 18px; height: 19px; text-indent: -9999px; background:url(images/rss.png) center top no-repeat; vertical-align: text-bottom; padding-bottom: 2px; }
		

div.entry-meta { margin-bottom: 2em; }
.entry-date { margin-bottom: .5em; }
#nav-above { margin-bottom: .5em; }
.nav-next { width: 48%; float: right; text-align: right; }
.nav-previous { width: 48%; float: left; }

ul#widget-sidebar  { list-style-type: none; margin:0; padding: 0; }

/* =Footer
===============================================================*/

#footer { 
	clear: both; 
	background-color: #cad0b8;
	display: inline-block; width: 100%; 
	font-size: 1.2em;
	padding: 1em 0;
	margin-top: 3em;
}
	#footer a { color: #494949; text-decoration: none; text-transform: uppercase; }
		#footer a:hover { text-decoration: underline; } 
	

	#footer ul { 
		width: 960px; margin: 0 auto;
		padding-left: 60px;
	}
		#footer li { 
			float: left; border-left: 1px solid #000; padding-left: 6px; margin-right: 7px;
		}
		
		#footer ul li.last {
			float: right;
			border-left: none;
		}