/*
Theme Name: Lightpost
Theme URI: http://lokeshdhakar.com/
Description: A LIGHT theme, with a focus on the blog POST. Designed from scratch for my site: lokeshdhakar.com. Please don't copy without permission. Use bits and pieces, but do something unique and new.
Version: 1.0
Author: Lokesh Dhakar
Author URI: http://www.lokeshdhakar.com
Tags: multiple columns, custom header, grid


Colors
	orange: #e38b4c
	dull green: #88ab7f
*/

@import url("reset.css");

/* TEMP */
#nav-above,
#nav-below{ display: none;}

/* BASE ---------------------------------------------------------- */
body{ background-color: #fff; }
body, input{ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; color: #333; font-size: 13px; text-rendering: optimizeLegibility; }

a{ color: #338fb3; text-decoration: none; }
/*a:hover{ color: #103c58; }*/

h1, h2, h3, h4, h5{ font-weight: bold; margin-bottom: 7px; }
h1{ font-size: 20px; line-height: 27px;} 
h2{ font-size: 14px; line-height: 21px; }
h3{ font-size: 14px; line-height: 21px;}
h4{ font-size: 12px; line-height: 19px;}
h5{ }

p{ line-height: 20px; margin-bottom: 20px;}

ul{ margin-bottom: 20px;}
li{ line-height: 20px; margin-bottom: 7px;}

em { font-style: italic; }
strong{ font-weight: bold; color: #666;}
/*
small{ font-size: 90%; }
del { text-decoration: line-through;}
pre{ display: block; margin: 1em 0; padding: 0 .5em; overflow: auto;  background-color: #eee;}
code{ font-family: monospace; }
pre code{ line-height: 1.3em;}
abbr, acronym{ border-bottom: 1px dotted #333;}
*/

/* FORMS ---------------------------------------------------------- */
/*
input[type="text"],textarea,select{	background-color: #fff; border: 1px solid #bbb; border-top: 2px solid #bbb; padding: .1em .2em;  }

input[type="submit"]{  font-weight: bold; padding: .25em; font-weight: bold; border:1px solid #abadb3; background: #fff; }
input[type="submit"]:hover{ background-color: #bbb; cursor: pointer;}
input:focus, textarea:focus, select:focus { background-color: #ffc; border-color: #fc6; }

label { display: block; padding-top: .5em;  line-height: 1.5em; color: #666; }
*/



/* Layout ---------------------------------------------------------- */

#wrapper{ margin: 100px auto; width: 960px; }
#bd{ width: 620px; float: left;}
    .post{ position: relative; margin-bottom: 70px;}
        .entry-meta{ position: absolute; top: 0; width: 140px; }
        .entry-title,
        .entry-content,
        .entry-utility{ padding-left: 180px;}
#side{ width: 220px; float: right;}
#ft{ }


/* Sidebar ----------------------------------------------- */
#side{ font-size: 12px;}
#side h1{ margin-bottom: 0; padding: 3px 10px 0 10px; font-size: 14px;}
#side h1 a{color: #333; }
#side .mini-bio{ padding: 0 10px;}

#side .menu ul{ border-top: 1px solid #e3e3e3; margin-bottom: 0;}
#side .menu li,
#side .nav li{ margin-bottom: 0;}
#side .menu a,
#side .nav a{ color: #333; display: block; padding: 5px 10px; border-bottom: 1px solid #e3e3e3;}


/* Post ----------------------------------------------- */

.entry-meta{ padding-top: 6px; line-height: 20px; color: #999; text-align: right;}
.entry-meta a{ color: #999;}

.entry-title{ font-size: 20px; line-height: 27px; margin-bottom: 0;}
.entry-title a{ color: #333;}




.post .files{ margin: -.4em 0 1.75em 0;}
.post .files .specs{ color: #999; font-size: 92%;}
.post .files .file.pdf{ background: url(img/pdf_icon.png) no-repeat; padding-left: 40px; height: 34px;}
.post .files .file.illustrator{ background: url(img/illustrator_icon.png) no-repeat; padding-left: 40px; height: 34px;}
.post .files .file.map{ background: url(img/map_icon.png) no-repeat; padding-left: 40px; height: 34px;}


.post .diagram{ float: left; margin: 0 1em .5em 0; border: 1px solid #999;}
.post .diagram-alt{ float: right; margin: 0 0 .5em 1em; border: 1px solid #999;}

.alignnone{ margin: .5em 0;}

.entry-content .size-full,
.entry-content .wide{ margin-left: -180px;}

/*
.categories{ width: auto; margin-bottom: 0.5em;}
.categories a{ display: block; float: left; color: #000; background-color: #fb6; padding: .2em .4em .2em .4em; margin-right: 0.4em; font-size: 85%;}
*/

/*
.post .continueReading{ margin-bottom: 1em;}
.post .continueReading a{ font-size: 122%;}
*/






/* POSTS SPECIFIC ----------------------------------------------- */

.coffee { text-align: center; font-size: 92%; font-family:  Arial, Helvetica, sans-serif; }
.coffee .diagram{ margin: 0 1.5em 1.5em 0; border: none;}
.coffee h3{ text-transform:none;}
.coffee h3 small{ color: #999;}

.pitch { border-bottom: 1px solid #999; padding: 1em 0; margin-bottom: 1em;} 
.pitch.first{ border-top: 1px solid #999;}
.pitch .diagram{ border: none;}
.pitch h3{ padding-bottom: .2em;}
.pitch ul li{ margin-left: 1.1em;}


/* ARCHIVES ----------------------------------------------- */

#archives .stats{ margin-left: 10em; margin-bottom: 1em;}
#archives .stats p{ font-size: 146%; line-height: 1.3em; }
.archives #nav .archives a{ color: #fff; background-color: #000;}
.archives .module{ margin-bottom: 1em;}
.archives .year{  font-weight: bold; background-color: #ddd;}
.archives .year div{ padding: 0.2em 0 0.2em 0.4em; font-size: 146%;}

.archive-list{ margin-top: -.3em; margin-bottom: 1em ; border-top: 1px solid #eee; }
.archive-list td{ padding: .4em 0;  border-bottom: 1px solid #e3e3e3; }
.archive-list .date{ width: 6em; font-size: 92%;}
.archive-list td.title{ width: 19em; overflow: hidden; }
.archive-list td.title a{ color: #000;  font-size: 92%;}
.archive-list td.title a:hover{ color: #f30;}
.archive-list td.comment-count{width: 12em; font-size: 92%;}
.archive-list td.comment-count .commentBar{ background-color: #ed6; height: 1.2em;}


/* COMMENTS ----------------------------------------------- */

#comments{ border-top: 3px solid #555; padding-top: 2em; padding-bottom: .5em; }
.commentCount{ background: url(img/speech_bubble_point.gif) 10px 100% no-repeat; padding-bottom: 8px; margin-bottom: 12px;}
.commentCount span{ float: left; display: block; font-weight: bold; background-color: #eee; border: 1px solid #ddd; color: #555;  padding: .2em .4em; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.comment{ margin-bottom: 2em;}
.comment .authorpic{float: left; width: 80px;}
.comment .entry{ margin-left: 100px; }
.comment .date{ color: #999; font-weight: normal; font-size: 14px;}
.comment .actions{ font-size: 14px; margin-top: -1em;}
.comment .actions a{ color: #88ab7f; font-weight: bold;}
.comment .actions a:hover;{ color: #386b2f; }


.comment .entry p:last-child{ margin-bottom: 0; padding-bottom: 0;}
.comments_wrap .left img {
	border: #D7D7D7 1px solid;	
	padding: 1px !important;
}

.comments_wrap .right {
	margin-left: 55px;
}

.comments_wrap .right h4 {
	font-size: 11px !important;
	text-transform: none;
	padding: 0;
	font-weight: normal;
}

.comments_wrap .right h4 b {
	font-size: 12px !important;
}

.comments_wrap .right h4 a {
	text-decoration: none;
}

.comments_wrap .right h4 a:hover {
	text-decoration: underline;
}

.comment-author{ float: left; width: 160px;}
.comment-author .avatar{ float: left; margin-right: 10px;}
.comment-author cite{ font-style: normal; }
.comment-author .says{ display: none; }




.comment{ padding: 1em 0 .5em 0; }
.comment-content{ }


#comment-form{ margin-left: 10em; margin-top: 4em; }
#comment-form #author,
#comment-form #email,
#comment-form #url{	width: 12em; }
#comment-form #comment{	width: 34.5em; margin-top: 1em; }



/* POSTS SPECIFIC ----------------------------------------------- */

.coffee { text-align: center; }
.coffee .diagram{ margin: 0 15px 15px 0; border: none;}
.coffee h3{ font-size: 13px; text-transform:none;}
.coffee h3 small{ color: #999;}

.pitch { border-bottom: 1px solid #999; padding: 1em 0; margin-bottom: 1em;} 
.pitch.first{ border-top: 1px solid #999;}
.pitch .diagram{ border: none;}
.pitch h3{ padding-bottom: .2em;}
.pitch ul li{ margin-left: 1.1em;}



/* CLEAR FIX  ---------------------------------------------------------- */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,
*:first-child+html .clearfix{zoom:1}