/*
Theme Name: mdm_veryplaintxt
Theme URI: http://www.plaintxt.org/themes/veryplaintxt/
Description: M's hack of plaintxt
Version: 1.3.4, forked
Author: me (m)
Author URI: http://thedigitalmachine.com/
*/
/*	
The "veryplaintxt" theme copyright (C) 2006 Scott Allan Wallick, http://scottwallick.com/
Distributed under the terms of the GNU General Public License v2
** Please see the readme.txt for more info before using. **
*/
/* STRUCTURE & LAYOUT */

/* MDM Margins go TOP RIGHT BOTTOM LEFT - WTF WHY! :P  */

#everything {
    /* TODO */
    /* background: #e1e3e9 url('/wp-content/images/background.png') 0 0 no-repeat; */
	background-color:#e1e3e9;
    color:#000000;                   /* so css validation doesn't moan */
	margin: 0 3%;
}
#header {
	margin: 0 0 20px 0;
}
#container {
	float: left;
	width: 100%;
}

/* ---------------------------------------------------------------------------*/
/* Fucking hardcoded crap... to change the sidebar width, change these items: */
/* ---------------------------------------------------------------------------*/
.twocolumn {
	margin-right: -240px;      /* right = - sidebar width - 20px */
}
.narrowcolumn { 
	margin: 0 300px 10px 0;    /* right = sidebar width + 80px */
}
#sidebar {
	float: right;
	width: 220px;              /* width = sidebar width */
}
/* -------------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin: 10px 0;
	padding: 5px;
}
.navigation {
	height: 1em;
	width: 100%;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.center, #header, #sidebar, #footer {
	text-align: center;
}
.clearer {
	clear: both;
	height: 0px;
}

/* MDM Use this for all post margins underneath title */
.post-block-underneath-title {
   margin: 15px 15px 3em 15px;
}

/* TYPOGRAPHY: EVERYTHING RE: FONTS */
/*	font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif; */
/*	font-size:small; */
/*	font-weight: 300; */
body { 
  color: black;
  font-family: Verdana,Arial,Helvetica;
  /* MDM THE MASTER FONT SIZE, don't go hardcoding other font sizes elsewhere! */
  font-size: 0.75em;
  /* MDM Spacing between MOST lines. */
  line-height:1.3;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
#title, #description, #content  .more, #sidebar ul li h2, #content h4, #footer p {
	text-transform: uppercase;
}
#title, #description {
	letter-spacing: 3px;
	margin: 0 0 10px 0;
}
#title h1 {
	font-size: 3.35em;
	margin: 20px 0;
}
#description h2 {
	font-size: 1.1em;
	margin: 0px 0 0 0;
	padding: 2px 0;
}
#content h2, #content h4, .navigation, #comments h3 {
	letter-spacing: 1px;
}
/* MDM This sets font titles. */
#content h2 {
	margin:0;
	font-size: 1.4em;
}
#content h3 {
	font-size: 0.7em;
	margin: 0px 0 7px 0px;
}
/* MDM This is the main setting for the space between paragraphs. */
#content  p {
	margin: 2px 0 1.1em 0px;
	text-align: left;
}
#content blockquote {
	margin: 0 3em;
	padding: 0 3em;
}

/* MDM -------- LIST INDENTATION -----------
I read... "if you try to set the indentation of lists, you should explicitly
set both left-margin and left-padding, for both the list and for the list items."
I discovered that as expected, UL sets margins of top/bottom of list, while
LI sets margins around EACH list item, duh (in FF2 on linux, anyway).
*/
#content  ul {
    list-style-position:outside;
 	margin: 1em 0 1em 3em;          /* put a line before/after the list, and indent a few em's */
    padding: 0;
}
#content  ul li {
    list-style-position:outside;
 	margin: .2em 0 .2em 0;          /* put a little more whitespace between items */
    padding: 0;
}
#content  ol {
    list-style-position:outside;
 	margin: 1em 0 1em 3em;          /* put a line before/after the list, and indent a few em's */
    padding: 0;
    list-style-type: decimal
}
#content  ol li {
    list-style-position:outside;
 	margin: .2em 0 .2em 0;          /* put a little more whitespace between items */
    padding: 0;
    list-style-type: decimal
}

/* SIDEBAR HEADING TEXT */
#sidebar ul li h2 {
	font-size: 0.91em;
	letter-spacing: 1.5px;
	margin: 0 0 3px 0;
	font-weight: bold;
	/* text-decoration: underline; */
	/* border-bottom: 1px solid #CCC; */      /* Divides posts with a gray line */
}
#sidebar ul {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: .91em;      /* SET THE ENTIRE SIDEBAR FONT SIZE HERE */
}
#sidebar li {
	list-style: none;
	padding: 8px 0 8px 0;
}
#sidebar ul li ul li {
	margin: 0;
    padding: 0;
}
#sidebar ul li ul li ul {
	margin: 0 0 0 5px;
	padding: 0;
    font-size: 1em;             /* without this, TEXT STARTS SHRINKING! */
}
#sidebar ul li ul li ul li {
	padding: 0;
}
/* MDM -------- LIST INDENTATION END ----------- */

/* MDM USER ACTIONS */
.user_actions
{
    margin: 0; padding: .5em 0 .5em 0 !important;
}

/* MDM -------- RECENT POST, ARCHIVE SIDEBAR FORMATTING ----------- */
/* I added a couple span markers to sidebar.php, so I could add this formatting. */
.recent_posts ul li
{
	padding: .2em 0 .2em 0;             /* Divides posts with a little space */
	border-bottom: 1px solid #CCC;      /* Divides posts with a gray line */
}

.archive_dropdown select
{
    font-size: 1em;                     /* Without this the font is huge. */
}
/* MDM -------- RECENT POST, ARCHIVE SIDEBAR FORMATTING END ----------- */

#content .more {
	font-size: 0.7em;
	font-weight: 500;
	letter-spacing: 2px;
}
/* MDM post-metadata */
/* Here we push up the metadata a touch - no we don't - lighten it tho? */
#content h4 {
	font-size: 0.65em;
	margin: 12px 0 0px 0px;
	font-weight: 400;
}

/* MDM code */
/* See http://codex.wordpress.org/Writing_Code_in_Your_Posts */
/* I'm also considering this: http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/ */
pre {
        font-size: 1.3em;
        border: solid 1px #c0c0f0;
        color: blue;
        margin: 2em 1em 2em 1em;       /* MDM Space between regular text and code block border */
        padding: 1.5em 2em 1.5em 2em;  /* MDM Space from code block border to code */
        background: #f0f0f3;

        /* MDM Added wrapping. */
        /* WARNING: everything after the first one is technically invalid. */
        /* WHY BOTHER?  I'm basically requiring FF2+, IE7+. - ha because you need 'em there, too.  whatever... */
        white-space: pre;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
        /* width: 99%; 'provides a scrollbar in IE7' but ignores margin, yuck */
}
code {     
	color: #222200;
}

/* MDM old way of doing code - requires <div class="code"> tag*/
div.code
{
	font-family: "courier new", Courier, mono, monospace;
	border: 14px solid #ffccff;
	margin: 1.5em;
	background: #f0f0f0;
	color: #222200;
	position:relative;
	padding: 0.5em;
}

/* MDM CATEGORY TOGGLE FORM */
#category_toggle
{
    font-size: .9em;
    padding: .5em 0 1em 0;
}

/* MDM -------- CATEGORY LIST -----------
/* MDM Add images to category list */

/* This is the "big box" around it all. */
#blog-categories { 
    /* MDM This is now done in #sidebar ul li */
    /* padding: 10px 0 1px 0 !important; */
}

/* OLD - images on right looks best, as long as you don't severely indent them... */
/* I decided to place the images at the right, with a "normal" disc on the left. */
/* Using the images for the disc was WAY confusing, since the width varied. */
/* NOTE: the page background = #e1e3e9 */
/*
.cat-item { 
    list-style-position: inside !important; 
}
.cat-item-2  { background: url(/wp-content/images/small/chatter.png             ) no-repeat top right !important; }
.cat-item-14 { background: url(/wp-content/images/small/gentoo-notes.png        ) no-repeat top right !important; }
.cat-item-16 { background: url(/wp-content/images/small/gentoo-nightly.png      ) no-repeat top right !important; }
.cat-item-17 { background: url(/wp-content/images/small/gentoo-desktop.png      ) no-repeat top right !important; }
.cat-item-18 { background: url(/wp-content/images/small/gentoo-media-center.png ) no-repeat top right !important; }
.cat-item-15 { background: url(/wp-content/images/small/gentoo-server.png       ) no-repeat top right !important; }
.cat-item-11 { background: url(/wp-content/images/small/gaming.png              ) no-repeat top right !important; }
.cat-item-7  { background: url(/wp-content/images/small/hangthedj.png           ) no-repeat top right !important; }
.cat-item-5  { background: url(/wp-content/images/small/linux-projects.png      ) no-repeat top right !important; }
.cat-item-12 { background: url(/wp-content/images/small/mythtv.png              ) no-repeat top right !important; }
.cat-item-4  { background: url(/wp-content/images/small/projects.png            ) no-repeat top right !important; }
.cat-item-8  { background: url(/wp-content/images/small/sharethedj.png          ) no-repeat top right !important; }
.cat-item-3  { background: url(/wp-content/images/small/slashcode-archive.png   ) no-repeat top right !important; }
.cat-item-9  { background: url(/wp-content/images/small/thedigitalmachinecom.png) no-repeat top right !important; }
.cat-item-10 { background: url(/wp-content/images/small/tricks-tips-tools.png   ) no-repeat top right !important; }
.cat-item-6  { background: url(/wp-content/images/small/windows-projects.png    ) no-repeat top right !important; }
*/

/* Here I was playing with diff colored backgrounds for each indentation, since
   I hadn't discovered [list-style-position: inside] yet...
.cat-item                     { background:#e1e3ef !important;  list-style-position: inside !important; }
.cat-item .cat-item           { background:#e1e3f3 !important; }
.cat-item .cat-item .cat-item { background:#e1e3ff !important; }
*/

/* Here's the way to use the images as left-sided list images - don't indent these very much: */
.cat-item { 
	text-align: left;
    list-style-position: inside !important; 
    margin: 2px 2px 2px 2px !important; 
}
.cat-item .cat-item           { margin-left:4px  !important; }
.cat-item .cat-item .cat-item { margin-left:8px !important; }
.cat-item-2  { list-style-image: url(/wp-content/images/small/chatter.png             ) !important; }
.cat-item-14 { list-style-image: url(/wp-content/images/small/gentoo-notes.png        ) !important; }
.cat-item-16 { list-style-image: url(/wp-content/images/small/gentoo-nightly.png      ) !important; }
.cat-item-17 { list-style-image: url(/wp-content/images/small/gentoo-desktop.png      ) !important; }
.cat-item-18 { list-style-image: url(/wp-content/images/small/gentoo-media-center.png ) !important; }
.cat-item-15 { list-style-image: url(/wp-content/images/small/gentoo-server.png       ) !important; }
.cat-item-11 { list-style-image: url(/wp-content/images/small/gaming.png              ) !important; }
.cat-item-7  { list-style-image: url(/wp-content/images/small/hangthedj.png           ) !important; }
.cat-item-5  { list-style-image: url(/wp-content/images/small/linux-projects.png      ) !important; }
.cat-item-12 { list-style-image: url(/wp-content/images/small/mythtv.png              ) !important; }
.cat-item-4  { list-style-image: url(/wp-content/images/small/projects.png            ) !important; }
.cat-item-8  { list-style-image: url(/wp-content/images/small/sharethedj.png          ) !important; }
.cat-item-3  { list-style-image: url(/wp-content/images/small/slashcode-archive.png   ) !important; }
.cat-item-9  { list-style-image: url(/wp-content/images/small/websites.png            ) !important; }
.cat-item-10 { list-style-image: url(/wp-content/images/small/tricks-tips-tools.png   ) !important; }
.cat-item-6  { list-style-image: url(/wp-content/images/small/windows-projects.png    ) !important; }
.cat-item-19 { list-style-image: url(/wp-content/images/small/opensource.png          ) !important; }
.cat-item-20 { list-style-image: url(/wp-content/images/small/wordpress.png           ) !important; }
.cat-item-21 { list-style-image: url(/wp-content/images/small/firefox.png             ) !important; }
.cat-item-22 { list-style-image: url(/wp-content/images/small/cpp.png                 ) !important; }
.cat-item-23 { list-style-image: url(/wp-content/images/small/iphone.png              ) !important; }
.cat-item-24 { list-style-image: url(/wp-content/images/small/php.png                 ) !important; }

/* A poor-man's way to left-place images:
.cat-item-2  { background: url(/wp-content/images/small/chatter.png) no-repeat top left; margin-left:20px; padding-left: 20px; } 
*/

#post-metadata p {
	font-size: 0.95em;
	font-style: italic;
	margin: 125px 125px 125px 125px;
	padding: 4px;
}
.navigation {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 30px 0;
}
#comments h3 {
	font: normal 1.2em/normal arial, sans-serif;
	margin: 10px 0 5px 0;
}
#comments li {
	font-size: 1em;
	margin-top: 15px;
	padding: 5px;
}
#comments li p {
	font-size: 1em;
	margin: 3px 0 1em 0;
}
#comments .commentmetadata {
	letter-spacing: 0.5px;
	font-style: italic;
	font-size: 0.95em;
}
#footer p {
	font-size: 0.9em;
	letter-spacing: 0.5px;
	margin: 10px 0 0 0;
	padding: 2px 0;
}
.search-excerpt {
	padding-left:20px;
}
/* LINK STYLES */
a {
	outline: none;
}
#header a, #header a:active, #header a:link, #header a:visited {
	color: #000;
	text-decoration: none;
}
#content h2 a, #content h2 a:active, #content h2 a:link, #content h2 a:visited, #content h4 a, #content h4 a:active, #content h4 a:link, #content h4 a:visited {
	color: #20476d;
	text-decoration: none;
}
#content .post a, #content .post a:active, #content .post a:link, #content .post a:visited, .navigation a, .navigation a:active, .navigation a:link, .navigation a:visited {
	color: #306aa3;
	text-decoration: none;
}
#postmetadata p a,  #postmetadata p a:active, #postmetadata p a:link, #postmetadata p a:visited, #footer a, #footer a:active, #footer a:link, #footer a:visited {
	color: #20476d;
	text-decoration: underline;
}
#postmetadata p a:hover, #footer a:hover {
	color: #408dd9;
}
#comments li a, #comments li a:active, #comments li a:link, #comments li a:visited, #comments li a:hover {
	background: #fbfbfb;
	color: #555;
}
#sidebar a, #sidebar a:active, #sidebar a:link, #sidebar a:visited {
	color: #102336;
	text-decoration: none;
}
#header a:hover, #content h2 a:hover, #content .post a:hover, .navigation a:hover, #content h4 a:hover, #sidebar a:hover {
	color: #408dd9;
	text-decoration: underline;
}
/* DECORATIVE ELEMENTS: BORDERS, COLOR, BACKGROUNDS, ETC. */
body {
	color: #000;
	/* background:#F1EDCF; */
   background:#e1e3e9;
}
#description h2, #footer p {
	border-bottom: 2px solid #000;
	border-top: 1px solid #000;
}
#comments li {
	background: #fbfbfb;
	color: #555;
}
#content blockquote {
   /* MDM CHEESY!  */
	/* background: url(quote.png) no-repeat top left; */
}
#postmetadata p {
	border-top: 1px solid #444;
	border-bottom: 2px solid #444;
	margin: 3em 0 3em 0;
	font-size: 0.9em;
}
#comments li {
	background: #fbfbfb;
	border-bottom: 2px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	color: #555;
}
.search-excerpt {
	color:#666;
	background:#fff url(quote.png) no-repeat left top;
}
/* IMAGE STYLES, INCLUDING IMAGE LINKS */
#content img.alignright, #content img.alignleft, #content img.center {
	border: none;
	padding: 4px;
}
#content img.alignright {
	display: inline;
	margin: 3px 0 3px 6px;
}
#content img.alignleft {
	display: inline;
	margin: 3px 6px 3px 0;
}
#content img.center {
	display: block;
	margin: 3px auto;
}
#content a img, #content a:active img, #content a:link img, #content a:visited img {
	border: none;
	color: #000;
	margin: 0 0 0 0;
}
#content a:hover img {
	background: #ddd;
	border: none;
	color: #222;
}
#sidebar img {
	border: none;
}
/* FORM STYLES */
.formcontainer {
	font-size: 1.1em;
	font-style: italic;
	overflow: hidden;
	position: static;
	width: 99%;
}
.formright, .formleft {
	display: inline;
	float: left;
	margin: 3px 0;
	padding: 2px;
}
.formright {
	text-align: left;
	width: 75%;
}
.formleft {
	clear: both;
	text-align: right;
	width: 5em;
}
/* --------------------------------------------------------- */
/*             COMMENT MESSAGE BOX WIDTH                     */
/* MDM Here's how to set a percentage width on a text field. */
.formright textarea
{
    width: 98%;
}
/* --------------------------------------------------------- */
.formcontainer textarea {
	overflow: auto;
}
.formcontainer textarea, input {
	font: 0.9em/normal "courier new", courier, monospace;
	padding: 2px;
}
/* --------------------------------------------------------- */
/*             COMMENT LEAD-IN              */
.respond
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 3em 3em 3em 3em;
}
/* --------------------------------------------------------- */
#author, #email, #url, #comment, #s, #wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg {
	border: 1px solid #333;
}
#author:focus, #email:focus, #url:focus, #comment:focus, #s:focus, #wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, #wpcf_msg:focus {
	border: 1px solid #306aa3;
}
#searchsubmit, #contactsubmit, #submit {
	font: 0.9em/normal arial, sans-serif;
}
#sidebar #searchform {
	margin: 0 0 10px 0;
}

/* roundbox CSS starts here  */
/* http://roundedbox.andreas-kalt.de/ */

.roundbox-tr {
	margin: 0px 0px 0px 0px;
	padding:0;
	background:url("roundbox_tr.gif") no-repeat top right;
	width: 100%;
}

/* top-left corner and left side */
.roundbox-tl {
	margin:0;
	padding:0;
	background:   url("roundbox_tl.gif") no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
	margin:0;
	padding:0;
	background:   url("roundbox_br.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
	margin:0;
	padding:0;
	background:   url("roundbox_bl.gif") no-repeat left bottom;
}

/* content div */
/* MDM Control the left margin of the text and right margin of the images here. */
/* Along with padding (border bewteen box and content). */
.roundbox-content {
    /* IE7 needs a bottom margin of 0! */
	margin:0 15px 0 10px;
	padding:1.2em 1.2em;        /* important to give room for rounded graphics */
}
.roundbox-content-post-title {
    /* IE7 needs a bottom margin of 0! */
	margin:0 15px 0 10px;
	padding:0.2em 0.2em;        /* for the post title "button", shrink the box padding.  */
}

/*
.roundbox-content p {
	margin:0 0px 0 0;
	padding:0;
	line-height:1.0;
}
*/

/* roundbox CSS ends here  */

/* catimage */
.catimage 
{
   padding: 4px 0px 2px 0px;
   /* margin: 20px; */
   /* float: right; */
   /* position: relative; */
}

.headerimage 
{
   padding: 10px 0px 8px 0px;
   /* margin: 20px; */
   /* float: right; */
   /* position: relative; */
}
#headerimage a, #headerimage a:active, #headerimage a:link, #headerimage a:visited {
	color: #000;
	text-decoration: none;
}

.table
{
	margin: 1em 0 1em 0;
    padding: 0;
}