/* --
Theme Name: minimalist
Theme URI: http://perishablepress.com/press/2006/11/14/minimalist-theme/
Description: The 12th WordPress Theme from Monzilla Media.
Version: 1.1
Author: Perishable @ Monzilla Media
Author URI: http://perishablepress.com/
Email: perish [at] perishablepress [dot] com

minimalist theme by Perishable || http://perishablepress.com/
minimalist released via Monzilla Media || http://monzilla.biz/
Please feel free to modify anything & everything as you see fit.
Comments & suggestions encouraged @ http://perishablepress.com/

minimalist looks best in Mozilla Firefox 1+, and also plays nice 
with Internet Explorer 6&7, Netscape 7+, and Opera 8+.
minimalist is XHTML-Strict with browser-safe colors & fonts.
minimalist uses only the finest CSS: clean, standard, & valid.

minimalist 1.0 released August 21st, 2006.

License Info:
The CSS, XHTML, graphic(s) and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Note: In general, I am more than happy to assist users 
customize my themes for various plugins, tweaks, etc.
Please don't hesitate to email with any requests to:
perish [at] perishablepress [dot] com

Enjoy! 
-- */


/* -- PRIMARY -- */
* {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, non-serif;
	background-color: #FFF;
	font-size: 62.5%;
	color: #AAA;
	width: 99%;
}
div#upper, div#middle, div#lower {
	padding: 9px 0px;
	display: block;
	clear: both;
	width: 99%; 	
}
/* -- SECONDARY -- */
div.midright {
	margin: 7px 3px;
	display: block;
	float: left;
	clear: none;
	width: 40%;
}
div.midleft {
	margin: 7px 3px;
	display: block;
	float: left;
	clear: none;
	width: 33%;
}
div.upright, div.lowright {
	padding: 55px 3px;
	margin: 7px 0px;
	display: block;
	float: left;
	clear: none;
	width: 55%;
}
div.upleft, div.lowleft {
	border-right: 1px solid #999;
	text-align: right;
	padding: 33px 3px;
	margin: 7px 0px;
	display: block;
	float: left;
	clear: none;
	width: 33%;
}
div.content {
	margin-bottom: 33px;
}
div#page {
	padding: 7px 77px 7px 7px;
	float: right;
}
/* -- TEXT -- */
h1 {
	letter-spacing: 0.1em;
	font-size: 1.8em;
	color: #666;
}
h2 {
	letter-spacing: 0.1em;
	font-size: 1.2em;
	color: #999;
}
h3 {
	font-weight: lighter;
	margin-right: 0.1em;
	font-size: 1.0em;
	color: #BBB;
}
h4 {
	font-size: 1.6em;
	color: #666;
}
h4.nav {
	margin-left: 0.3em;
	font-size: 1.1em;
	color: #666666;
}
h4.vev {
	font-size: 1.1em;
	color: #666666;
}
h4.menu {
	margin-right: 0.1em;
	font-size: 1.4em;
	color: #666666;
}
h5 {
	font-weight: lighter;
	font-size: 1.0em;
	color: #888;
}
h6 {
	font-weight: lighter;
	font-size: 1.0em;
}
p {
	margin: 0em .35em .65em;
	font-size: 1.4em;
text-align: left;
	color: #666666;
}
/* -- LISTS -- */
ul, ol {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin: 0.33em 0em 0.33em 3.11em;
	font-size: 1.1em;
	color: #666666;
}
ul li, ul li li {
	list-style: circle outside;
	padding: 0.33em 0em;
}
ol li, ol li li {
	padding: 0.33em 0em;
}
ul ul, ol ol, ul ol, ol ul {
	margin: 0.33em 0.99em;
}
ul li p, ol li p {
	font-size: 1.1em;
}
dl {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #888;
}
dt {
	padding: 0.11em 0em;
	font-weight: bold;
}
dd {
	padding-bottom: 1.11em;
	font-weight: normal;
}
/* -- LINKS -- */
a:link, a:visited, 
h4.nav a:link, h4.nav a:visited, 
ul.refs li a:link, ul.refs li a:visited {
	text-decoration: none;
color: #E60000;
;


}
a:hover, a:active, 
h4.nav a:hover, h4.nav a:active, 
ul.refs li a:hover, ul.refs li a:active {
	text-decoration: none;
	color: #E60000;
}
h1 a:link, h1 a:visited, 
h4 a:link, h4 a:visited {
	text-decoration: none;
	color: #e50000;
}
h1 a:hover, h1 a:active, 
h4 a:hover, h4 a:active {
	text-decoration: none;
	color: #777;
}
div.links a:link, div.links a:visited {
color:#666666;	
text-decoration: none;
border-bottom: 1.5px dashed #E60000;
}
div.links a:hover, div.links a:active {
	text-decoration: none;
border-bottom: 0px dashed #E60000;	
color: #E60000;
}
.link a:link, .link a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #EE0000;
}
.link a:hover, .link a:active {
	color: #5e5e5e;
border-bottom: 1px solid #666666;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
/* -- IMAGES -- */
/* this class target all images */
img {
	border: 1px solid #999;
	font-size: 99%;
	padding: 1px;
	margin: 3px;
}
/* this class target the images included in your posts */
div.links p img {
	margin: 7px 11px 3px 0px;
	display: inline;
	float: left;
}
/* use this class to display images inline and floated right */
img.r { 
	margin: 7px 0px 3px 11px;
	display: inline;
	float: right;
}
/* use this class to display images inline and floated left */
img.l { 
	margin: 7px 11px 3px 0px;
	display: inline;
	float: left;
}
/* use this class to display a centered image */
img.c { 
	margin: 3px auto;
	display: block;
}
/* use this class to display a right-floated image with a caption and nice border */
/* here is how you would mark it up:
<span class="capr"><img src="http://domain.com/some.png" alt="Something" /><br />Some Caption</span>
*/
span.capr {
	margin: 3px 0px 3px 11px;
	padding: 7px 7px 7px 7px;
	border: solid 1px #999;
	text-align: center;
	background: #EEE;
	font-size: 9px;
	float: right;
	color: #888;
}
/* use this class to display a left-floated image with a caption and nice border */
/* here is how you would mark it up:
<span class="capl"><img src="http://domain.com/some.png" alt="Something" /><br />Some Caption</span>
*/
span.capl {
	margin: 3px 11px 3px 0px;
	padding: 7px 7px 7px 7px;
	border: 1px solid #999;
	text-align: center;
	background: #EEE;
	font-size: 9px;
	float: left;
	color: #888;
}
span.capl img, span.capr img {
	margin-bottom: 3px;
}
/* -- UNIVERSAL -- */
hr.hr {
	border: 0px none;
	padding-top: 11px;
	clear: both;
	width: 99%;
}
#print { 
	display: none;
}
input[type="checkbox"] {
	margin-bottom: 3px;
}
/* use this class for post forms */
input.inpostform {
	margin: 0.33em 0.33em 0.33em 0em;
	border-left: 7px solid #CCC;
	border: 1px solid #CCC;
	font-size: 1.0em;
	padding: 3px;
	color: #666;
}
/* use this class for post form submit buttons */
input.inpostsubmit {
	margin: 0.33em 0em 0.33em 0.33em;
	text-transform: lowercase;
	background-color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 1.1em;
	color: #999;
}
/* add a star or other icon next to elements with this class */
.star {
	background: url(images/star.gif) no-repeat left center;
	padding-left: 17px;
}
.download {
	background: url(images/download.gif) no-repeat left center;
	padding-left: 17px;
}
pre {
	font-family: "Lucida Console", "Courier New", Courier, Monaco5, monospace, mono;
	background-color: #FFFFEE;
	border-left: 7px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 11px 7px;
	margin: 7px 0px;
	font-size: 11px;
	overflow: auto;
	color: #666;
	width: 96%;
}
code, samp {
	font-family: "Lucida Console", "Courier New", Courier, Monaco5, monospace, mono;
	font-size: 11px;
	color: #666;
}
em { 
	font-style: italic; 
}
strong { 
	font-weight: bold;
}
strong:target {
	background: url(images/star.gif) no-repeat left center;
	padding-left: 17px;
}
/* use this class as a stronger type of strong */
strong.x {
	border-bottom: 1px dashed #888;
	font-weight: bold;
	font-size: 111%;
}
blockquote {
	background: url(images/quote.gif) no-repeat left top;
	padding: 3px 33px;
	margin: 3px;
}
blockquote p {
	text-align: justify;
	font-style: italic;
	font-size: 1.2em;
	color: #996666;
}
sup {}
small {}
acronym, abbr {
	border-bottom: 1px dotted #666666;
	cursor: help;
}
hr {
	border: 1px solid #CCC;
	margin: 1.11em 0em;
	height: 1px;
	color: #999;
	width: 99%;
}
.normal {
	font-variant: normal;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
}
.noborder, .noborder img {
	border: 0px none;
}
.border {
	border: 1px solid #999;
}
.hide { 
	display: none;
}
.block {
	display: block;
}
.inline {
	border: 0px none;
	display: inline;
	clear: none;
}
.caticon {
	margin: -0.11em 0em;
	border: 0px none;
	display: inline;
}
.nobullet li, ul.nobullet li, li.nobullet {
	background-image: none;
	list-style-image: none;
	list-style-type: none;
}
.vspace {
	margin-bottom: 17px;
	margin-top: 17px;
}
.clear {
	clear: both;
	height: 1px;
}
.more {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, non-serif;
	font-weight: bold;
	font-size: 12px;
}
.division {
	width: 97%;
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* -- SEARCH -- */
h4#searchicon {
	background: #FFF url(images/search.gif) no-repeat top left;
	padding: 55px 55px 55px 0px;
}
input#s {
	font-family: Verdana, Arial, Helvetica, non-serif;
	border-left: 0.7em solid #CCC;
	padding: 0.33em 0.77em;
	margin-left: 0.33em;
	font-size: 0.9em;
	width: 33em;
	color: #666666;
}
input#s:hover, 
input#s:focus {
	border-left: 0.7em solid #666666;
}
input#search {
	background-color: #FFF;
	font-size: 0px;
	display: none;
	color: #FFF;
	height: 0px;
	width: 0px;
}
/* -- COMMENTS -- */
/* note: css for "subscribe-to-comments" plugin is included in this section */
/* note: css for "wp-contact-form" plugin is also included in this section */
div#comments {
	padding: 0px 7px 7px 17px;
}
div.comment, div#comform, 
div.subscribe-to-comments {
	margin: 17px 0px;
	clear: both;
}
div.comment:hover p, 
div.comment:hover h5 {
	cursor: default;
	color: #333;
}
div.comment:hover a:link, 
div.comment:hover a:visited {
	color: #990000;
}
div.comment p {
	border-left: 1px solid #999;
	padding-left: 3px;
	font-size: 1.1em;
	margin: 1px 0px;
	color: #666666;
}
#comment, #author, #email, #url, 
#wpcf_your_name, #wpcf_website, #wpcf_email, #wpcf_msg {
	font-family: Verdana, Arial, Helvetica, non-serif;
	background-color: #FFFFEE;
	border-left: 7px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 3px 0px 3px 7px;
	margin-bottom: 3px;
	font-size: 0.9em;
	color: #666666;
	width: 88%;
}
#comment:hover, #author:hover, #email:hover, #url:hover, 
#comment:focus, #author:focus, #email:focus, #url:focus, 
#wpcf_your_name:hover, #wpcf_website:hover, #wpcf_email:hover, #wpcf_msg:hover, 
#wpcf_your_name:focus, #wpcf_website:focus, #wpcf_email:focus, #wpcf_msg:focus {
	border-left: 7px solid #666666;
	padding: 4px 0px 4px 7px;
	border-bottom: 0 none;
	border-right: 0 none;
	border-top: 0 none;
}
#wpcf_your_name, #wpcf_website, #wpcf_email, #wpcf_msg { 
	width: 333px;
}
div#contact {
	margin: 11px 0px;
}
div#contact h4 {
	text-transform: lowercase;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	margin-top: 11px;
	color: #999;
}
div#contact p {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
}
div.subscribe-to-comments h4, 
div#comform h4, #submit, #contactsubmit {
	text-transform: lowercase;
	background-color: #FFF;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 1.1em;
	color: #999;
}
/* -- CLEARFIX -- */
div.fix:after {
   content: ".";
   visibility: hidden;
   display: block;
   clear: both;
   height: 0; 
}
div.fix { display: inline-table; }
/* Hides from IE-mac \*/
* html div.fix { height: 1%; }
div.fix { display: block; }
/* End hide from IE-mac */

/* -- All your code are belong to poetry -- */