html, body {
	margin: 0;
	font: normal 13pt Calibri, Verdana, sans-serif;
}

html {
	background: #08223e;
	color: #000000;
	padding: 0;
}

body {
	padding: 10px;
}

a, a:visited {
	text-decoration: none;
}

a {
	color: #c0ffc0;
}

a:hover {
	text-decoration: underline;
}

#nav { 
	font-size: 85%; 
	width: 175px;
	float: left;
/*	background-image: url(img/syn-bg-500.png);
	background-repeat: no-repeat;
	background-position: 20px 50px;
*/	
	min-height: 600px;
}

#nav a { color: #eeeeee; }

#nav ol {
	margin: 0;
	padding: 0;
}

#nav ol li {
	list-style-type: none;
	padding: 0.2em 0.4em;
}

#nav ol li.selected {
	background-color: #0a2c4f;
}

#nav ol li.selected span {
	color: #61a2c0;
	text-decoration: none;
}

#content {
	margin-left: 175px;
	border: 8px #0a2c4f solid; 
	border-top: 0;
	background-color: #61a2c0; 
	background-image: url(img/syn-bg-800.png);
	background-repeat: no-repeat;
	background-position: -220px -220px;
	color: #000;
	min-width: 40ex;
	max-width: 130ex;
	height: 100%;
	min-height: 600px;
}

#content li {
	margin-bottom: 0.5em;
}

#content li li {
	margin-bottom: inherit;
}


h1 {
	margin:0;
	padding:0;
	font-size: 1.75em;
}

h2 {
	font-size: 1.25em;
	color: #fff;
	margin-top: 1em;
}

div.clue-title {
	background-color: #0a2c4f;
	padding: 0.75em 1em 0.75em 0.25em;
}

div.clue-title h1 {
	color: #61a2c0;
	margin-left: 0.25em;
}

div.clue-title .clue-nav {
	font-size: 90%;
	margin-bottom: 0.25em;
}

div.clue-title .clue-nav a {
	margin: 0.1em 0.4em;
	text-decoration: none;
	border-bottom: 1px #0a2c4f solid;
	color: #ccc;
}

div.clue-title .clue-nav a:hover {
	border-bottom: 1px #ccc dotted;
}

div.clue-title .clue-nav a.selected {
	color: #fff;
	border-bottom: 1px #fff solid;
}

div.clue-title .solution {
	margin-left: 0.25em;
}


#page_title {
	font-size: 1.75em;
	color:#ffffff; 
	margin-left: 183px;
	padding: 0.5em 0;
}

#msig {
	color:#f0aa11;
}

#clue_text {
	padding: 0em 2em 1em 1em;
	height: 100%;
}

table.credits {
	color: #fff;
	margin-left: 2em;
	margin-right: 4em;
	margin-top: 1em;
}

table.credits th { 
	color: #08223e;
	text-align: right; 
	vertical-align: top;
}

div.spoiler, div.spoiler_body_hidden {
	display: none;
}

div.spoiler_body_shown {
}

div.spoiler_container {
	border: 1px #cc3333 dotted;
	padding: 5px;
}

div.spoiler_container a {
	color: #cc3333;
	font-size: 75%;
	font-variant: small-caps;
}