html {
	font-family: sans-serif;
	background: #e5e5ff;
	color: black;
}

.hidden {
	display: none;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.0em;
}

div#outer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 80%;
	border: solid black 1px;
}

div#header {
/*	background: #4e8eef; */
	background: #6eaeef;
	border-bottom: solid gray 1px;
}

div#header a:link, 
div#header a:visited, 
div#header a:active,
div#header a:hover {
	color: black;
	text-decoration: none;
	z-index: 597;
}


div#logo {
	margin: 0.25em;
	float: left;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	color: #5e9eff;
}

div#logo img {
    vertical-align: top;
}

div#logo a:link, 
div#logo a:visited, 
div#logo a:active, 
div#logo a:hover {
	color: #2e5eaf;
	text-decoration: none;
	font-size: 1.3em;
}

div#features {
	float:right;
	font-size: 0.85em;
}

div#features div {
	border-left: solid black 1px;
	padding: 0.25em;
	display: inline;
}

a:hover div.options {
	display: inline;
}

div.options {
	font-size: 0.8em;
	clear: right;
	float: right;
}

div.options div {
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	padding: 0.025em; /* 0.125em; */
	display: inline;
}

div#statusbar {
	clear: both;
	margin-left: 0.5em;
}

div.body {
/*	width: 60%; */
	background: white;
	margin: 0;
	padding: 0.5em 5em 0.5em 5em;
	clear: both;
}

div.article {
	font-size: 0.85em;
}

div.left {
	float: left;
	border-right: solid black 1px;
}

div.right {
	float: right;
	border-left: solid black 1px;
}

div#footer {
	clear: both;
	font-size: 0.6em;
	background: gray;
	min-height: 1.6em;
	border-top: solid black 1px;
	text-align: right;
	padding-left: 1em;
	padding-right: 1em;
}

div.thoughts {
	background: #2efea0;
}

div.thoughts:hover {
	background: #4ede80;
}

div.jargon {
	background: #efaf23;
}

div.jargon:hover {
	background: #cf8f03;
}

div.shade {
	background: #afaff0;
}

div.shade:hover {
	background: #8f8fd0;
}

div.scrawl {
	background: #7faff6;
}

div.scrawl:hover {
	background: #5f8fd6;
}

div.outward {
	background: #a0a0a0;
}

div.outward:hover {
	background: #808080;
}

div.contact {
	background: #fea0a0;
}

div.contact:hover {
	background: #de8080;
}

/* Simple w3button3 from http://www.sovavsiti.cz/css/w3c_buttons.html */

.w3cbutton3 {
/*  margin: 1em 0; */
	margin-right: 1em;
/*  width: 9em; */
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
/*  font-size: 70%; */
  font-weight: bold;
  float: left;
}
.w3cbutton3 a {
  display: block;
  width: 100%;
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

a:link, a:active {
	color: #0000ff;
	text-decoration: none;
}

a:visited {
	color: #0000aa;
	text-decoration: none;
}

a:hover {
	color: red;
}

a img {
	border: 0;
}