/* 
	MODIFIED from:
	Theme Name: Whitespace
	Theme URL: http://www.briangardner.com/whitespace-wordpress-theme.htm
	Description: Whitespace is a minimalistic 3-column Widget-ready theme created for WordPress.
	Author: Brian Gardner
	Author URI: http://www.briangardner.com
	Version: 1.0
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 08.27.07
		First Release of Whitespace

PJUSTICE colors:

web safe:
brown: #CC9966
green: #006600
brown2: #996600
darkpurple: #660033;

unsafe?
light green: #F0FFF0;

*/
 
body {
	background: #FFFFFF;
	color: #000000;
	font-size: 0.8em;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	/*width: 940px;*/
	width: 90%;
	margin: 0px auto 0px;
	padding: 0px 20px 0px 20px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #996600;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a.more {
	text-transform: uppercase;
  letter-spacing:.2em;
}

/************************************************
*	Header  									*
************************************************/

#header {
	/*width: 940px;*/
	/*height: 90px;*/
	/*margin: 0px auto 0px;*/
	/*padding: 0px;*/
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #222222;
	border-top: 1px solid #000000;
	}
	
#header a {
	/*font-family: Georgia, Helvetica, Sans-Serif;*/
	font-size: 36px;
	color: #222222;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: none;
	}

#header a:hover{
	color: #222222;
	}
	
#header a img {
	margin: 0px;
	border: none;
	}
	
#header #headerright a img.tagline {
	margin-top: 10px;
	}

#headerleft {
	/*width: 465px;*/
	height: 90px;
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	
#headerright {
	/*width: 465px;*/
	height: 90px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
#headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#headerright ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
		
#headerright ul li a, #headerright ul li a:visited {
	color: #777;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	font-size: 14px;
	font-weight: normal;
	margin: 0px 5px 0px 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	text-transform: lowercase;
	}
		
#headerright ul li a:hover {
	color: #000000;
	margin: 0px 5px 0px 5px;
	padding: 5px 5px 5px 5px;
	text-decoration: underline;
	}
	

/************************************************
*	Tagline      								*
************************************************/

#tagline {
	background: #F0FFF0;
	border: 2px solid #006600;
	border-left: none;
	border-right: none;
	/*width: 940px;*/
	height: 30px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}
	
#tagline p {
	color: #000000;
	margin: 0px auto 0px;
	padding: 0px;
	font-family: Bitstream Charter, Georgia, Tahoma;
	}
	
#tagline a, #tagline a:visited {
	color: #006600;
	text-decoration: none;
	}
	
#tagline a:hover {
	text-decoration: underline;
	}
	
#taglineleft {
	/*width: 460px;*/
	float: left;
	margin: 0px;
	padding: 8px 0px 0px 8px;
	}
	
#taglineright   {
	/*width: 460px;*/
	float: right;
	text-align: right;
	margin: 0px;
	padding: 8px 8px 0px 0px;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	/*width: 940px;*/
	width: 50%;
	margin: 0px auto 0px;
	padding: 0px;
	display: inline;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	

#lastupdated {
	font-size: 90%;
	font-style: italic;
	color: #777777;
	}

#content h1 {
	color: #000000;
	font-size: 1.5em;
	/*font-family: Georgia, Helvetica, Sans-Serif;*/
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #996600;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

#content h1 a:hover {
	color: #996600;
	text-decoration: none;
	}
	
#content h2 {
	font-size: 1.2em;
  text-transform:none;
}

#content h3 {
  text-transform:none;
	font-size: 1.1em;
}

#content h4 {
	color: #000000;
	font-size: 1em;
	/*font-family: Georgia, Helvetica, Sans-Serif;*/
	/*font-weight: normal;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
	/*Main container for text*/
#contentleft {
	float: left;
	/*width: 500px;*/
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	display: inline;
	}
#contentleft p, li {
	font-family: Bitstream Charter, Georgia, Tahoma;
}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 15px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	/*background: #F2F2F2;*/
	background: #F0FFF0;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	font-size : 1.1em;
	font-style: italic; 
	}
	
#content blockquote p{
	}
	
.postmeta {
	/*width: 500px;*/
	padding: 2px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #C0C0C0;
	}
	
h2, .post-date, .excerpt-date {
  font: 95% "Trebuchet MS",Trebuchet,Arial,Bitstream Vera Sans, Verdana,Sans-serif;
  /*text-transform:uppercase;*/
  /*letter-spacing:.2em;*/
  /*color:#999;*/
  /*margin-bottom: 1em;*/
  }

h2.title {
  margin:.25em 0 0;
  padding:0 0 4px;
	font-size: 1.5em;
	font-weight : bold; 
  line-height:1.4em;
  text-transform:none;
  letter-spacing:0;
	color: #000;
  }

pre {
	/*TODO : This makes zine spill right on 640x400, I bet. Darn.*/
	font-size: 1.1em;
}


.note, p.note {
	font-style: italic;
	font-size: 80%;
	line-height:1.2em;
}

.note code {
	font-size: 120%;
}


/************************************************
*	Left Sidebar 		    			   	    * 
************************************************/

#l_sidebar {
	float: left;
	/*width: 180px;*/
	width: 20%;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline;

	}
	
#l_sidebar h3 {
	color: #000000;
	font-size: 1em;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 10px 0px 5px 0px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#l_sidebar h4 {
	font-size: 1em;
	font-weight: bold;
	color: #777777;
}

#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

#l_sidebar ul li {
	padding: 0px 0px 3px 0px;
	margin: 0px;
	}
	
#l_sidebar ul li a, #l_sidebar ul li a:visited {
	color: #996600;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#l_sidebar ul li a:hover {
	color: #996600;
	text-decoration: underline;
	}
	
/************************************************
*	Right Sidebar 		    	    	        * 
************************************************/

#r_sidebar {
	float: right;
	/*width: 220px;*/
	width: 20%;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	line-height: 1em;
	font-size: 0.9em;
	display: inline;
	color: #777;
	}
	
#r_sidebar h3, #content h1 {
	color: #000000;
	font-size: 1.1em;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 20px 0px 10px 0px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
  letter-spacing:.3em;
	text-align: center;
	text-transform: uppercase;
	}

#content h1 {
	color: #000000;
	font-weight: normal;
}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}

#r_sidebar ul li {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}


#blurb_subscribe {
	background: #F0FFF0;
	text-align: center;
	padding: 0px 10px 10px 10px;
	border: 1px solid #006600;
	line-height: 1.2em;
	/*font-weight: bold;*/
	font-size: 1.1em;
	color: #006600;
}

#blurb_subscribe h3 {
	border: 1px solid #006600;
	margin: 10px 0px 10px 0px;
	color: #003300;
	/*font-weight: normal;*/
	border-left: none;
	border-right: none;
}

#blurb_quote {
}
	
#r_sidebar ul li a, #r_sidebar ul li a:visited {
	color: #996600;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#r_sidebar ul li a:hover {
	color: #996600;
	text-decoration: underline;
	}
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	background: #FAFAFA;
	/*width: 940px;*/
	width: 100%;
	/*height: 250px;*/
	color: #000000;
	margin: 0px auto 0px;
	padding: 10px 0px 20px 0px;
	text-align: center;
	position: relative;
	line-height: 17px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	}

#footer p {
	color: #000000;
	font-size: .9em;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #000000;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 2px solid #C0C0C0;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}

#footer a {
	color: #006600;
	text-decoration: none;
	}

#footer a.special {
	text-transform: uppercase;
  letter-spacing:.2em;
}

#footer a:hover {
	color: #006600;
	text-decoration: underline;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

#footer ul li a:hover {
	background: #E5E5E5;
	color: #996600;
	text-decoration: none;
	}
	
.footerleft {
	float: left;
	/*width: 285px;*/
	margin: 0px 0px 0px 20px;
	padding: 0px;
	display: inline;
	}
	
.footermiddle {
	float: left;
	/*width: 290px;*/
	margin: 0px 0px 0px 20px;
	padding: 0px;
	display: inline;
	}
	
.footerright {
	float: right;
	/*width: 285px;*/
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: inline;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	/*width: 200px;*/
	color: #333333;
	font-size: 12px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#f {
	background: #FFFFFF;
	/*width: 200px;*/
	color: #333333;
	font-size: 12px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #666666;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #666666;
	}
	
#sbutt {
	background: #878787;
	/*width: 200px;*/
	color: #FFFFFF;
	font-size: 11px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
#author, #email, #url {
	background: #FFFFFF;
	/*width: 300px;*/
	color: #333333;
	font-size: 12px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#comment {
	background: #FFFFFF;
	/*width: 440px;*/
	color: #222222;
	font-size: 12px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#submit {
	background: #F2F2F2;
	/*width: 150px;*/
	color: #222222;
	font-size: 12px;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	/*width: 470px;*/
	color: #000000;
	float: left;
	padding: 0px 20px 10px 0px;
	margin: 10px 0px 0px 0px;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.commentdate  {
	font-size: 0.9em;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	background: #F2F2F2;
	/*width: 440px;*/
	color: #333333;
	font-size: 0.9em;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 10px 10px 0px 10px;
	margin: 10px 0px 30px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

.commenttext-admin {
	background: #FFFFFF;
	/*width: 440px;*/
	color: #333333;
	font-size: 0.9em;
	font-family: Bitstream Vera Sans, Verdana, Tahoma, Arial;
	padding: 10px 10px 0px 10px;
	margin: 10px 0px 30px 0px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	/*width: 99%;*/
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

div.comments {
	padding-top: 10px;
}

/************************************************
*	EZINE									*
************************************************/

/*Highlighting for zine levels.*/

span.zine1 {
	font-weight: bold;
	color: #006600;
}

span.zine2 {
	/*color: #996600;*/
	color: #660033;
	font-weight: normal;
}

pre, code {
	font-size : 120%;
}

pre a {
	font-weight: bold;
}


/* welcome */

.welcome {
	/*font-style: italic;*/
	font-size:85%;
}


/* EXCERPT */

.excerpts  {
	padding-top: 1em;
	font-size:80%;
	line-height:1.2em;
}

.excerpts p.note {
	font-size:110%;
}

.excerpts .info {
	font-size:110%;
}


/*.gosee h2 {*/
	/*float: left;*/
/*}*/

/*.gosee .excerpt .excerpt-title, .gosee .excerpt p, .gosee .excerpt .info {*/
 /*float: left;*/
/*} */


/*Beginning with pyblosxom*/

#story, .blosxomBody {
	padding-top : 1em;
}
div.meta {
	font-size : 80%;
	color : #555;
}
div.vol {
	font-size : 80%;
	color : #555;
	text-align : right;
	font-style: italic; 
}

hr {
	width : 50%;
	padding : 0;
	margin-top : 0;
	margin-bottom : 1em;
}

div.entry_navi {
	font-size : 80%; 
	font-style : italic;
	text-align : center;
}