/*
Theme Name: Habit Industries Liquid
Theme URI: http://www.habitindustries.com
Description: The theme for the habit industries blog. 
Version: 1.0
Author: Devin Hunt
Author URI: http://fieldunion.com
Tags: white, minimal, text, css3
*/

/*_________________________________________________________ Global CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; 
    font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
}
ul, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

.clearit:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearit,
#content { zoom: 1; }
* html .clearit { height: 1%; }

/*_________________________________________________________ Global Structure & Typography */

body {
    color: #000;
    background: #212121;    
    font-size: 62.5%;
    line-height: 16px;
}

/* Links */
a { color: #0097d1; font-family: inherit; text-decoration: none; }
a:hover { color: #006292; }

/* Headings */
h1, h2, h3 { text-shadow: #fff 0px 1px 1px; }

/* Inlines */
em { }
strong { }

/* Breakouts */
p { font-size: 1.2em; line-height: 16px; margin: 8px 0; letter-spacing: .2px;}
blockquote { }
code { }
pre { font-family: "Monaco", "Andale Mono", monospace; font-size: 1.1em; line-height: 16px; overflow-x: auto; padding: 4px; }

/* Common mixins */
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearleft { clear: left; }
.padding { padding: 16px; }
.vMargin { margin: 16px 0; }
.hMargin { margin: 0 16px; }
.center { margin-left: auto; margin-right: auto; }
.relative { position: relative; }
.absolute { position: absolute; }

/* Liq Grid */ 
.grid { width: 896px; }
.grid .grid100 { width: 864px; padding: 16px; }
.grid .grid75 { width: 640px; padding: 16px; }
.grid .grid66 { width: 566px; padding: 16px; }
.grid .grid50 { width: 416px; padding: 16px; }
.grid .grid33 { width: 266px; padding: 16px; }
.grid .grid25 { width: 192px; padding: 16px; }

/* Grid containers */
.grid .container { border: 2px solid #cdcdcd; background: #fff; padding: 8px 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.center.container { margin: -2px auto -2px auto; }

/*_________________________________________________________ Structure - Header */

#hs_header { height: 31px; border-bottom: 1px solid black; }
#hs_header a.nav { float: right; height: 15px; padding: 8px; font-size: 1.2em; color: white; border-bottom: 1px solid black;}
#hs_header a.nav:hover { background: #555; }
#hs_header h1 { float: left; text-indent: -9999px; background: url('images/stream-logo-header.jpg') top left no-repeat; width: 136px; height: 32px; margin-left: -16px; }


#header { color: #ccdae5; background: #000; border-bottom: 4px solid #212121; }
#header table td { width: 266px; padding: 8px 16px; vertical-align: middle; }
#header table td.description-container { background: url('images/habit-bracket.gif') right center no-repeat; padding-right: 40px; width: 242px; }


#header h1 { font-size: 3.6em; line-height: 1em; text-transform: lowercase; font-family: Georgia, serif; font-style: italic; letter-spacing: -2px; margin-left: 4px; text-shadow: none;}
#header h1 a { }

#header p.description { font-size: 1.4em; line-height: 14px; text-transform: lowercase; text-align: right; }

/* Catagory navigation */
ul#catagory-navigation li { float: left; margin: 4px 8px; }
ul#catagory-navigation li a { font-size: 1.4em; }

/*_________________________________________________________ Structure - Content Modules */
.navigation { font-size: 1.2em; line-height: 12px; color: #fff; }
.post-navigation { background: #333;}
.post-navigation .grid div { padding: 6px 0px;}
.post-navigation a { color: #eee; }
.post-navigation a:hover { color: #0097d1; }

#content { background: #ebebeb; }

/* Posts */
.post .grid33 { }
.post .grid66 { overflow: hidden; position: relative; }

.post h2.post-title { float: left; margin-left: 10px; width: 200px; font-size: 1.8em; line-height: 24px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }
.post h2 a { margin: 0px; }

.post .date { float: left; width: 52px; height: 52px; border: 2px solid #333; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.post .date .month { background: #333; color: #eee; text-align:center; font-size: 1.1em; text-transform: uppercase; line-height: 16px; font-weight: bold; }
.post .date .day { background: #ccdae5; text-align:center; font-size: 2.4em; font-weight: bold; line-height: 36px;}

.post .metadata { float: left; margin: 5px 0px 0px 10px; width: 200px; }
.post .postmetadata { font-size: 1.1em; padding: 0px 18px; margin-bottom: 0;}

/* Comments */
#comments h3 { font-size: 1.8em; line-height: 24px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }

.comment { margin-bottom: 16px; }
.comment p {margin-top: 0; }
.comment .comment-meta { font-size: 10px; line-height: 16px; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; }
.comment .comment-meta em { font-size: 14px; font-style: normal; margin-right: 8px; }

#respond .respond-field { float: left; width: 172px; margin: 0 0 8px 8px; }
#respond .first-field { margin-left: 0; }
#respond .respond-field label { display: block; font-size: 1.2em; }
#respond textarea { padding: 8px; width: 516px; height: 128px; font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; font-size: 1.2em; }
#respond #submit {  }

/*_________________________________________________________ Structure - Footer */
#footer { padding: 32px 16px 32px 16px; }
#footer ul li a { display: block; padding: 4px 0; font-size: 1.2em; color: #eee; }
#footer ul li a:hover { color: #0097d1; }


/*_________________________________________________________ Special - Widget */
 /* Widget Structure */
#blogwidget .grid66 .container { min-height: 256px; background: #fff url('images/loading-icon.gif') no-repeat center center; }
#blogwidget .grid66 .container .fade { position: absolute; width: 540px; height: 32px; left: 0px; bottom: 8px; z-index: 10; background: url('images/fade.png') repeat-x top left; }
.strm-widget { position: relative; font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; }
.strm-widget .strm-content { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.strm-widget .strm-header { padding: 4px; }
.strm-widget .strm-header h2 { letter-spacing: .2px; margin: 0; font-size: 16px; line-height: 24px; font-weight: normal; padding: 0; font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; }
.strm-widget .strm-header h3 { margin: 0; font-size: 12px; line-height: 12px; font-weight: normal; padding: 0; font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; }
.strm-widget .strm-body { padding: 0 4px; position: relative; overflow: hidden; }
.strm-widget .strm-items { background: #fff; }
.strm-widget .strm-footer { height: 16px; font-size: 11px; padding: 4px; line-height: 11px; }
.strm-widget .strm-footer span { float: left; }
.strm-widget .strm-footer a.copy { float: right; }

/* Item Structure */
.strm-item { position: relative; padding: 4px 0; border-bottom: 1px solid #000; }
.strm-item .strm-item-inner { }
.strm-item .strm-item-thumb { float: left; width: 24px; height: 24px; overflow: hidden; }
.strm-item .strm-item-content { margin-left: 32px; }
.strm-item .strm-item-content h4 { margin: 0; font-size: 14px; line-height: 14px; }
.strm-item .strm-item-content p { margin: 0; font-size: 12px; line-height: 14px; }