/*
	Theme Name: bonsai growth live!
	Theme URI: http://www.h4x3d.com/themes/bonsai
	Description: A crazy green, gray, white and black ish theme with large fonts by <a href="http://www.h4x3d.com">Julian Klewes</a>. <a href="http://www.h4x3d.com/themes/bonsai" target="_blank">Theme info at h4x3d.com</a><br> Released under these <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/" target="_blank">Creative Commons</a> terms of use.
	Version: 1.0B
	Author: Julian Klewes
	Author URI: http://www.h4x3d.com
*/

* { margin: 0; padding: 0; }
img { float: right; background-color:#E3E3E3;margin:10px 0 10px 10px;padding:6px; }
body { font-size: 62.5%; background: #222; font-family: Arial, Helvetica, sans-serif; }
#right { float: right; }

#wrap { width: 100%; background: #222; margin: 0 auto; overflow: hidden;  }



body.single { background: #333; }
.single #wrap { background: #FFF; }

.single .primary { margin: 30px 0 0; font-size: 1.5em; line-height: 1.5; }
.single .primary .updated { font-size: 2em; font-weight: bold; letter-spacing: -0.07em; line-height: 0.8; color: #CCC; }

.primary h1, .primary a { font-size: 2em; letter-spacing: -0.05em; line-height: 0.8; color: #444; text-decoration: none;}
/* post title*/

.primary a:hover { color: #999; text-decoration: none;}
.primary .post-content { font-size: 1.2em; margin: 30px 130px; color: #555; }
.post-content .teaser { margin: 0 -130px 30px; padding: 0 30px 30px; border-bottom: 1px solid #CCC; font-size: 1.3em; line-height: 1; letter-spacing: -0.03em; color: #000; }
.post-content h2,
.post-content h3,
.post-content h4 { font-size: 0.9em; letter-spacing: -0.05em; margin: 0 0 0.3em -20px; }
.post-content img { padding: 2px; border: 3px solid #CCC; }
.post-content a { font-size: 1.65em; color: #000; background: #D5FF6F;  }
.post-content a:hover { background: #EAEAEA; border-right: 4px solid #aaa; padding-right: 9px; }


#top h1, #top a {
 color:#ccc;
 font-weight:900;
 margin-bottom:5px;
 padding-left:2px;
 letter-spacing:-3px;
 font-size:2.8em;
 /* webpage title*/
 background: white;
 text-decoration: none;
 border-bottom: 25px solid #B2EF1D;
}
#top h1 span, #top a:hover{
 color: #aaaaaa;
 background: #eaeaea;
 text-decoration: none;
}

p { margin-bottom: 1em; }
blockquote, ul, ol, pre, table { margin: 2em 0; }
ul, ol { margin-left: 2em; }
blockquote { font-family: "Times New Roman",Times, serif; font-size: 1.2em; width: 80%; margin: 1.5em auto; }
.post-content blockquote p:first-letter { font-size: 3em; line-height: 1; float: left; margin-top: 7px; }
blockquote cite { display: block; text-align: right; }

.primary pre {
  overflow: auto;
  cursor:pointer;
  position:relative; /* make IE work correctly */
}

.primary pre code {	
  display: block;
  margin:10px;
  padding:4px;
  border:1px solid #ddd;
  background:#F5F5F5;
  font:10px Lucida Sans Typewriter, Courier, monospace;
}

ul, ul li, ul li li, li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#footer h1, #footer a {
 color:#999;
 /* font-weight:666; */
 margin-bottom:3px;
 padding-left:4px;
 letter-spacing:-4px;
 font-size:6.3em;
 /* not sure */
 background: white;
 text-decoration: none;
 border-bottom: 20px solid #D5FF6F;
}
#footer h1 span, #footer a:hover{
 color: #eaeaea;
 background: #aaaaaa;
 text-decoration: none;
}