@import url(reset.css);
@import url(typography.css);
body{
	font-size:100%;
}
    	
h2{ font-size:3em; }
h3{ font-size:2em; }

a{ text-transform:none; }
a img{ border:0;}

ul,ol{ margin-right:0; }

.container{
	width:500px;
	padding-left:120px;
	margin:0 auto;
}

#header{
	margin-bottom:3em;
}
#header, #pagination{
	background:#222;
	color:#eee;
	padding:1em 0 0.4em;
}
	#header .title{
		color:#fff;
		font-size:1.8em;
		font-weight:100;
		margin-bottom:0;
		background-color:transparent;
	}
	#description{
		color:#ffd;
		font-size:1.3em;
		font-style:italic;
	}
	#header p{
		margin-bottom:0;	
	}
	
	#header a, #pagination a{
		color:#ffe;
		text-decoration:none;
	}
		#header a:hover, #header a:focus, #pagination a:hover, #pagination a:focus{
    		color:#fff;
    	}
	
	#header ul{
		list-style-type:none;
		margin:0.5em 0.4em 0 0;	
		padding-top:0.25em;
		border-top:1px solid #444;
	}
		#header ul li{
			display:inline;	
		}

ol#posts{
	list-style-type:none;
	margin-left:0;	
}



.post{
	font-size:0.875em;
	margin-bottom:3em;
	border-bottom:1px solid #ddd;
}
	.post:last-child{
		border-bottom:0;
	}
	.post h3{
		margin:0 0 0.5em -2px;
	}
	.post h4{
		
	}
	
	.date{
		font-weight:bold;
		text-align:center;
		font-size:1em;
		margin:2em 0 1em 0;
		padding:0.1em 0;
		border-top:1px solid #888;
		border-bottom:1px solid #888;
	}
	
	.post .meta{
		margin:0 0 0 0;
		float:left;
		color:#666;
		background-color:#eee;
		width:100px;
		padding:3px 5px;
		margin-left:-120px;
	}
		.post .meta p{ margin-bottom:0.5em; }
	.post-type{
		font-size:1em;	
		margin-bottom:0em;
		color:#888;
		font-weight:bold;
		text-transform:uppercase;
	}
		.post-type a, .post-type a:visited{
			color:#444;
			text-transform:uppercase;
			background-color:transparent;
		}
			.post-type a:hover, .post-type a:focus{
				color:#666;
			}
	
	.tags{
		list-style-type:circle;
		margin:0;
		font-size:0.85em;
	}
		.tags li{
			margin:0 0 0 15px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			border-radius:2px;
			border:1px solid transparent;
		}
		.tags a{
			text-decoration:none;
			display:block;
		}

	
	.text{
	}
		.text h3 a{
			text-decoration:none;
		}
	
	.photo{
		
	}
		.photo .caption{
			margin-bottom:1.5em;
		}
	.photo a:hover{ background-color:transparent; }
	.photo .caption a:hover{ background-color:#2361AC; }
		
	.quote .body{
		font-size:3em;
		color:#444;
		line-height:1;
	}
		.quote .quo{
			color:#000;
		}
		.quote:hover .quo{
			color:#2361AC;
		}

		.quote .source{
			margin-top:0.5em;	
		}
	a.link{
		font-size:2em;
		text-transform:uppercase;
	}
	
	.chat{}
		.chat h3 a{
			text-decoration:none;
		}

#pagination{
	padding-left:1em;
	padding-right:1em;
	text-align:center;
}

#footer{
	border-top:1px solid #ddd;
	margin:1em 0;
	padding-top:1em;
	clear:both;
}
	.copyright{
		text-align:center;
		font-weight:bold;
		border-top:1px solid #ccc;
		padding-top:1em;
		clear:both;
	}
	.copyright a{ background-color:transparent;}
	
	#footer h2{
		font-size:1em;
		font-weight:bold;
		margin:0 0 0.5em 0;	
	}
	
	.tumblr-icon{
		float:left;
		margin:4px 5px 0 0;	
	}
	
	#footer .col{
		padding-bottom:1em;	
	}
	
	#footer .search{
		margin-bottom:1em;	
	}
	
.col{
	width:48%;
	float:left;	
}
.col.first{
	margin-right:4%;	
}

#disqus_thread a:hover{
	color:#666;
}
#disqus_thread #dsq-content .dsq-login-buttons{
	background:transparent none;
}


/* Clears floats within element */
.clear{display:inline-block;}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear{height:1%;}
.clear{display:block;}