
/* http://www.colorcombos.com/color-schemes/16/ColorCombo16.html */
body {
	position: relative;
	/*background-color: #0099cc;*/
	background-image: url('img/chalk.jpg');
	width: 50em;
	margin-left: 5em;
	margin-top: 2em;
	font-family: Gill Sans;
	/*outline: 1px solid black*/
}

ul {
	width: 30em;
}

ul > li {
	margin-bottom: 1.5em;
}

pre.title {
	color: #274245;
	position: relative;
	left: 4em;
}

h1 {
	color: #274245;
}

div.tilde {
	position: relative;
	margin: 5em 5em 5em 5em;
}

div.tilde ol > li {
	margin: 1em 0 0 0;
}

div.post {
	position: relative;
	outline: 1px dotted #AAA;
	margin: 3em 3em 0em 3em;
	padding: 1em 1em 1em 1em;
	width: 75%;
	background-color: #66CCFF;
}

/* title */
div.post h2 {
	color: #CCFFCC;
}

/* date */
div.post h3 {
	color: #444;
	position: absolute;
	top: -5px;
	right: 1.5em;
	font-size: 75%;
}

div.post img {
	width: 100%;
}

div.post span.permalink {
	display: inline-block;
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	font-size: 75%;
	color: #CCFFCC;
}

div.post span.permalink a {
	color: #CCFFCC;
	text-decoration: none;
}



div.sidebar {
	color: #444;
	position: fixed;
	/*float: right;*/
	top: 2em;
	left: 50em;
	/*top: 10.5em;*/
	width: 18em;
	/*outline: 1px solid red*/
}

div.sidebar a {
	color: #009;
}

div.sidebar h3 {
}

div.sidebar ul {
	list-style-type: none;
	margin-left: 0px;
}

div.sidebar ul li {
	margin-left: 0px;
	position: relative;
	left: -2em;
}


div.ring {
}


div.archivelist {
	margin-top: 4em;
	margin-bottom: 4em;
	margin-left: 10em;
	line-height: 110%;
}

div.archivelist ul {
	list-style-type: none;
}

div.archivelist ul li {
}

div.archivelist span.year {
	font-size: 150%;
}

div.archivelist ul li span.month {
	font-size: 110%;
}
