/* GENERAL ----------------------------*/

img{
	max-width: 100%;
	height: auto;
}

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

h1, h2, h3, h4{
	font-family: "lft-etica", sans-serif;	
}

h1{
	font-size: 2em;
	line-height: 1.2;
}

h2, h3, h4{
	margin-top: 1.2em;
	margin-bottom: .5em;
}

p{
	margin-top: 0;
	margin-bottom: 1em;	
}

pre{
	max-width: 100%;
	margin-bottom: 1em;	
}

code{
	max-width: 100%;
	overflow: auto;
}

pre code{
	display: block;
}

/* TEMPLATE ----------------------------*/

html{
	font-size:110%;
	color: #424242;
}


body{
	background: #FBFAF5;
	max-width: 40em;
	padding:2em 8%;
	margin: 0 auto;
	line-height: 1.8;
	font-family: "adelle", georgia, serif;
}


code{
	background: #EEE;
	background: rgba(0, 0, 0, .05);
	border: 1px solid #CCC;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 3px;
	padding: .1em .5em;
	display: inline-block;
	vertical-align: middle;
}

.img-cont{
	text-align: center;
}

.main-header{
	border-bottom: 4px solid #FF6644;
	padding-bottom: 1em;
	margin-bottom: 2em;
	line-height: 1.3;
}
.main-header .title{
	display: block;
	font-size: 2em;
	line-height: 1.5;
	font-family: "lft-etica", sans-serif;
}



.main-footer{
	border-top: 4px solid #FF6644;
	padding-top: 1em;
	margin-top: 2em;
}



/* ARCHIVE ----------------------------*/

.archive{
	list-style:none;
	padding-left:0;
	margin: 0;
}

.archive a{
	color: #424242;
}

.archive li{
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px dashed rgba(0, 0, 0, .2);
	overflow: hidden;
}

.archive li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.archive li > a{
	margin-right: .5em;
}

.archive .date {
	color: rgba(0,0,0,.4);
	white-space: nowrap;
}

/* POST ----------------------------*/
.entry-date{
	margin-top: -1.5em;
	color: rgba(0, 0, 0, .4);
}