body {
	margin: 0;
	font-size: 9pt;
	font-family: sans-serif;
}

body, span.round {
	background-color: #A09070;
}

table.contentsep {
	margin: 0px;
	padding: 0px;
}

a {
	color: #c64;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	text-shadow: #A09070 1px 1px 5px;
}

hr {
	border: none;
	height: 1px;
	background-color: #A09070;
}

/*  Boxes and Round Boxes */
div.box {
	background-color: #F0E0B0;
	color: #321;
}

div.boxcontent {
	padding-left: 0.3em;
	padding-right: 0.6em;
}

span.round {
	display: block;
}

span.round * {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #F0E0B0;
}
 
span.r1 {
	margin: 0 5px;
}

span.r2 {
	margin: 0 3px;
}

span.r3 {
	margin: 0 2px;
}

span.r4 {
	margin: 0 1px;
	height: 2px;
}



li.event, li.ownevent {
	margin-bottom: 3em;
}

li.ownevent {
	border: 4px ridge #A09070;
}

li.gamepresence {
	margin-bottom: 0.25em;
}

div.eventheading {
	background-color: #E0D0A0;
}

li.ownevent div.eventheading {
	background-color: #E0D0A0;
}

div.box a {
}

div.title {
	text-shadow: #A09070 1px 1px 10px;
	font-size: 200%;
	text-align: center;
	margin-bottom: 0.5em;
}

/* Side menu */
div.sectionmenu {
	font-size: 8.5pt;
	width: 14.5em;
}

div.sectionmenu a, input {
}

div.sectionmenu input[type=text], input[type=password] {
	border: 1px solid #A09070;
	background-color: #F0E0B0;
	color: #321;
	width: 100%;
}

div.sectionmenu input[type=submit] {
	margin-top: 0.5em;
}

div.sectionmenu input:hover {
	background-color: #A09070;
	color: #fff;
}

div.sectionmenu td {
}

div.sectionmenu ul {
	margin: 0;
	padding-left: 0.5em;
	list-style-type: none;
}

div.sectionmenu ul li {
	border-left: 3px solid #A09070;
	background-color: #E0D0A0;
	padding-left: 0.3em;
	margin-bottom: 0.2em;
}

div.sectionmenu div {
	margin-bottom: 1.0em;
}

/* Main content */
div.sectiontext {
	background-color: #F0E0B0;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0;
	border-bottom: 2px solid #A09070;
	text-shadow: #A09070 1px 1px 3px;
}

h2 {
	font-size: 125%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.1em;
	margin-top: 0.2em;
	border-bottom: 1px solid #A09070;
	text-shadow: #A09070 1px 1px 4px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.1em;
	margin-top: 0.2em;
	border-bottom: 1px solid #A09070;
	text-shadow: #E0D0A0 1px 1px 4px;
}

h4 {
	font-size: 100%;
	font-style: italic;
	margin-bottom: 0.1em;
	margin-top: 0.2em;
	border-bottom: 1px solid #A09070;
}

div.comment, div.footer, div.error {
	font-size: smaller;
}

div.footer {
	margin-top: 1em;
	text-align: right;
}

ul div.comment {
	font-size: 100%;
	border-left: 5px solid #A09070;
	border-bottom: 1px solid #A09070;
	padding-left: 0.25em;
}

div.error {
	background-color: #C07050;
	color: #fff;
}

div.success {
	background-color: #E0D0A0;
	color: #4a4;
	font-weight: bold;
}

div.text /*, div.example */ {
	margin-bottom: 0.3em;
	text-indent: 1em;
	width: 40em;
}

div.text li {
	text-indent: 0;
}

div.debrief {
	margin-bottom: 1em;
}

div.debrief div {
	border-left: 5px solid #A09070;
	padding-left: 0.25em;
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

div.debrief div.head {
	font-weight: bold;
	margin-top: 0.5em;
	border-left: none;
	padding-left: 0;
}

div.offering {
	float: left;
	padding: 1em;
	margin: 0.5em;
	border: 1px solid #A09070;
}

div.note {
	font-size: smaller;
	font-style: italic;
}

div.note:before {
	content: "Note: ";
	font-weight: bold;
}

/* TABLES */

thead {
	background-color: #c64;
	color: #fff;
	text-shadow: #000 2px 2px 4px;
}

thead a {
	color: #fff;
}

thead b {
	color: #ffa;
}

tr {
	vertical-align: top;
}

tr.alt {
	background-color: #E0D0A0;
}

tr.err, tr.err a, li.overrank {
	background-color: #C07050;
	color: #fff;
}

tr.grayed {
	background-color: #A09070;
	color: #fff;
}

tr.grayed a {
	color: #F0E0B0;
}

tr td {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

td.final {
	text-align: right;
}

td.neg {
	color: #f44;
}

/* Input fields */

textarea {
	width: 40em;
	height: 8em;
}

input.short {
	width: 3em;
}

label.admin {
	font-weight: bold;
}

/*  HTML Rules */

div.htmlrules {
	padding-left: 0.3em;
	padding-right: 0.6em;
	font-size: 10pt;
}

div.htmlrules div {
	text-indent: 0.75em;
	margin-top: 0.5em;
	text-align: justify;
}

div.htmlrules li div {
	text-indent: 0;
	margin: 0;
}

div.htmlrules div.example {
	background-color: #E0D0A0;
	font-style: italic;
	margin-left: 5em;
	padding-left: 0.5em;
	border-left: 0.5em solid #A09070}

div.htmlrules div.spell {
	text-indent: 0em;
	border-bottom: 1px dashed #A09070;
	font-weight: bold;
	padding-top: 0.5em;
}

div.htmlrules tr.head {
	background-color: #E0D0A0;
	font-weight: bold;
}

div.htmlrules tr.head td {
	border: 1px solid #A09070;
}

div.htmlrules ul {
	margin: 0;
}

div.htmlrules center div {
	text-align: center;
	background-color: #E0D0A0;
	margin-left: 10em;
	margin-right: 10em;
}

/*  Message Boards */
textarea {
	background-color: #fff;
	color: #000;
	border: 2px solid #A09070;
}

div.message {
	margin-bottom: 1em;
	border-bottom: 1px solid #A09070;
	padding-bottom: 1em;
}

div.unscreened {
	background-color: #E0D0A0;
	border: 1px solid #c64;
}

div.unscreened:before {
	content: "This anonymous comment is not yet reviewed.";
	border-bottom: 1px solid #c64;
	border-right: 1px solid #c64;
}

div.message div.author {
	font-weight: bold;
	margin-bottom: 0.75em;
}

div.message div.body {
	padding-left: 2em;
	overflow: auto;
}

div.message div.admin {
	float: right;
	background-color: #E0D0A0;
	border-left: 0.5em solid #A09070;
}

div.message blockquote {
	margin: 0.2em;
	margin-left: 1em;
	background-color: #E0D0A0;
	border-left: 0.5em solid #A09070;
	padding-left: 0.25em;
}


div.popup {
	position: absolute;
	height: 10em;
	left: 2em;
	right: 2em;
	top: 2em;
	border: 0.2em solid #A09070;
	background-color: #E0D0A0;
}