html {height: 100%}

body {
	color: #5B2D00;
	font-size: 1em;
	background: #F0C485 url(images/bg.gif);
	margin: 0;
	padding: 0;
	min-height: 101%;
}

.wrapper {padding: 1.5em; }

* {
	font-family: Georgia, "Times New Roman", Times, serif;
}


p { margin: 0 0 0.5em; padding: 0 }
h1 { font-size: 2em; }
/*h1, h2 { color:#5B2D00; }*/
h1:first-letter { font-size: 2.3em }
.big { font-size: 2.3em }


.section { background-image: url("images/tab.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0.5em 1em; width: 45em }
.section h3 {
	font-size: 1.2em;
	font-weight: bold;
	display: inline;
	margin: 0 0 0 0.2em;
	color:#4B2600;
}

a:link, a:visited {
	text-decoration: underline;
	color: #924a04;
}
a:hover {
	text-decoration: none;
}

.secdata, .envlist	 { margin: 0.5em; padding: 0.3em; width: 35em; border: solid 1px #5f2f00 }
.envlist, .subtypecolumn, .planecolumn { display: inline; width: auto; float: left; }
.subtypecolumn, .planecolumn {margin-left: 2em; margin-bottom: 0.5em}
.envlistconjunction {
	float:left;
	clear:none;
	margin: 1ex 1ex 0 1ex;
	display: inline;
}
.note	 { font-size: 0.75em; font-style: italic; margin-bottom: 0 }
.submit_btn, #findform .submit_btn, #setup .submit_btn {
	color: #f0c485;
	font-weight: bold;
	background-color: #924a04;
	margin-top: 0.5em;
	padding: 0 0.5em 0 0.5em;
}

.secdata hr {
	width: 4em;
	border: none;
	border-top: solid 1px black;
	border-bottom: transparent;
}

#findform .submit_btn {
	margin-top: 2em;
	padding: 0.5em;
}
.submit_btn	{ background-image: url("images/button_bg.gif");	margin: 0.5em; padding: 0.5em; border: outset 3px #a36320 }
.submit_btn:active	{ border-style: inset }

tr.evenrow {
	background: #E3B16F;
}
tr.oddrow {
	background: #CE9957;
}

option:focus { background: red }


.resultstab {
	width: 100%;
	color: #4B2600;
}


.headrow { color: #f0c485; background: #924902; text-align: left; }
.headrow th { padding: 0.1em; white-space:nowrap; }

.headrow a {
	color:#f0c485;
}

td, th	{ padding-right: 0.5ex; padding-left: 0.25ex }
tr.evenrow:hover,tr.oddrow:hover { background-color: #F4AE55 }
table { margin-bottom: 0.5em; }
.pagenav { margin: 0.5em 0; padding: 0.5em 0 }
td.actions { white-space:nowrap; }

.actions img { margin: 0 2px 0 2px; }
.evenrow img.monsterimg {
	border-color: #E3B16F;
}

.oddrow img.monsterimg {
	border-color: #CE9957;
}


.fixedbottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#bottomnav {
	background-image: url(images/bottom_nav.png);
	width: 100%;
	color: #fff;
	clear: both;
}
#bottomnav .inlay {padding: 8px 0.5em 0.3em 0.5em;}
#bottomnav .inlay div { margin: 0; padding: 0; }
#bottomnav a { color: #f0c485; }
.rightfloat { float:right; clear:none }

#legend {
	background-color: #924a04;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #000;
	float: right;
	color: #fff;
	background-image: url("images/button_bg.gif")
}
#legend td { color: #fff }

#legend dt {float:left; clear:left; padding-top: 0.1em }
#legend dd {float:left; margin: 0; padding: 0 0 0.5em 0.5em; width: 150px}

#bottomnav .inlay div#newsearch, #bottomnav .inlay div#showlegend { padding-left: 0.5em; }


.preloading{
	height: 28px;
	line-height: 28px;
	padding-left: 32px;
	background: url(images/loading.gif) no-repeat;
	margin-bottom: 0.15em;
}

.md-image, .md-stats {
	display:block;
	float:left;
	white-space:nowrap;
}
.md-image, .md-stats {
	margin-top: 0.15em;
	margin-bottom: 0.15em;
}
.md-image img {
	margin-bottom: 0.15em;
	border: 2px inset #F0C485;
}

.md-image {
	margin-right: 1em;
}

.md-head {
	font-size: 1.5em;
	font-weight: bold;
	clear:both;
}

.monsterdetails p {
	margin: 0;
}

.ads{
	margin-top: 1em;
}

.ads .bookad {
	margin-left: 1em;
	margin-top: 0.2em;
}

#setup .textinput { background: none; }
#setup .textinput:focus { background: #ffdfb0; }