/*   
Theme Name: Jitte
Theme URI: http://www.thejitte.com/
Description: A custom theme created for this site.
Author: Me
Author URI: http://www.thejitte.com
Template: jitte
Version: 2.0
.
This theme was custom created for this blog and not for re-use.  Thanks!

This CSS is a fucking mess.  MAN, how did it get so bad?

/*Light brown #DCCE8D 
.
*/
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #6C7A2C;}
a:hover { color: #92A63B }


body { 
	background-color: #333;
	font: 13px verdana, arial, sans-serif;
	color: #222; 
	background: #F5F5F5 url(/img/body_bg2.gif); }

#header { width: 768px;  margin: 0 auto 0 auto;}

#header h1 a { 
	color: #f3f3f3; 
	font-size: 30px; 
	background: url(/img/logo.gif) no-repeat left 7px; 
	padding: 0 0 0  45px; 
	display: block;
	width: 210px;  }	
#header h1 a:hover { color: #fff; background-position: left -44px;  }
#description  { font-size: 13px;  font-weight: normal;}

h2 { font-size: 14px; margin-top: 10px; }
h3 { margin-top: 18px; color: #990000; font-size: 16px; }

#content{
	width: 758px; 
	margin: 0 auto 0 auto;
	border: 6px solid #000;	
	background-color: #f1f1f1;
	padding: 0 0 15px 17px;
	
	 }	
	 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
	 
.post ul { margin: 10px 20px;  }
.post li { margin: 10px 0; }
	
#content p { line-height: 130%; }
	
#sidebar { 
	width: 210px; 
	background: #D1BF68;
	border-left: 1px solid #000; 
	border-bottom: 1px solid #000; 
	float: right; 
	
	}
#sidebar p ,#sidebar form { padding: 7px 0 10px 4px  } 

#sidebar a { color: #900; }
#sidebar a:hover { color: #B90000; font-weight: bold; }
div#sidebar li { list-style: none; }
div.sidebar_label {  padding: 7px 0 0 4px ; font-weight: bold;}

#sidebar ul, #spread{ padding: 7px 0 0 4px; }

ul.wp-polls-ul  { padding: 0 0 0 0; margin: 0; }
#poll { background-color: #DCCE8D; padding-right: 7px;}


div.post {  width: 520px; border-bottom: 1px solid #DCCE8D; background: url(/img/meta_bg.jpg) no-repeat bottom right;}	
div.post p { line-height: 115%; padding: 7px 0 7px 0; }


div.meta { font-size: 11px; font-weight: bold;  margin: 15px 0 5px 0; width: 513px; 
background: #72A819 url(/img/green-rounded.jpg) no-repeat top left; 
color: #DEF4B9;  height: 44px; padding-left: 7px;}
div.meta h3 a { color: #fff; font-size: 18px; text-decoration: none; }
div.meta h3 a:hover { color: #f1f1f1; text-decoration: underline;  }
div.meta a { color: #7BAC20; font-size: 11px; }
div.meta a:hover { text-decoration: underline;  }

#category-5 { border: 1px solid #DCCE8D; padding: 3px 3px; background: #fff;}
#category-19 { border: 1px solid #DCCE8D; padding: 3px 3px; background: #fff;}

div.mini { border: 1px solid #DCCE8D; font-size: 11px; padding: 3px 3px; }
div.mini .date { font-color: #666;}

#footer { margin: 15px auto 10px auto; text-align: center; font-size: 11px;  }

a#link_puremtgo  { width: 200px; height: 40px; display: block; background: url(/img/link_puremtgo.jpg) no-repeat top left; margin: 3px 0 3px 4px; }
a:hover#link_puremtgo { background-position: 0 -40px; }

a#link_pauper  { width: 200px; height: 40px; display: block; background: url(/img/link_pauper.jpg) no-repeat top left; margin: 3px 0 3px 4px; }
a:hover#link_pauper { background-position: 0 -40px; }

a#link_classic  { width: 200px; height: 40px; display: block; background: url(/img/link_classic.jpg) no-repeat top left; margin: 3px 0 3px 4px; }
a:hover#link_classic { background-position: 0 -40px; }

a#link_frozen  { width: 200px; height: 80px; display: block; background: url(/img/link_frozen.jpg) no-repeat top left; margin: 3px 0 3px 4px; }
a:hover#link_frozen { background-position: 0 -80px; }

a.autocard {color: #7BAC20; background: url(/img/tap.jpg) no-repeat right center; padding-right: 14px;  }

/*COMMENTS*/
#commentform, #comment { width: 520px; }
.comment { background-color: #ECE4C1; border: 1px solid #D1BF68;  margin-bottom: 10px;  width: 510px; padding: 5px 5px;}
.comment cite { font-size: 11px; font-weight: bold; }
ol.commentlist { list-style: none; margin: 0; padding: 0 }
ol.commentlist li { list-style: none; }

form {  margin: 3px 0; padding: 0; }
#comment_template p { margin-bottom: 5px; }


#beta { position: absolute; top: 0; right: 0; }

.image_border { border: 1px solid #D1BF68; margin: 0px auto; display: block;}
.image_post { margin: 0 auto; }

#decks { border: 1px solid #7BAC20; background: #fff url(/img/decks_bg.jpg) no-repeat top right; 
padding: 5px 198px 5px 5px; width: 322px; margin-top: 17px; }
p#explain { display: block; width: 520px; background-color: #ECDE9D; padding: 5px 5px; }
#decks h3 { color: #990000;  margin-top: 0px; }
#decks ul { margin: 5px 5px 20px 30px; display: block; }
#decks hr {  color: #ECDE9D;    border: 0;
  width: 100%;
background-color: #ECDE9D;
height: 1px; }

.thought-spacer { margin: 0 auto; display: block; }

#author { width: 520px; border: 1px solid #DCCE8D; background-color: #fff; padding: 7px 7px; }
.authortar { float: left; margin-right: 10px;  }

#author:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #author {height: 1%;}
/* End hide from IE-mac */

.r-aside { float: right; width: 160px; padding: 3px 3px; margin: 5px 5px;  font-size: 11px; background-color: #DCCE8D; }
.r-float { float: right; }