/*  
Theme Name: Wilder (based on Barthelme)
Theme URI: http://www.plaintxt.org/themes/barthelme/
Description: A minimalist design good for adapting to the Zoe Wilder site
Version: 1.1
Author: Scott Allan Wallick, modifier: ed guild
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 {
	background-color: #000000;
	color: #000;
	line-height: 150%;
	background-image: url(images/background.jpg);
	background-repeat: repeat-y;
	position: normal;
	left: 0px;
	top: 0px;
}
/* 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 {
	color: #000;
	text-align:center;
}
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: #fff;
}
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: #f5f5f5;
	margin: 0em;
	padding: 0em;
	border: none;
	background-image: url(images/masthead.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 531px;
	width: 1024px;
	z-index: 1;
}
h1#title {
	font-size: 2.2em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}
p#description {
	font-size: 1.3em;
	margin: 0;
}

/* the main buttons */

.homebutton {
	background: url(images/mainbuttons/home.png) top left no-repeat;
	width: 67px;
	height: 38px;
	display: block;
	position: absolute;
	left: 356px;
	top: 233px;
	border: none;
    text-decoration: none;
}
.homebutton:hover {
	background-position: 0 -38px;
}

.exhibitionistbutton {
	background: url(images/mainbuttons/exhibitionist.png) top left no-repeat;
	width: 184px;
	height: 46px;
	display: block;
	position: absolute;
	left: 350px;
	top: 159px;
	border: none;
}
.exhibitionistbutton:hover {
	background-position: 0 -46px;
}

.eyecandybutton {
	background: url(images/mainbuttons/eye_candy.png) top left no-repeat;
	width: 166px;
	height: 60px;
	display: block;
	position: absolute;
	left: 475px;
	top: 205px;
	border: none;
}
.eyecandybutton:hover {
	background-position: 0 -60px;
}

.dearzoebutton {
	background: url(images/mainbuttons/dear_zoe.png) top left no-repeat;
	width: 150px;
	height: 72px;
	display: block;
	position: absolute;
	left: 735px;
	top: 153px;
	border: none;
}
.dearzoebutton:hover {
	background-position: 0 -72px;
}

.groovebutton {
	background: url(images/mainbuttons/groove.png) top left no-repeat;
	width: 101px;
	height: 38px;
	display: block;
	position: absolute;
	left: 684px;
	top: 229px;
	border: none;
}
.groovebutton:hover {
	background-position: 0 -38px;
}

.socialitebutton {
	background: url(images/mainbuttons/socialite.png) top left no-repeat;
	width: 118px;
	height: 50px;
	display: block;
	position: absolute;
	left: 568px;
	top: 162px;
	border: none;
}
.socialitebutton:hover {
	background-position: 0 -50px;
}

.synergybutton {
	background: url(images/mainbuttons/synergy.png) top left no-repeat;
	width: 110px;
	height: 46px;
	display: block;
	position: absolute;
	left: 828px;
	top: 221px;
	border: none;
}
.synergybutton:hover {
	background-position: 0 -46px;
}

/* WRAPPER - CONTAINER - CONTENT STUFF */
div#wrapper {
}
div#container, div.post-container {
	z-index: 6;
}
div#container {
	margin: 0 0 0 0;
}
div.post-container {
	margin: 0 0 0 20px;
}
div.narrowcolumn {
	z-index: 6;
	background-color: #CBD2AF;
	position: relative;
	left: 270px;
	top: 325px;
	width: 600px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
div.widecolumn {
	z-index: 6;
	background-color: #CBD2AF;
	position: relative;
	left: 270px;
	top: 325px;
	width: 690px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
}
div.post-content {
	margin: 0 20px 0 0;
	float: left;
	width: 100%;
	}
div.post {
	clear: both;
}
h2.post-title {
	font-size: 1.1em;
	margin: 0;
}
h3.post-date {
	font-size: 1.0em;
	margin: 0 0 1em 0;
}
div.post-header {
	margin: 0 0 0 0;
}
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;
}
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 h3, 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 blockquote {
	border-left: 1em solid #cfd5dd;
	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;
}
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 {
	background: #f6f7f9;
	color: #111;
	margin: 1em 5%;
	padding: 0.5em 1em;
}
div#comments ol li.alt {
	background: #e7eaed;
	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 {
	width: 170px;
	position: absolute;
	left: 0px;
	top: 400px;
	z-index: 2;
}
div#sidebar ul {
	margin: 0 0 0 0;
	padding: 15px 15px 15px 15px;
	background-color:#888888;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
	
}
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;
	width: 100%;
	text-transform: uppercase;
	}
div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
	color: #000;
	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;
}
/* 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;
}
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 {
	background: transparent;
	color: #fff;
	text-decoration: none;
}
div#header a:hover {
	background: transparent;
	color: #e5e5e5;
}
div#content a, div#content a:active, div#content a:link, div#content a:visited {
	color: #546188;
	background: transparent;
}
div#content a:hover {
	color: #000;
	background: transparent;
}
div.post-header a, h2.post-title a {
	text-decoration: none;
}
div.post-footer a {
	color: #888;
}
div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
div#sidebar a:hover {
	color: #000;
	text-decoration: underline;
}
div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited {
	color: #888;
}
div#footer a:hover {
	background: #6cf;
	color: #222;
	text-decoration: none;
}