/*  
Theme Name: Typography
Theme URI: http://kmcnally.net
Description: Theme based on good typography
Version: 1.0
Author: Kyle McNally
Author URI: http://www.kmcnally.net/
*/
header, footer, nav, section, article {display: block;}
body{ 
	color: #333;
	font-family: Quicksand, Helvetica, Arial;
}

@font-face {
	font-family: 'Quicksand';
	src: url('http://kernest.com/embed/quicksand-book');
}

header.site{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 30px;
}
	header.site p#name {
		font-size: 500%;
		margin-bottom: 0;
		text-shadow: 2px 2px 2px #ddccb5;
	}
	
	header.site nav ul{
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 150%;
	}
		header.site nav ul li{ display: inline;}
		
		header.site nav ul li.page_item:after{ content: " | "; }
		header.site nav ul li.page-item-2:after{ content: ""; }
		
#main{
	margin: 0 auto;
	width: 80%;
}

#page{
	width: 75%;
	float:left;
}
#sidebar{
	width: 25%;
	float:left;
}
footer{ 
	clear: both; 
	width: 80%;
	margin: 0 auto;
}
.lifestream{
	font-size: 150%;

}

.lifestream_date{font-size: 1.5em;}

.post{
	width: 600px;
	margin-left: 20px;
	padding: 0 15px;
	margin-top: 20px;
	border: 1px solid #333;
	font-size: 14px;
}
.post p a, .post p a:visited { color:#f06; text-decoration:none; }
.post p a:hover { color:#000; }

#comments {
	width: 550px;
}
#comments li.comment{
	margin: 5px 20px;
}
#comments p.comment-user{
	line-height:100%;
	clear:right;
	margin-bottom:6px;
}
#comments .avatar{
	float:left;
	margin-right:5px;
	border: 1px solid black;
}
#comments .authcomment {background-color: #B3FFCC !important;} 
#comments comment-text{padding:10px;}

form#comments-form{
	padding-left: 60px;
}
form#comments-form p{
	margin-bottom: 0;	
}
#comments-form label {
	color:#999;
	text-transform:0;
}
#comments-form label strong { font-style:italic; }
#comments-form input {
	border:1px solid #999;
	color:#666;
	font-size:.9em;
	margin:4px 0 10px;
	padding:4px;
	width:250px;
}
#comments-form textarea {
	border:1px solid #999;
	color:#666;
	font-size:1em;
	height:150px;
	line-height:140%;
	margin-top:4px;
	padding:3px 5px;
}
#comments-form button#submit {
	background:#fff;
	border:1px solid #999;
	color:#666;
	cursor:pointer;
	font-size:1.2em;
	font-weight:400;
	margin:10px 0 0;
	padding:2px 3px;
	width:140px;
}
#comments-form #submit:hover, #comments-form #submit:active { color:#f06; }

.divide {
	height:25px;
	margin:10px 0 0;
	padding-right:10px;
	text-align:right;
}

a, a:visited {
	color:#f06;
	font-weight:400;
	text-decoration:none;
}
a:active {
	color:#888;
	text-decoration:none;
}
a:hover {
	border-bottom:1px dotted #666 !important;
	color:#000;
	text-decoration:none;
}
acronym {
	border-bottom:1px dashed #666;
	cursor:help;
}
abbr {
	border-bottom:1px dashed;
	cursor:help;
}
img {
	border:0;
	max-width:600px;
}