/*
Theme Name: Pressed
Theme URI: http://www.dherrera.org
Description: The theme of Dave Herrera's Pressed blog, based on Elliot Jay Stocks' Starkers theme.
Version: 1.0
Author: DH
Author URI: http://www.dherrera.org
Tags: clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* global
====================================================*/

html, body
{
	height: 100%;
}

body
{
	font-family: sans-serif;
	color: #333;
	background-color: #333;
}

a
{
	/* color: #336799; */
	color: #4e87d5;
}

a:visited
{
	color: #55549d;	
}
	
.image-right
{
	margin: 1em 0 1em 1em;
	border: 2px solid black;
	float: right;
}


/* header
====================================================*/
	
#header
{
	padding: 3% 5%;
	text-align: center;
	line-height: 3em;
}

#header h1 
{
	font-size: 3em;
}

#header p
{
}
	
#header a
{
	text-decoration: none;
	color: #000000;
}

#breadcrumbs,.breadcrumb
{
	font-size: .9em;
	padding: 3% 5%
}

/* container
====================================================*/

#container
{
	margin: 0 0 -10%;
	width: 50em;
	min-height: 110%;
	height: auto !important;
	height: 100%;
	background-color: white;
}

/* posts
====================================================*/

.post
{
	font-size: .8em;
	width: 65%;
	padding: 0 0 0 5%;
	padding-bottom: 1em;
	float: left;
}

.post h1 /* headlines */
{
	color: black;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 .3em 0;
	padding-top: 1em;
	border-top: 1px dotted black;
}

.post h2 /* subheads */
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 1em 0;
}

.post p, .post ul, .post pre
{
	font-size: 1em;
	margin: 0 0 1.5em 0;
	line-height: 1.5em;
}

.post ol {
	margin-left: 1.5em;
	}
	
.post ol li {
	list-style-type: decimal;
	}

.links
{
	padding: 1.5em;
	border: 1px solid #333;
}

h1 a,h1 a:visited,h2 a,h2 a:visited
{
	color: #000;
	text-decoration: none;
}

.updates
{
	color: #cc6666;
}

.index-dateline
{
	font-size: .9em;
	margin-bottom: 1em !important;
}

blockquote {
    margin: 1em 2em;
    color: #666;
    border-left: 2px solid #999;
    padding-left: 1em; }


/* sidebar
====================================================*/
	
#sidebar
{
	width: 17%;
	float: right;
	margin: 0 0 -10% 0;
	padding: 0 5% 0 1%;
	font-size: 0.8em;
	line-height: 1.5em;
	border-left: 1px dotted #333;
	min-height: 100%;
	height: auto !important;
}

#sidebar ul
{
	margin: 0 0 0 5%;
}

#sidebar h2
{
	font-weight: bold;
	margin: 1em 0 0 0;
}

.feed
{
	margin-right: 3px;
	padding: 0 19px 0 0;
	background: url("images/feed-icon-14x14.png") no-repeat 100% 50%;
}

#searchform
{	
	margin: 1em 0 0 0;
}

/* footer
====================================================*/
	
#footer
{
	height: 10%;
	font-size: .8em;
	padding: 1em 0; /* to separate between footer, blog posts */
	margin: 1em 0 0 5%;
	clear: both;
}

/*
#footer p
{
	text-align: center;
}
*/


.disclaimer
{
	color: #666;
}

/* single posts
====================================================*/

#single-headline
{
	font-size: 1.7em;
	line-height: 1.4em;
}

.single-dateline
{
	font-size: .8em;
	text-align: right;
}

.sociable
{
	margin-bottom: 1em;
}

.sociable ul, .sociable li
{
	display: inline;
}

/* comments
====================================================*/

h3#comments-header,h3#respond
{
	margin: 0 0 1em; 0; /* space beneath "Comments" header */
	font-size: 1.5em;
}

.avatar	{
	margin-left: 1em; /* indent avatar */
}
	
.commenter
{
	font-weight: bold;
	margin-left: 1em; /* put space between avatar and commenter name */
}

.comment-body
{
	margin: 1em 1em 0 1em; /* 1em space on all sides; bottom padding handled by .comment-list li */
}

.comment-list li /* individual comments */
{
	padding: 1em 0; /* pad top and bottom of entire comment, allows for equal background-color on auth comments */
	border-top: 1px solid #333;
	list-style: none; /* remove bullet for each comment */ 
}

code
{
	color: #999;
	font-size: small;
	line-height: 1em;
}

.alt /* alternately-colored comments */
{
/* 	background-color: #e6e6e6; */
}

.authcomment /* specially color my comments */
{
/*
	border: .5em solid #ff924e;
	margin-bottom: 1em;
 	border-left: 1px solid #ff924e; */
	background-color: #e7ebf3;
}

h3#respond	{
	margin-top: 1em; /* add space between bottom comment and 'leave response' callout */
	}


/* archives
====================================================*/

ul.archives-list li
{
	list-style-type: disc;
	list-style-position: inside;
}

/* print styles
====================================================*/

@media print 
{
	body 
	{
		background:white; 
		color:black; 
	}
	#container,.post /* show these elements in print style */
	{
		float: none;
		width: auto;
		display: block;
	}
	.sociable,.disclaimer,#sidebar,#commentform /* hide these elements in print style */
	{
		display: none;
	}
	
}