/*
THEME NAME: American Bones for WordPress
THEME URI: http://selfevidenthotdogs.com/bones/
DESCRIPTION: Clean, clear, semantic foundation for building sane Worpdress themes
AUTHOR: David Seguin
Author URI: http://selfevidenthotdogs.com/
TAGS: threaded-comments, sticky-post, microformats
VERSION: 0.9
*/

/*
American Bones is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License.
Muchos praise goes to Andy Skelton and Scott Allan Wallick for inspiration, code, and guidance in the guise of Sandbox
Some colors from Kuler http://kuler.adobe.com/#themeID/721341
Grid from http://960.gs/
*/

/*css resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/*layout*/
body {
	font: 15px/1.2 Georgia, Times, “Times New Roman”, serif;
	color: #333;
	text-align: center;
	background: #DFFBA1; /*lime - for dev work only*/
}
#shell {
	margin: 10px auto;
	width: 940px;
	padding: 10px;
	text-align: left;
	background: #FFF;
}
#main {
	display: inline;
	float: left;
	width: 630px;
	padding-right: 10px;
	margin-bottom: 50px;
	line-height: 1.4;
}
.sidebar {
	display: inline;
	float: left;
	line-height: 1.3;
	margin-bottom: 50px;
}
#primary {
	padding: 0 10px;
	width: 130px;
	background: #D3CC3C; /*greenish - for dev work only*/
}
#secondary {
	padding: 0 0 0 10px;
	width: 140px;
	background: #E0F15B; /*yellowish - for dev work only*/
}
#footer {
	clear: both;
	background: #F6F801; /*yellow - for dev work only*/
	padding: 20px;
}

/*globals*/
p {
	margin: 4px 0 10px;
}
blockquote {
	margin: 0 20px;
}
a, a:link {
	color: #004276;
}
a:visited {
	color: #004276;
}
a:hover {
	color: fuchsia;
	text-decoration: none;
}
a:active {
	color: red;
}

/*header*/
/*Look, you want your own image, right? With a rollover?*/
#blog-title {
	width: 714px; /*your img width*/
	height: 114px; /*half the height of your img - the bottom half will be the rollover*/
	background: url('images/americanbones.png') no-repeat;
	margin-bottom: 10px;
}
#blog-title a {
	display: block;
	width: 714px;
	height: 0;
	font-size: 1em;
	padding-top: 114px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/americanbones.png') no-repeat;
}
#blog-title a:hover {
	cursor: pointer; /*ie7*/
	background-position: 0 -114px; /*on hover, show the bottom half of your img*/
}
/*I'm going to move this description out of the way. 
Remove this block to put it back */
#blog-description {
	display: none;
}
#access {
	position: absolute;
	right: 1em;
	top: 1em;
}
/*navs*/
div.menu {
	width: 100%;
}
div.menu ul li {
	float: left;
}
div.menu ul,
div.menu ul ul {
	list-style: none;
}
div.menu ul a {
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
div.menu ul li ul { /*hides subcategories*/
	left: -999em;
	position: absolute;
}
div.menu ul li: hover ul {
	left: auto;
}
div#globalnav {
	background: #A6C4C8; /*light blue - for dev work only*/
}
div#localnav {
	background: #C7E0E7; /*lighter blue - for dev work only*/
}

/*sidebar*/
.sidebar h3 {
	line-height: 1.1;
}
.sidebar ul,
.sidebar li {
	list-style: none;
}
.sidebar ul.xoxo li { /*top level widget items*/
	margin-bottom: 15px;
}
.sidebar ul.xoxo ul li,
.sidebar ul.xoxo ol li { /*items inside the widgets*/
	font-size: 11px;
	margin-bottom: 2px;
}

/*entry*/
div.post {
	border-bottom: 1px solid #666; /*for dev work only*/
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.entry-title {
	font-size: 23px;
	line-height: 1.1;
}
.entry-title,
.entry-meta {
	clear: both;
}
.entry-content ul,
.entry-content ol {
	margin: 15px 15px 15px 25px;
}

/*forms*/
form#commentform .form-label {
	margin: 1em 0 0;
}
form#commentform span.required {
	background: #fff;
	color: #c30;
}
form#commentform,
form#commentform p {
	padding: 0;
}
input#author,
input#email,
input#url,
textarea#comment,
input.input {
	padding: 0.2em;
}
input#author,
input#email,
input#url,
input.input {
	width: 50%;
}
textarea#comment {
	height: 13em;
	margin: 0 0 0.5em;
	overflow: auto;
	width: 98%;
	padding: 5px;
}
.sidebar .text {
	padding: 4px;
	width: 115px;
}

/*images in posts*/
.alignright,
img.alignright {
	float: right;
	margin: 1em 0 0 1em;
}
.alignleft,
img.alignleft {
	float: left;
	margin: 1em 1em 0 0;
}
.aligncenter,
img.aligncenter,
img.center {
	display: block;
	margin: 1em auto;
	text-align: center;
}

/*comments*/
div.comments ol {
	list-style: none;
}
div.comments ol li {
	list-style: none;
}
div.comments .comment-body {
	margin: 0 0 .5em;
}
div.comments ul.children {
	margin: 0 0 0 1em;
	list-style: none;
}
div.comments ul.children li {
	list-style: none;
}

/*pagination*/
div#nav-above {
	margin-bottom: 1em;
}
div#nav-below {
	margin-top: 1em;
}
.nav-previous {
	display: inline;
	float: left;
}
.nav-next {
	display: inline;
	float: right;
}

/*misc*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { /*ie7*/
	zoom: 1;
}

/*print only*/
@media print {
	body {
		background: #fff;
		color: #000;
	}
	#shell {
		background: #fff;
		margin: 10pt;
		border: none;
		width: auto;
	}
	#primary, 
	#secondary, 
	#footer, 
	#respond,
	.reply,
	#blog-description,
	.edit-link,
	.vvqyoutube,
	.menu,
	.navigation,
	#access,
	object,
	embed {
		display: none;
	}
	div#main {
		width: auto;
	}
	div#header {
		height: auto;
		background: none;
		padding: 0 0 15px 0;
	}
	#blog-title {
		background: none;
		height: 20px;
	}
	#blog-title a {
		background: none;
		text-indent: 0;
		padding-top: 0;
		font-size: 30px;
		font-weight: bold;
		width: auto;
		overflow: visible;
	}
	#blog-description {
		display: block;
	}
}