/* Basics */
html{
background: #1A1A1A repeat-y top center url("../img/html_bg.png");
color: #fff;
font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
min-height: 101%;
}
body{
margin: 0 auto;
width: 920px;
}
/* Links */
a, a:visited{ color: #00C0F3; text-decoration: none; }
a:hover{ color: #A6CE39; }
/* Headers */
h1, h2, h3, h4, h5, h6{ margin-bottom: .5em; }
h1, h2, h3{ font-family: "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; }
h1{ font-size: xx-large; font-weight: bold; }
h2{ font-size: x-large; font-weight: bold; }
h3{ font-size: large; }
h4{ font-size: normal; font-weight: bold; }
h5{ font-size: small; text-transform: uppercase; }
h6{ font-size: small; text-transform: uppercase; }
/* Paragraphs */
p{
line-height: 125%;
margin-bottom: 1em;
}
p.quiet{
color: #aaa;
font-size: small;
}
p.loud{
color: #000;
}
/* Lists */
ul{
list-style-position: inside;
list-style-type: square;
margin-bottom: 1em;
}
ol{
list-style-position: inside;
list-style-type: decimal;
margin-bottom: 1em;
}
li{ font-size: small; padding: .25em; }
li.last{ border-bottom: none; }
/* Typography */
strong{ font-weight: bold; }
em{ font-style: italic; }
tr.last{}
/* ------------------------UTILITY CLASSES------------------------ */
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
/* ------------------------LAYOUT------------------------ */
/* ------------------------HEADER------------------------ */
#header{ overflow: hidden; background: #1A1A1A; }
#header h1{ margin: 0; padding: 0; }
#header h1 a{ display: block; height: 150px; background: no-repeat url("../img/header.jpg"); text-indent: -999em; }
#header blockquote{ margin: 2em 0 2.5em;}
#header blockquote div{ text-align: center; font-size: xx-small; color: #666; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 5px; }
#header blockquote p{ padding: 1em; background: #2A2A2A; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: italic medium Georgia; color: #ccc; margin-bottom: 0; }
#header blockquote cite{ float: right; display: block; width: auto; margin-right: 20px; padding-top: 5px; background: no-repeat right top url("../img/quote_tail.png"); font-size: x-small; }
#header blockquote cite span{ padding-right: 40px; }
#header blockquote a{ color: #fff; }
#header blockquote a:hover{ color: #00C0F3; }
/* ------------------------MAIN CONTENT------------------------ */
#content{ clear: both; background: no-repeat url("../img/top_bg.png"); overflow: hidden; }
#main{ float: left; width: 680px; color: #1A1A1A; padding: 15px; }
#main h2{ float: left; width: auto; }
#main .comments_link a{ display: block; color: #fff; float: right; margin-top: .15em; width: auto; background: #00C0F3; padding: 3px 5px; font-size: small; font-family: Georgia; font-style: italic; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#main .comments_link a:first-child { display:none; }
#main .comments_link a:hover{ background: #FAA61A;}
#main .entry, #main p, #main li{ font-size: small; line-height: 1.75em; }
#main .entry{ float: right; width: 100%; }
#main .post{ overflow: hidden; clear: both; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #eee; }
#main .timestamp{ width: 60px; background: #fff; position: absolute; margin-left: -75px; color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px 0 0 5px; padding-right: 10px;}
#main .timestamp div{ line-height: 1em; text-align: center; font: bold small "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; }
#main .timestamp div.date{ font-size: x-large; line-height: 1em; }
#main .timestamp div.year{ padding-bottom: 4px; color: #BBB;}
#main .timestamp div.month{ padding-top: 4px; letter-spacing: 1px; text-transform: uppercase; }
#main img{ max-width: 600px; float: left; padding: 5px 5px 5px 0; border: 4px solid #eee; }
#sidebar{ float: right; width: 180px; padding: 15px; min-height: 46em;}
#sidebar h2{ font: bold small "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: .25em; }
#sidebar ul{ list-style-type: none; border-top: 1px dotted #4A4A4A; margin-bottom: 2em; list-style-position: outside; }
#sidebar li{ padding: 0; }
#sidebar li a{ border-bottom: 1px dotted #4A4A4A; display: block; text-decoration: none; color: #EEE; padding: 7px 12px; }
#sidebar li.icon a{ padding-left: 36px; background: no-repeat 12px center; }
#sidebar li a:hover{ background-color: #3A3A3A; color: #00C0F3; }
#sidebar li.facebook a{ background-image: url("../img/facebook.png");}
#sidebar li.myspace a{ background-image: url("../img/myspace_icon.gif");}
#sidebar li.linkedin a{ background-image: url("../img/linkedin.png");}
#sidebar li.twitter a{ background-image: url("../img/twitter_icon.gif");}
#sidebar li.flickr a{ background-image: url("../img/flickr_icon.gif");}
#sidebar p{ font-size: x-small; line-height: 1.75em; padding-bottom: 2em; }
#sidebar #feed{ float: right; margin-bottom: 2em; }
#sidebar #flickr{ margin: 0 5px 2em; }
#sidebar #flickr .flickr_badge_image{ margin: 4px 5px; float: left; }
#sidebar #flickr a{ display: block; color: #eee; text-align: right; clear: left; font-size: x-small; }
#sidebar #flickr a:hover{ color: #00C0F3; }
#sidebar li.email a{ background-image: url("../img/email.png"); font-weight: bold; font-size: 1em; }
/* Sidebar */
#searchform{ clear: right; background: #fff; -moz-border-radius: 50px; -webkit-border-radius: 12px; height: 25px; margin-bottom: 2em; }
#searchform #s{ border: none; border-color: #fff; width: 125px; margin-left: 10px; margin-top: 2px; padding: 3px 0; display: block; float: left; font: italic small "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color: #999; }
#searchform #s:focus{ color: #333; font-style: normal; outline: none; }
#searchform #search_submit{ padding: 4px 0 0 0; margin-right: 4px; display: block; float: right; width: 16px; }
/* Footer */
#footer{ background: #1A1A1A no-repeat url("../img/bottom_bg.png"); font-size: x-small; text-align: right; padding: 20px 1.5em 1.5em; color: #5A5A5A; clear: both; }
/* Comments */
h3#comments, h3#respond{ font: bold small "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; clear: both; }
ol.commentlist{ list-style-type: none; border-top: 1px solid #f5f5f5; margin-top: 1em; overflow: hidden; margin-bottom: 4em; list-style-position: outside; }
ol.commentlist li{ border-bottom: 1px solid #f5f5f5; padding: 1em 1.5em; overflow: hidden; margin: 0; }
ol.commentlist li.alt{ background: #fafafa; }
ol.commentlist .comment_text{ width: 70%; float: left; }
ol.commentlist .comment_text p, ol.commentlist .comment_text li, ol.commentlist .comment_text{ font-size: x-small !important; }
ol.commentlist .comment_meta{ width: 25%; float: right; }
ol.commentlist .comment_meta cite{ display: block; text-align: right; margin-bottom: 8px; font-size: x-small; font-weight: bold; }
ol.commentlist .comment_meta cite a{ border-bottom: 1px solid #ddd; }
ol.commentlist .comment_meta cite a:hover{ border-color: #00C0F3; color: #00C0F3; }
ol.commentlist .comment_meta div{ text-align: right; font-size: x-small; }
ol.commentlist .comment_meta div a{ color: #4A4A4A; padding: 1px 2px; }
ol.commentlist .comment_meta div a:hover{ color: #fff; background: #00C0F3; }
#commentform{ margin: 1em 0 0 0;}
#commentform fieldset{ margin-bottom: 1em; }
#commentform label{ display: block; font-size: x-small; color: #6A6A6A; text-transform: uppercase; letter-spacing: 1px; margin-bottom: .2em;}
#commentform label em{ text-style: normal; color: #933;}
#commentform #author, #commentform #email, #commentform #url{ display: block; width: 50%; border: 1px solid #999; padding: .5em; }
#commentform textarea{ width: 90%; border: 1px solid #999; font: small "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; line-height: 1.5em; padding: .5em; }