/*
Theme Name: Room 34 Baseline
Theme URI: http://room34.com/downloads/wppi
Description: A simple baseline WordPress theme built with HTML 5 and Blueprint CSS.
Version: 1.5
Author: Scott Anderson
Author URI: http://room34.com/
Tags: white, silver, light, two-columns, fixed-width

	This is a barebones, yet elegantly designed theme written in valid (X)HTML 5
	and using the Blueprint CSS framework.  It works well on its own and is also
	an excellent starting point for custom theme development.
	
	The theme is suitable for use with a standard WordPress blog, but is also
	designed for sites that use WordPress as a CMS, with a horizontal navigation
	bar in the header area, with drop-down menus for secondary navigation.
	Secondary navigation also appears in a sidebar menu when viewing appropriate
	primary and secondary pages.
	
Credits and license:

Uses the Blueprint CSS framework:
http://www.blueprintcss.org/

Design, CSS and HTML are released under LGPL version 3:
http://www.gnu.org/licenses/lgpl-3.0-standalone.html

Last update: August 20, 2009
*/

/* STANDARD HTML TAGS */

body {
	color: #111;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
        background: url(images/nav2.jpg) repeat-x;
}

a, a:visited {
	color: #4e7cb3;
	text-decoration: none;
}

a:hover {
	color: #036;
	text-decoration: none;
}

a:active, a:focus {
	outline: none;
}

blockquote {
width: 200px; margin: 5px 0 5px 15px; padding: 5px 0; border: 3px solid #6293cf; border-width: 3px 0; font-size: 1.4em; text-align: center; float: right; font: italic 1.4em/1.3 Trebuchet;
}
blockquote p {margin: 0;}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}

hr {
	background: #eee;
	color: #eee;
}

small {
	color: #555;
	font-size: 0.9em;
}

th {
	background: #eee !important;
}

ul.inline {
	display: block;
	margin: 1em 0;
	padding: 0;
}

	ul.inline li {
		display: inline;
		margin: 0 0.5em 0 0;
	}

/* CUSTOM CSS CLASSES */

.alignleft {
	float: left; display: inline; /* IE6 fix */
	margin: 0 1em 0.5em 0;
	text-align: left;
}

.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}

.alignright {
	float: right; display: inline; /* IE6 fix */
	margin: 0 0 0.5em 1em;
	text-align: right;
}
.alignleft, .aligncenter, .alignright {
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
        box-shadow: 0 2px 10px rgba(0,0,0,.2); 
}

.alignjustify {
	text-align: justify;
}

.commentlist {
	clear: both;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

	.commentlist li {
		border-bottom: 1px solid #eee;
		margin: 0.5em 0;
	}

	.commentlist cite {
		font-size: 1.2em;
		font-style: normal;
	}

	.commentlist img {
		border: 1px solid #eee;
		float: left; display: inline; /* IE6 fix */
		margin: 0 1em 0.5em 0;
		padding: 4px;
		text-align: left;
	}

	.commentlist p {
		clear: both;
	}
	
	.commentlist .bypostauthor {
		background: #eee;
		border-left: 0.5em solid #ccc;
		border-color: #ccc;
		padding-left: 1em;
	}
		
.commentmetadata {
	color: #555;
	font-size: 0.9em;
}

.entry {
}

.input label {
	display: block;
	font-size: 0.9em;
	font-weight: normal;
}
input {
        height: 16px; padding: 4px;}

input[type="submit"] {
        background: url(images/button.jpg); height: 26px; border: 1px solid #84acdf; color: #31598a; font-weight: bold; cursor:pointer;}

#search-submit {background: url(images/search.jpg) no-repeat; height: 24px; width: 24px; border: 0; padding: 0; cursor:pointer; }
.search-form {border: 1px solid #ddd; height: 25px; width: 187px;}

#search-text {border:0; border-right: 1px solid #ddd; margin:0; padding: 0 4px;}

.search-terms {font-style:italic; font-weight: bold; }

.post {
	margin: 0 0 3em 0;
}

.postmetadata {
	clear: both;
	color: #555;
	font-size: 0.9em;
font-style: italic;
}

.wp-caption {
	background: #eee;
	border: 1px solid #ccc;
	padding: 0.5em;
}

	.wp-caption img {
		border: 0;
		margin: 0;
		padding: 0;
	}
	
	.wp-caption p.wp-caption-text {
		margin: 0;
		padding: 0;
	}

/* DOM ELEMENTS */

#page {background-color: #fff;
}

	#header {
		height: 239px;
                width: 1246px;
                background: #fff url(images/banner2.jpg) center no-repeat;
margin-left: -148px;
	}
	
		#header * {
			color: #555;
			line-height: 1.3em;
			text-decoration: none;
		}
		
		#headerimg {
			background: transparent;
			height: 180px;
			width: 950px;
margin-left: 149px;
		}

		#header h1 {
			margin: 2em 0 0 0;
		}
				
	#nav {
	height: 36px;
        background: url(images/nav.jpg) repeat-x;
        }
	
		#nav ul {
			list-style: none;
			margin: 0;
                        margin-left: 500px;
			padding: 0;
                        padding-top: 7px;
		}
		
		#nav li {
			float: left; display: inline; /* IE6 fix */
                        background: url(images/nav-sep.jpg) no-repeat right;
			margin: 0;
			padding: 0;
			position: relative;
                        padding: 0 1em;
		}
		
		#nav li a:hover {
			color: #ccc;
		}
		
			#nav li a {
				display: block;
				padding: 0.2em 0.6em;
				text-decoration: none;
                                color: #fff;
        text-shadow: 1px 1px 1px rgb(0,0,0,.5);
        text-shadow: 1px 1px 1px rgba(0,0,0,.5);
			}
			
			#nav li ul {
				display: none;
				position: absolute;
				z-index: 99;
			}
	
			#nav li:hover ul {
				background: #fff;
				border: 1px solid #999;
				display: block;
				left: 0;
				min-width: 150px;
				top: 1.9em;
				white-space: nowrap;
			}

			#nav li:hover li {
				background: #fff;
				display: block;
				float: none;
				font-size: 0.9em;
				margin: 0;
				padding: 0;
			}
			
			#nav li:hover li:hover {
				background: #eee;
			}
			
			#nav li:hover li a {
				padding: 0.3em 0.5em;
			}

	#content {
		margin: 30px 0;
		overflow: hidden;
border-left: 10px solid #fff;
	}
	
		#content h1 {
			font-size: 2em;
			margin: 0 0 0.5em 0;
		}
	
		h2 {
			font-size: 1.6em;
                        color: #4e7cb3;
			margin: 0 0 0.5em 0;
		}
	
		h3 {
			font-size: 1.1em;
			margin: 1em 0 0.5em 0;
                        font-weight: bold;
		}

        div.colborder {border:0;}

.front-members {background: url(images/front-members.jpg) no-repeat top center; padding: 20px 0;}
.front-partners {background: url(images/front-partners.jpg) no-repeat top center; padding-top: 10px;}

.front-members img, .front-partners img {padding: 0 6px 0 0; margin: 0; border: 0;}

	.span-17.subpage {padding-left: 10px;}

	#sidebar {
		margin: 20px 0;
		overflow: hidden;
	}
	
#sidebar.last {background: url(images/sidebar-frontpage.jpg) no-repeat top left; padding-left: 20px; min-height: 516px;}
#sidebar.last ul li ul{background: url(images/sidebar-sep.jpg) no-repeat bottom center; padding-bottom: 20px;}
#sidebar.last h3 {margin: 0; margin-bottom: 5px; color: #4e7cb3; }

#sidebar.subpage {margin-left: 0px; margin-top:0px; background: url(images/sidebar-subpage.jpg) no-repeat top right; min-height: 400px; border-left: 10px solid #fff;}
#sidebar.subpage ul {margin-top: 30px;}
#sidebar.subpage ul li {border-bottom: 1px solid #e6e6e6; margin: 0; padding: 4px 0; font-size: 1.1em; font-weight: bold;} /* same font size and bold just like h3 */
#sidebar.subpage ul li.current_page_item {border-right: 1px solid #fff; background: url(images/white.jpg) top right repeat-y;}
#sidebar.subpage ul li.widget_search {border:0;}
		#sidebar ul {
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
		}
		
		#sidebar li {
			margin: 0 0 0.5em 0;
		}
		
		h2.widgettitle {
			margin: 0.5em 0;
		}
		
		h2.widgettitle a {
			text-decoration: none;
		}
		
		#sidebar form {
			margin-bottom: 1.5em;
		}
		
		#sidebar div {
			line-height: 1.5em;
			margin: 0 0 1.5em 0;
		}

		#sidebar div a {
			padding: 0 0.5em 0 0;
			white-space: nowrap;
		}

		#sidebar div a:hover {
			color: #036 !important;
		}
	

#footer .container {padding-top: 15px;}

		#footer p {
			margin: 0.5em 0;

		}
	
		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#footer li a{
                        color: #ccc;
		}
		#footer li a:hover {
                        color: #999;
		}
.footer-list {height: 125px; float: left; padding-right: 50px; min-width: 125px;}
.footer-title {text-transform: uppercase;}

/*
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#page {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
        background: #666 url(images/footer-bg.jpg) repeat-x;
        color: #ccc; /* same color as #footer li a */
        text-shadow: 1px 1px 1px rgb(0,0,0,.5);
        text-shadow: 1px 1px 1px rgba(0,0,0,.5);
font-size: 0.9em;
} 

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