@font-face {
	font-family: 'Inconsolata';
	src: url('/font/Inconsolata.otf');
}

body {
	font-family: 'serif';
	line-height: 1.4;
	background-color: white;
	color: black;
}

#page {
	max-width: 72em;
	margin: 0 auto;
}


a {
	color: rgb(61, 61, 204);
	text-decoration: none;
}
a:visited { color: rgb(82, 82, 204); }

article a {
	text-decoration: underline;
}

code, pre {
	font-family: 'Inconsolata', 'monospace';
}

blockquote {
	border-left: solid 0.25em;
	border-color: rgb(200, 200, 230);
	padding-left: 0.5em;
}

pre {
	border-radius: 0.25em;;
	background-color: rgb(200, 200, 230);
	padding: 0.5em;
}

img {
	border-radius: 5px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

nav {
	text-align: right;
}
nav a, nav a:visited {
	border-radius: 0.25em;
	padding: 0.2em 0.5em;
	background-color: rgb(230, 230, 240);
	color: rgb(20, 20, 20);
}

.posts {
	list-style-type: none;
	display: table;
}
.posts li { display: table-row; }
.postdate, .postlink { display: table-cell; }
.postlink:before {
	content: "\00BB";
	padding: 0.5em;
}
.postdate {
	white-space: nowrap;
}

#rss_link {
	background: url('/img/rss.png') 100% 50% no-repeat;
	padding-right: 15px;
}