html, body{
	padding:0;
	margin:0;
}

body{
	background: #2e112d;	
	background: radial-gradient(#000,#2e112d) ;
	font-family: "Alice", sans-serif;
	font-size:15pt;
}


.moddate{
	font-size:0.5em;
	padding-left:10pt;	
}


.page-container{
	background: #fefdfc;	
	max-width: 800px;
	margin: 0 auto;
	padding-top:50pt;
	padding-bottom: 50pt;
	min-height:75vh;
	/*max-height:75vh;*/
	text-align:justify;
	text-indent: 10pt;
	line-height:20pt;
}

section{
	margin-top:2em;
}

section>header{
	text-align:center;
	font-size:26pt;
	line-height:28pt;	
	font-family:"Nova Square", sans-serif;	
}

section>header>em{
	font-size: 16pt;
	font-weight:200;	
	padding-top:1em;
	display:block;
	font-family: "Alice", serif;
}

section>header+hr.story{
	margin-bottom:4em;	
}

section>p{
	max-width:600px;
	margin: auto;
	margin-top:20pt;
	padding: 0 1em 0 1em;
}

hr{
	width:50%;
	border: 1px solid #444;
	
}

footer{
	color: 			#fdb;
	max-width: 800px;
	margin:			auto;
	padding:			 0;
}

footer a, footer a:visited, footer a:hover{
	color:#fdb;
}

footer p{	
	margin:20px;
}

footer .license-text{
	font-size: 0.57em;
	color:#a97;	
}


a{
	text-decoration:none;
	color:#444;	
}
a:visited{
	color:#555;	
}
a:active{	
	color:#444;	
}

.contents{
	font-size:2em;
}

pre{	
	width:80%;
	text-indent: 0;
	margin:auto;
	margin-top:2em;
	padding:2em;
	background:#eee;
	overflow-x: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

code{

}


ul{
	margin-top:-20pt;	
	list-style:none;
	text-align:left;
	font-size:22pt;
	line-height:24pt;	
	max-width:800px;
	padding:0;
	
}
li{
	font-size:14pt;
	max-width:800px;
	margin: auto;	
	padding: 0 1em 0 1em;	
}

ul.mainindex{
	margin-top:0;	
}
ul.mainindex>li{
	font-size: 1em;
	
}

h1{	
	font-family:"Nova Square", serif;
	font-weight:200;
}

.chapterHead, h2{
	text-align:center;
	width:100%;	
}

.chapterHead em{
	font-size:8pt;
	color:#888;
}

p + hr {
	margin-top:100pt;
}