body {
	position: relative;
	top: 0;
	left: 0;
	width: 1255px;
	margin: 0.5em 1em 4em;
	font-family: monospace;
	font-size: 14px;
	line-height: 2;
	/*background-color: lavender;*/
	/*color: blueviolet;*/
	background-color: dimgray;
	/*background-color: darkslategray;*/
	/*background-color: darkcyan;*/
	/*background-color: mediumpurple;*/
	color: yellow;
}

div#side{
	position: absolute;
	top: -0.5em;
	left: 0;
}
div#main{
	position: relative;
	margin-left: 115px;
}
header,
section#intro,
footer{
	position: relative;
	width: 100%;
	margin: 0 0 1em 0;
}
	section#intro,
	article.post{
		width: calc(100% - 4em);
		padding: 2em 0 2em 2em;
	}
	section#intro div#column1,
	section#intro div#column2{
		width: calc(50% - 2em);
		display: inline-block; 
		vertical-align: top;
	}
	section#intro div#column1{
		padding-right: 3em;
	}

article.post div.post-content{
	width: 800px;
	margin: 2em 0;
}
footer p#colophon{
	width: 75%;
	margin: 1em auto;
}

h1, 
h2, 
h3,
h1 a,
h2 a,
h3 a{
	font-family: "White Rabbit";
	margin: 0 0 1.5em 0;
	padding: 0;
	font-weight: normal;
}
	h1#title{
		width: 100%;
		font-size: 150%;
		text-align: center;
	}
	pre#backlink a{
		text-decoration: none;
		color: yellow !important;
	}

a, 
a:visited,
a:active{
	color: pink;
	/*color: aquamarine;*/
	/*color: gainsboro;*/
}

p{
	margin: 0 0 1em 0;
}

hr{
	border: 0;
	margin: 2em 0;
	color: inherit;
}
	hr:before{
		content:"...............................................................................................";
	}

img{
	max-width: 250px;
	margin: 0 0.5em;
}

/* ASCII */
header pre,
footer pre, 
article.post pre,
section#content pre{
	line-height: 1;
	margin: 0;
}
div#side{
	line-height: 2;
}
pre#title{
	line-height: 2;
}