/*
Theme Name: Block in the Saddle
Theme URI: http://wordpress.org/
Description: Ultra Simple Wordpress Theme by Joshua Mormann
Version: 0.1
Author: Joshua Mormann
Author URI: http://joshmormann.com/
Tags: orange, fluid, two columns, plain

	Block in the Saddle
	http://joshmormann.com

	This theme was designed and built by Joshua Mormann,
	whose blog you will find at http://joshmormann.com/

	The CSS, XHTML and design is released under Creative Commons Attribution-Noncommercial-Share Alike 2.5 Generic Copyright
	http://creativecommons.org/licenses/by-nc-sa/2.5/

*/

body
{
	margin:0;
	padding:0;
	background: #cbcbcb;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h1 
{
font-size:2.7em;
letter-spacing:-0.05em;	
}
h2 
{
font-weight:normal;
color:#303030;
font-size:1.3em;
letter-spacing:-0.05em;	}
p
{
color:#6e6e6e
}
p.postmetadata {
background-color: #e8e8e8;
color: #3e3e3e;
padding:10px 14px;
font-size:0.8em;
}
p.postmetadata a:link {color:#4689ee !important;}
p.postmetadata a:visited {color:#4689ee !important;}
p.postmetadata a:hover {color:#15bd48}
p.postmetadata a:active {color:#15bd48}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
p strong {font-weight:bold !important;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#container
{
	width: 100%;
	margin: 0;
	color: #333;
	line-height: 130%;
	background: url(images/myghostface.jpg) -45px -270px no-repeat #fff;

font-weight:lighter;
}
ul.children {display: none}
#header
{
	padding:30px 0 46px 0;
	text-transform: lowercase;
}

#header h1
{
	padding: 16px 0 20px 0;
	margin: 0;
	text-align:right;
	color:#ff7900;
	width:350px;
	float:left;
}
#header h1 a { margin-right:-3px; color: #ff7900; }
#header h1 a:link { margin-right:-3px; color: #ff7900; }
#header h1 a:visited { margin-right:-3px; color: #ff7900; }
#header h1 a:hover { margin-right:-3px; color: white; }
#header h1 a:active { margin-right:-3px; color: white; }

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

#header ul li
{
	float:left;
	padding: 16px 0 16px 30px;
	font-weight: bold;
	font-size: 2.7em;
	color:#aeaeae;
	letter-spacing:-0.05em;	
}

#header a { text-decoration:none;}
#header a:link { color:#aeaeae;}
#header a:visited { color:#aeaeae;}
#header a:hover { color: #e1e1e1;}
#header a:active { color: #e1e1e1;}

#current a { text-decoration:none;}
#current a:link { color:#e1e1e1;}
#current a:visited { color:#e1e1e1;}
#current a:hover { color: #aeaeae;}
#current a:active { color: #aeaeae;}


#leftnav
{
	float: left;
	width: 350px;
	margin: 220px 0 0 0;
	text-align:right;
	z-index: 100;
}

#leftnav a {color: #000; text-decoration:none;}
#leftnav a:hover {color: #e1e1e1; text-decoration:underline;}

#content
{
	margin-left: 380px;
	margin-right:100px;
	max-width: 60em;
}

#content a {color: #303030; text-decoration:none;}
#content a:hover {color: #aeaeae; text-decoration:underline;}
#narcissus {
	position: absolute;
	top: 300px;
	left: -38px;
	width:518px;
	height: 778px;
	background-image: url(images/myghostface.png);
	z-index: 1;
}

#footer
{
	margin: 50px 0 0 0;
	padding: 20px 0 60px 0;
	color: #333;
	background-image: url(images/cleargray.png);
}
#footer p, #footer ul li 
{
	color: #6f6f6f;
}
#footer a {color: #3a3a3a; text-decoration:none;}
#footer a:hover {color: white; text-decoration:underline;}
#footer2 a {color: #dcdcdc; text-decoration:none;}
#footer2 a:hover {color: white; text-decoration:underline;}

#footercontent
{
	margin-left: 380px;
	margin-right:100px;
	max-width: 60em;
}
#footerabout
{
	width:50%;
}
#footersubscribe 
{
	float:right;
	text-align:right;
	background:url(images/rssghost.png) no-repeat 100% 0;
	padding:0;
	height:100px;
}
#footersubscribe h2
{
	margin-top:0;
}
#footerleft
{
	float: left;
	width: 350px;
	margin: 0;
	text-align:right;
}
#footerleft ul li
{
	padding-bottom:3px;
}
#footer2
{
	margin: 0;
	padding: .5em;
	padding-left: 380px;
	color: #313131;
	background-color: #cbcbcb;
}

#leftnav .navListHeading {color:#6e6e6e; margin-top:15px}
#leftnav ul, #footerleft ul { list-style-type:none; color:#aeaeae}
#leftnav h3 {color:#303030;}

.clear {clear:both;}