body { 
  	color: black; 
	background: #202030; 
  }
  

  h1 {
  	text-align: center;
	font-family: serif;
	color: #E0E0FF
  }

  h2 {
  	text-align: center;
	font-family: serif;
	color: #302020;
  }
  h3 {
  	text-align: center;
	font-family: serif;
	color: #302020;
  }

  dl.storylist {
  	margin-left: 3%;
	margin-right: 3%;
	padding: 3%;
	background: #E0D0D0;
  }
  dt.storylist {
	font-weight: bold;
  }


  div.maintext {
  	color: #300000;
	margin-left: 5%;
	margin-right: 5%;
  	font-family: sans-serif;
	background: #f0e0e0;
	padding-left: 1%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-style: solid;
	border-color: #b0a0a0;
  }

  div.navigation {
  	color: #202030;
	background: #a0a0b0;
	float: left;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 1%;
	margin-left: 0%;
	margin-right: 5%;
  }

  span.codetext {
  	color: #300000;
	font-family: monospace;
  }
  dl.storylist {
  	margin-left: 3%;
	margin-right: 3%;
	padding: 3%;
	background: #E0D0D0;
  }
  dt.storylist {
	font-weight: bold;
  }


  :link { color: #4040A0; }
  :visited {color: #A040A0; }
  a:active {color: #F080F0; }
  a:hover {color: #7070F0; }