/*
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: Georgia, "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 85%;
}

a {
	color: #e55a5f;
	text-decoration: none;
}
a:visited {
        color: #ae0e14;
        text-decoration: none;
}

a:hover {
	color: #e55a5f;
	text-decoration: underline;
}

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

blockquote {
	border-left: 0.5em solid #ccc;
	font-size: 0.9em;
	font-style: normal;
	padding: 0 0 0 1em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
font-family: Arial, sans-serif;
}

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 */
	padding: 0 1em 0.5em 0;
	text-align: left;
}

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

.alignright {
	float: right; display: inline; /* IE6 fix */
	padding: 0 0 0.5em 1em;
	text-align: right;
}

.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;
}

legend {font-family: Arial, sans-serif;}
input {height: 20px;}
input:hover {border: 1px solid #333;}

.action-button {
       -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);
       background:none repeat scroll 0 0 #FFFFFF;
       border:1px solid #CCCCCC;
       height:15px;
       padding:10px 10px 10px 10px;
       width:170px;
font-size: 120%;
background: #f6f5ef;
margin-left: 170px;
}

.action-button:hover {
       -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.3);
}

a.action-button:hover {
        text-decoration: none;	
        color: #e55a5f;
}

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

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

.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 */

#wrap {background: #fbfbf6 url(images/banner.jpg) no-repeat scroll center top;}
	#header {
		height: 350px;
		overflow: hidden;
	}
	
		#header * {
			color: #555;
			line-height: 1.3em;
			text-decoration: none;
		}
		
		#headerimg {
			background: transparent;
			height: 180px;
			width: 950px;
		}
		
		#header h1 {
			margin: 2em 0 0 0;
		}
				
	#nav {
		border-bottom: 0;
	}
	
		#nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
                        float: right;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 105%;
border-bottom: 1px solid #999;
border-top: 1px solid #999;
width: 960px;
		}
		
		#nav li {
			float: left; display: inline; /* IE6 fix */
			margin: 0;
			padding: 0;
			position: relative;
		}
		
		#nav li:hover {
			background: #ef676b;
		}
		
			#nav li a {
				display: block;
				padding: 0.2em 0.8em;
				text-decoration: none;
text-transform: uppercase;
color: #000;
			}
			
			#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: 2em 0;
		overflow: hidden;
	}
	
div.colborder {border: 0;}
		#content h1 {
			font-size: 2em;
			margin: 0 0 0.5em 0;
		}
	
		#content h2 {
			font-size: 1.7em;
			margin: 0 0 0.5em 0;
		}
	
		#content h3 {
			font-size: 1.4em;
			margin: 1em 0 0.5em 0;
		}
	
	#sidebar {
		font-size: 0.9em;
		margin: 1.5em 0 0 1em;
		overflow: hidden;
	}
	
		#sidebar ul {
			list-style: none;
			margin: 0 0 1.5em 0;
			padding: 0;
		}
		#sidebar ul li {background: rgb(242, 239, 233); background: rgba(242, 239, 233, 0.5); padding: 5px 10px;-moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 1em;}
		#sidebar ul li ul li {padding: 0;}
		
		#sidebar li {
			margin: 0 0 0.5em 0;
		}
		
		#sidebar h2 {
			font-size: 1.2em;
			margin: 0.5em 0;
		}
		
		#sidebar h2 a {
			color: #111;
			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.textwidget a {padding: 0;}

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

	#footer {
		font-size: 0.9em;
background: url(images/footer-longer.jpg) no-repeat top center;
	}
	
		#footer p {
			margin: 0.5em 0;
		}
	
		#footer ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		#footer li {
			display: inline;
			margin: 0 1em 0 0;
		}

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

/*  
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%;}

#main {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;} 

/* 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 */