/* palette
http://www.colorpicker.com/e8ded3
#DED6CE ocre
#CEDECE greenish
#CED6DE bluish
#DECEDE violet
*/
body {
	font-family: "Times New Roman", Times, sans serif;
	font-size: 20px;
	color: purple;
	background-color: #DED6CE;
	padding-left: 11em;
}

h1 { /*   font-family: 'Petit Formal Script';  */
	/*   font-size:60px; */
	/*   font-weight:normal;  */
	font-family: Georgia;
	font-style: italic;
	font-size: 45px;
}

h2 { /*   font-family: 'Petit Formal Script';  */
	font-weight: normal;
	font-size: 1.9em;
	margin-top: 1em;
}

.ornamenth1 {
	margin: 0px 0.4em -7px 0.4em;
	height: 50px;
}

.ornamenth2 {
	margin: 0px 0.7em -7px 0.7em;
	height: 30px;
}

#navbar {
	position: fixed;
	left: 0px;
	top: 0px;
}

#navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2em;
	left: 1em;
	width: 9em
}

#navbar li {
	background: #CED6DE;
	margin: 0.5em 0;
	padding: 0.3em;
	border-right: 1em solid purple;
	border-left: 1px solid purple;
	border-top: 1px solid purple;
	border-bottom: 1px solid purple;
}

#navbar a {
	text-decoration: none
}

#legal {
	background-color: #DECEDE;
	padding: 5px
}

a:link {
	color: #00d
}

a:visited {
	color: #00d
}

.topic_selector {
	width: 50px;
	border-radius: 8px;
	background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(1, 1, 0, 0.5) );
	background: -o-linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(1, 1, 0, 0.5) );
	background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(1, 1, 0, 0.5) );
	background: linear-gradient(to right, rgba(0, 0, 0, 0),
		rgba(1, 1, 0, 0.5) ); /* Standard syntax */
}

footnote {
	margin-top: 1em;
	padding-top: 1em;
	border-top: thin dotted
}

#topiclist input[type="range"] {
    	visibility: hidden;
    	position: absolute;
}

#order-by-topic-selection {
    	visibility: hidden;
    	position: absolute;
}