/* set defaults, kill margins, underlines, etc */
* {	margin: 0px; padding: 0px; }
h2 {margin: 0px; padding: 0px;}
body { outline: none; }
fieldset { border: none;}
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
ul { list-style: none;}

/* ------------------------------------------------   typography */

body { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}

/* Post */
#grass .content .entry .literature { font-size: .8em; line-height: 1.5em;}
#grass .content .entry .literature h1 {color: #e7f0e4; font-variant: small-caps; font-size: 180%;}
#grass .content .entry .literature h2 { color: #14500e;}
#grass .content .entry .literature h3,
#grass .content .entry .literature blockquote  { font-size: 110%; font-weight: normal; color: #0c4007;}
/* Post meta */
#grass .content .entry .meta { font-size: .8em; line-height: 1.6em; }
#grass .content .entry .meta a { text-decoration: underline;}
#grass .content .entry .meta,
#grass .content .entry .meta a { color: #357423;}

/* Post header */
#grass .content .entry h1 { color: #ececec; font-size: 160%; font-weight: normal;} 
#grass .content .entry h1 a { color: #ececec; }
#grass .content .entry h1 a:hover { text-decoration: underline; }
#grass .content .entry h3 { color: #14500e; font-weight: bold; font-size: small;}

#grass .sidebar li ul { color: #357423; font-size: .9em; line-height: 1.6em;}
#grass .sidebar li ul a { color: #257423;}
#grass .sidebar > li h2, 
#grass .sidebar > li h2 a { color: #2c4524; font-size: 1em; font-weight: normal;}

#comment_container .comment_entry { font-size: small; }
#comment_container .comment_entry .meta { color: #2c4524; font-size: .9em;}
#comment_container .comment_entry .meta .date { color: #357423; }
#comment_container .comment_entry .meta a { color: #2c4524; text-decoration: underline; }




/* ------------------------------------------------  layout */


body { background: url(images/grass-texture.jpg); }

/* sky and head */
#sky { background: url(images/sky-texture.jpg) repeat-x right top; padding-top: 147px;}

#grass .head { height: 250px; background: url(images/hill_repeater.jpg) repeat-x; position: relative; margin-bottom: -250px; }
#grass #logo { z-index: 3; position: absolute; left: 0px; top: -25px; background: transparent url(images/hill.jpg) no-repeat 0px 0px; width: 893px; height: 30px;}
#grass #logo a { z-index: 3; position: absolute; left: 20px; top: -17px; background: url(images/logo.png) no-repeat; width: 267px; height: 99px; line-height: 900px; overflow: hidden;}

#grass #robot { z-index: 3; position: absolute; right: 8%; top: -47px; background: url(images/robot.png) no-repeat; width: 85px; height: 93px;}
#grass #bee { z-index: 3; position: absolute; right: 20%; top: -37px; background: url(images/bee.png) no-repeat; width: 17px; height: 13px; }
#grass #cloud1 { z-index: 2; position: absolute; top: -80px; left: 210px; background: url(images/large_cloud.png) no-repeat; width: 113px; height: 25px;}
#grass #cloud2 {z-index: 2; position: absolute; top: -100px; left: 100px; background: url(images/small_cloud.png) no-repeat; width: 71px; height: 17px; } 


/* content wrapper */
#grass .content { position: relative; z-index: 2;  width: 630px; padding: 145px 10px 10px 155px ; float: left;}

/* post nav */
#grass .content .navigation { text-align: right; }
#grass .content .navigation a { color: #16550f; font-size: small;}

/* blog entry */
#grass .content .entry { position: relative; margin-bottom: 4em;}
#grass .content .entry h1 { }
#grass .content .entry h3 { }
#grass .content .entry .meta { position: absolute; left: -140px; top: 6px; text-align: right; list-style: none; width: 120px; }

/* - blog entry content */
#grass .content .entry .literature { margin-top: .8em; border-top: 1px solid #4e8b36; padding-top: 1em;}
#grass .content .entry .literature p { margin: 1em 0;}
#grass .content .entry .literature h1 { margin-top: 2em;}
#grass .content .entry .literature h2 { margin-top: 1.8em;}
#grass .content .entry .literature h3,
#grass .content .entry .literature blockquote { padding: 16px; background: url(images/hazy_bg.png); border-bottom: 1px solid #2F6324; margin: .8em 0; line-height: 1.7em;}
#grass .content .entry .literature .hr { height: 26px; background: url(images/hr_flower.jpg) no-repeat 50% 50%;}
#grass .content .entry .literature a { color: #14500E; text-decoration: underline;}

/* sidebar */
#grass .sidebar { position: relative; z-index: 2; padding: 145px 0 0 20px; margin-left: 825px; width: 220px;}
#grass .sidebar > li { margin-bottom: 1.5em;}
#grass .sidebar li .image { background: url(images/sprite.gif) no-repeat; float: left;}
#grass .sidebar li ul { margin-left: 26px;}
#grass .sidebar li h2 {  padding-top: 4px;}

/*  - archives */
#grass .sidebar li.widget_archive .image { background-position: 0 0; width: 32px; height: 30px; }
#grass .sidebar li.widget_archive h2 { padding-left: 5px; height: 30px; margin-left: 34px;}

/*  - rss */
#grass .sidebar li.rss .image { background-position: -32px 0; width: 37px; height: 30px; margin-left: -4px;}
#grass .sidebar li.rss h2 { margin-left: 38px; height: 30px; padding-top: 8px;}
#grass .sidebar li.rss a { text-decoration: underline;}

/* - twitter */
#grass .sidebar li.widget_twitter .image { background-position: -50px -30px; width: 46px; height: 33px; margin-left: -5px;}
#grass .sidebar li.widget_twitter h2 { margin-left: 38px; height: 33px;}
#grass .sidebar li.widget_twitter a { text-decoration: underline; }
#grass .sidebar li.widget_twitter ul li { font-size: .8em; line-height: 1.6em; margin-bottom: 10px;}


/* comments */
#comment_container { width: 542px; }
#comment_container .comment_entry .meta { float: right; text-align: right; margin: -.5em 30px 0 0;}

#comment_container .comment { background: url(images/comment_repeater.gif) repeat-y; width: 542px; }
#comment_container .comment .cap { background: url(images/comment_top.gif) no-repeat left top; width: 542px; height: 26px; margin-bottom: -26px;}
#comment_container .comment .inner { min-height: 56px; margin: 30px 43px 20px 44px;}
#comment_container .comment .foot { background: url(images/comment_bottom.gif) no-repeat left top; width: 542px; height: 56px; margin-top: -56px;}
#comment_container .comment_entry .meta a { padding-right: 5px; }

/* - entry */
#comment_container #commentform { margin-top: 45px; padding-top: 30px;  border-top: 1px solid #4e8b36;}
#comment_container #commentform textarea { width: 445px; height: 120px;}
#comment_container #commentform .credentials { margin: 10px 0 0 22px; line-height: 1.8em; }
#comment_container #commentform .credentials label { padding-right: 10px; }
#comment_container #commentform .credentials .submit { margin-top: 15px; }


/* - bots */
#comment_container .comment_entry .bot { position: relative; }
#comment_container .comment_entry.bot_1 .bot { background: url(images/comment_bots/angry.png) no-repeat left top; width: 46px; height: 69px;  bottom: -17px; margin-left: 82px;}
#comment_container .comment_entry.bot_2 .bot { background: url(images/comment_bots/sad.png) no-repeat left top; width: 75px; height: 85px;  bottom: -17px; margin-left: 82px;}
#comment_container .comment_entry.bot_3 .bot { background: url(images/comment_bots/butler.png) no-repeat left top; width: 34px; height: 75px;  bottom: -17px; margin-left: 82px;}
#comment_container .comment_entry.bot_4 .bot { background: url(images/comment_bots/hero.png) no-repeat left top; width: 40px; height: 53px;  bottom: -17px; margin-left: 82px;}
#comment_container .comment_entry.bot_5 .bot { background: url(images/comment_bots/love.png) no-repeat left top; width: 55px; height: 75px;  bottom: -17px; margin-left: 82px;}





/* omg hax */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */