/*  
Theme Name: Barthelme
Theme URI: http://www.plaintxt.org/themes/barthelme/
Description: A minimalist theme where white space and margins can show culture and aestheticism. For WordPress 2.0+. Widgets-friendly.
Version: 1.1
Author: Scott Allan Wallick
Author URI: http://scottwallick.com/
*/
/*
"Barthelme" (C) 2006 Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
*/
html, body {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	line-height: 150%;
	background:  #cae1f0 url(images/jesandian-snapshot.jpg) no-repeat;
	background-position: 10px 100px;	
}
/* GLOBAL ELEMENT COMBINATIONS */
h3.post-date, 
p.post-date-single, 
h3#comment-count {
	word-spacing: 0.2em;
}
div.post-header p, 
p.post-date-single, 
div.post-footer, 
h3#comment-count, 
div#sidebar ul li h2 {

	color: #445460;
}
h3.post-date,
div.post-entry blockquote, 
div.post-entry h1, 
div.post-entry h2, 
div.post-entry h3, 
div.post-entry h4, 
div.post-entry h5, 
div.post-entry h6, 
div#sidebar ul li p {

	color: #445460;
}



p.post-date-single,
div.post-footer p,
h3#comment-count,
h4#comment-header,
div.nav-left,
div.nav-right {
	text-align: center;
}
/* HEADER STUFF */
div#header {
	color: #666;
	margin: 3em 0;
	padding: 1.2em 0 1.2em 3em;
font-family: Georgia, Times, default;
}
h1#title {
	font-size: 4em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}
p#description {
	font-size: 1.3em;
	margin: 0;
}
/* WRAPPER - CONTAINER - CONTENT STUFF */
div#wrapper {
	max-width: 1000px;
}
div#container, 
div.post-container {
	float: right;
	width: 100%;

}
div#container {
	margin: 0 0 0 -20em;
}
div.post-container {
	margin: 0 0 0 -10.5em;
}
div.narrowcolumn {
	margin: 0 0 0 19.5em;
	padding: 0 2% 0 1%;
}
div.widecolumn {
	margin: 0 0 0 19em;
	padding: 0 4% 0 2%;
}
div.post-content {
	margin: 0 0 4em 10.5em;
}
div.post {
	clear: both;
}
/*-------------------------------------------------------*/
h2.post-title {
	font-size: 2em;
    line-height: 1em;
	margin: 0;
	color: #900;
}
h3.post-date {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
div.post-header {
	float: left;
	margin: 0 0 3em 0;
	text-align: right;
	width: 9em;
}
div.post-header p {
	line-height: 150%;
	margin: 0 0 0.5em 0;
}
p.post-date-single {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h2.post-title-single {
	font-size: 1.7em;
	font-weight: normal;
	margin: 0.3em 0 1em 0;
	text-align: center;
	color: #900;
}
div.post-entry p {
	line-height: 150%;
	margin: 1em 0;
}
div.post-entry ul li {
	list-style: square;
}
div.post-entry ul li, 
div.post-entry ol li {
	line-height: 150%;
}
div.post-entry h1, 
div.post-entry h2, 
div.post-entry h4, 
div.post-entry h5, 
div.post-entry h6 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}

div.post-entry h3 {
	color: #900;
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}

div.post-entry blockquote {
	border-left: 1em solid #900;
	font-size: 0.9em;
	padding-left: 1em;
}
div.post-footer {
	/*border-bottom: 1px solid #888;*/
	border-top: 1px solid #888;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0.7em 0.2em;
}
div.post-footer p {
	margin: 0 auto;
}
/* COMMENTS STUFF */
h3#comment-count {
	font-size: 0.9em;
	margin: 0;
}
h4#comment-header {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0.1em 0 1em 0;
	color: #900;
}
h4#respond {
	font-size: 1.3em;
	font-weight: normal;
	margin: 2em 0 0 0;
}
div.formcontainer p {
	margin: 0.5em 0 1em 0;
}
div#comments ol li {
	color: #111;
	margin: 1em 5%;
	padding: 0.5em 1em;
}
div#comments ol li.alt {
	color: #111;
}
div#comments ol li p {
	margin: 0.5em 0;
}
div#comments ol li p.comment-metadata {
	font-size: 0.9em;
}
/* SIDEBAR STUFF */
div#sidebar {
	float: left;
	width: 16em;
}
div#sidebar ul {
	margin: 0 1.5em 0 3em;
	padding: 0;
}
div#sidebar ul li {
	font-size: 1em;
	line-height: 175%;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}
div#sidebar ul li h2 {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}
div#sidebar ul li p,
div#sidebar ul li ul, 
div#sidebar ul li ul li {
	margin: 0;
	padding: 0;
}
div#sidebar ul li ul li ul li {
	font-size: 0.9em;
	margin: 0 0 0 1em;
}
/* FOOTER STUFF */
div#footer {
	
	clear: both;
	color: #888;
	padding: 5em 0 1em 3em;
}
div#footer p {
	font-size: 0.9em;
	margin: 0;
}

div#footer p:hover a:link,
div#footer p:hover a:visited {
	color: #888;
	border-bottom: 1px dotted #888;	
}

/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
div.navigation {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
div.nav-left, 
div.nav-right {
	margin: 0 auto;
	width: 49%;
}
.alignleft, 
div.nav-left {
	float: left;
}
.alignright, 
div.nav-right  {
	float: right;
}
abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}
div#content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}
li a img {
	border: none !important;
}
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
form {
	margin: 0.3em 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 70%;
}
textarea {
	height: 13em;
	overflow: auto;
	width: 66%;
}
input#searchsubmit, 
input#submit {
	border: 1px outset #999;
}
input#s, 
input#author, 
input#email, 
input#url {
	width: 66%;
}
input#s, 
input#author, 
input#email, 
input#url, 
textarea {
	border: 1px inset #999;
	padding: 0.2em;
}

input#fof{
	width: 250px;	
}
div.formcontainer {
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}
div.formright, 
div.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}
div.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
div.formright {
	width: 80%;
}
/* LINK STYLES */
div#header a, 
div#header a:active,
div#header a:link,
div#header a:visited {
	display: block;
	width: 270px;
	height: 60px;
	background: url(images/jesandian-header.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	text-indent: -1000em;
}
div#header a:hover {
	display: block;
	width: 270px;
	height: 60px;
	background: url(images/jesandian-header-hover.jpg) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	text-indent: -1000em;
}
div#content a, 
div#content a:active, 
div#content a:link, 
div#content a:visited {
	color: #445460;
	background: transparent;
	text-decoration: none;
	border-bottom: 1px dotted;
}
div#content a:hover {
	color: #900;
	border-bottom: 1px solid #900;
	background: transparent;
}
div#content div.post-header a,
div#content h2.post-title a {
	text-decoration: none;
	border-bottom: 0px;
}
div.post-footer a {
	color: #445460;
}
div#sidebar a,
div#sidebar a:active,
div#sidebar a:link, 
div#sidebar a:visited {
	
	color: #445460;
	text-decoration: none;
}
div#sidebar a:hover {
	
	color: #900;
	text-decoration: underline;
}
div#footer a, 
div#footer a:active, 
div#footer a:link, 
div#footer a:visited {
	
	color: #888;
	text-decoration: none;
	
}
div#footer p:hover a:hover {
	
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}