body {
	font-size: 14px;
    font-weight: 400;
    color: #4f5d6e;
    margin:0px;
}

body>* {
	max-width: 40em;
	margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'slabo_13px', 'lato', sans-serif;
}
#blogtitle h1,h3{color:#999;}
#blogtitle h1 a,
a:link,
a:visited {
	color: #999;
	transition: color .2s ease;
}

#blogtitle h1,h3 a:hover {
	color: red;
}

#blogtitle h1 a:active {
	color: #046;
}

header {
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 480px) {
img {
         width: 100%;
}
}

h1.blog-title a {
	text-decoration: none;
}

h2.list-title a {
	color: #999;
	text-decoration: none;
}

h1.blog-title a:hover,
h2.list-title a:hover {
	text-decoration: underline;
	color:#999;
}

h2.list-title a:hover {
	color: #999;
}

code {
	font: normal 1em 'Inconsolata', monospace;
	color: #fb557e;
	background: #eee;
	padding: 0 .33em;
	border-radius: .33em;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
}

footer {
	color: #888;
	padding: 1em;
	margin: 2em auto 0;
	background: #eee;
	box-sizing: border-box;
}

footer .postscript {
	font-style: italic;
	color:#999;
}
footer .postscript a {color:#999;}