@charset "UTF-8";
/* CSS Document */

/*
 
Reset Default Browser Styles
- Place first in the listing of external style sheets for cascading.
- Be sure to explicitly set margin/padding styles.
- Styles are not reset that have to do with display (block, inline) are not reset.
 
By: Chris Poteet & various influences
 
*/
 
* {
vertical-align: baseline;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: none;
padding: 0;
margin: 0;
}

body {
	padding: 20px;
	font-family:Avenir, Arial, Helvetica, sans-serif;
	background-color:#eee;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.05em;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl {
margin: 20px 0;
}

li, dd, blockquote {
margin-left: 0px;
}

dt {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: "Avenir";
    src: url("fonts/AvenirNextLTPro-Medium.otf");
}

@font-face {
    font-family: "Avenir";
    font-style: italic;
    src: url("fonts/AvenirNextLTPro-MediumIt.otf");
}

@font-face {
    font-family: "Avenir";
    font-weight: bold;
    src: url("fonts/AvenirNextLTPro-Bold.otf");
}

@font-face {
    font-family: "Avenir";
    font-weight: bold;
    font-style: italic;
    src: url("fonts/AvenirNextLTPro-BoldIt.otf");
}

@font-face {
    font-family: "Avenir";
    font-weight: 100;
    src: url("fonts/AvenirNextLTPro-UltLt.otf");
}

@font-face {
    font-family: "Avenir";
    font-weight: 100;
    font-style: italic;
    src: url("fonts/AvenirNextLTPro-UltLtIt.otf");
}

/*-------------------------------------------------------------------------------------------------*/

#wrapper{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}

#left{
	height:100%;
	position:fixed;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#eee;
}

.logo{
	margin-left:-10px;
	margin-top:10px;
	margin-bottom:50px;
	float:left;
	margin-right:16px;
}

#menu{
	width:106px;
	margin-right:16px;
	list-style:none;
	text-align:center;
	float:left;
}

.post{
	margin-bottom:60px;
}

.post_title{
	margin-bottom: 5px;
	font-size: 20px;
    line-height: 30px;
	font-weight:bold;
	margin-top: -3px;
}

.post_image{
	height:auto;
	width: 100%;
	max-width: intrinsic;
	max-width: -moz-max-content;
	background-color:#000;
	margin-bottom: 10px;
}

.post_meta{
	font-size: 12px;
    line-height: 14px;
}

@media all and (min-width: 0px)
    {
        #left { 
		position:inherit; 
		margin-top:0px; 
		margin-left:10px;
		padding-top:0;
		width:100%;
		}
		#menu{margin-top:185px;}
        #content { clear:left; margin:0;}
    }
@media all and (min-width: 600px)
    {
        #left { 
		position:fixed; 
		margin-top:0px;
		padding-top:20px;
		width:106px;
		}
		#menu{margin-top:0;}
        #content {	clear:left; margin-left:234px;	margin-top:190px;}
    }