img { border: none; }

body {
	font-family: 'Pontano Sans', sans-serif;
        font-size: 16px;
	background: #fff;
        color: #222;
        margin: 0;
}

@media (min-width: 50em) {
        #sidebar {
		position: absolute;
		top: 0; left: 0;
		width: 20%;
		padding-bottom: 3em;
	}

	.sidelinks {
		margin: 2em;
	}

	#copyright {
		position: absolute;
		left: 0; bottom: 0;
		height: 3em;
		width: 20%;
	}

	#maincol {
		position: absolute;
		top: 0;	left: 20%; right: -0;
		border-left: 1px solid #ccc;
		min-height: 100%;
	}

	.post {
		margin: 3em 5em 3em 5em;
		width: 80%;
	}

	.postbody { max-width: 800px; }

	.postbody > p, .postbody > ol, .postbody > ul {
		line-height: 1.4;
	}

	.postbody > .wide {
		min-width: 60vw;
	}
}

@media not all and (min-width: 50em) {
	.post, #sidebar {
		margin: 1em;
	}
}

h2 {
	font-size: 150%;
}

.sidelinks {
        color: #606060;
}

.sidelinks h2 {
	margin-bottom: 0.3em;
        line-height: 1.0;
}

.sidelinks ul { margin: 0; padding: 0; list-style-type: none; }
.sidelinks li { margin: 0; padding: 0; list-style-type: none; }

.box + .box {
	border-top: 1px solid #ccc;
}

.postdate { float: right; padding: 0; margin: 0; color: #606060; line-height: 1.0; font-size: 80%; }
.posttitle { padding-top: 0; margin-top: 0; vertical-align: text-top; line-height: 1.0; max-width: 800px;}
.posttitle a { text-decoration: none; color: #000; }

.archive ol { margin: 0; padding: 0; list-style-type: none; }
.archive li { margin: 0; padding: 0; list-style-type: none; }

blockquote {
        margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
	border-left: solid 3px #a0a0a0;
}

tt, pre {
	font-size: 90%;
}


pre {
        margin-left: 1em; padding: 0.5em; background: #eee;
        line-height: 1.2;
	overflow: auto;
}

.postbody img {
	max-width: 100%
}

.bug { padding: 5px; border: 0; }
.wrapped { white-space: normal; }
.caption { margin: 0 0; font-size:70%; }
.mathblock { font-family : serif; text-align: center; }
.math { font-family: serif; }
.mathi { font-family: serif; font-style: italic; }
.copyright { font-style: italic; font-size: 80%; }