/* stupid internet explorer... */
main, aside, section, nav {display:block;}

html, body {
	padding:0;
	margin:0;
	height:100%;
	font:12pt sans-serif;
}

ul {
	margin:0;
	padding:0;
	list-style-position:inside;
}

li {
	margin:0 0 .25em 0;
	padding:0;
}

hr {
	margin:1em 0 1em 0;
	padding:0;
	height:1px;
	border:none;
	background-color:#CCCCCC;
}

#sidebar, main {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:.5em .75em .5em .75em;
}

#sidebar {
	background:#CCFFCC;
	color:#000;
	width:14em;
	position:fixed;
	height:100%;
}
#sidebar hr {background:#A3CCA3;}

main {
	margin-left:14em;
	padding-bottom:3em;
}

#title {
	margin-bottom:.5em;
	text-align:center;
	font-weight:bold;
}
#subtitle {
	font-size:.8em;
	text-align:center;
}

nav a {color:#006600;}
#sidebar nav a {text-decoration:none;}
#sidebar nav a:hover {text-decoration:underline;}

#sidebar nav ul {
	list-style-type:none;
	list-style-position:outside;
}

.links {
	word-spacing:.25em;
}
.links a {word-spacing:0;}
#sidebar .links {font:12pt monospace;}


h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
	padding:0;
	font-size:1em;
}

section {margin:0 0 2em 2em;}
section > h1, section > h2, section > h3 {
	margin-left:-2em;
}

.external {font-style:italic;}


p, .story > img {
	padding:0;
	margin:0 0 1em 0;
}


/* Thumbnails */
.thumbs {overflow:hidden;}
.thumbs a img {
	display:block;
	height:100px;
	border:2px solid black;
	margin:0 .25em 1em 0;
	float:left;
}
.thumbs hr {clear:both;}
.thumbs .multi img {border-style:dashed;}


/* Post Page */
#the-image {
	max-width:100%;
}

.page-nav {
	display:block;
	margin-top:2em;
	font-size:1.2em;
	font-weight:bold;
	cursor:default;
}
.page-nav a {text-decoration:none;}
.page-nav a:hover {text-decoration:underline;}
.page-nav a.disabled {
	color:#99CC99;
	cursor:not-allowed;
}
.page-nav a.disabled:hover {text-decoration:none;}
.page-nav ul {
	list-style-type:none;
	list-style-position:inside;
}

#page-comment {
	background:#FFB870;
	color:#000;
	margin-top:2em;
	padding:.5em .75em .5em .75em;
	overflow:hidden;
}

#disqus_thread {
	margin-top:2em;
}


img.choice {
	display:block;
	width:300px; height:300px;
	float:left;
	margin:0 1em 1em 0;
}