/*
	Nuwa Hundred Names v0.1
*/

/* General styles */
html {
	height: 100%;
}
body {
	background: #f8eee2 url("../media/theme/shennong/backgrounds/pageTeaStain.jpg") repeat-y center top;
	height: 100%;
	margin: 0;
	font-size: 0.9em;
}
body * {
	font: normal 1.0em Geneva, Arial, Helvetica, sans-serif;
	color: #635f49;
}
a {
	text-decoration: none;
}
img {
	border: 0;
}
br {
	clear: both;
}
h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;
}
h2 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
}
p {
	margin: 0;
	padding: 0;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
legend {
	margin: 0 0 0 -7px;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
fieldset ul {
	margin: 0.2em 0 0.2em 0;
	padding: 0;
	list-style: none;
}
fieldset li {
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	font-size: 0.9em;
}
label {
	font-size: 1.1em;
}

/* Page styles */
#page {
	background: transparent url("../media/theme/shennong/backgrounds/teaStain.jpg") repeat-x left top;
	position: relative;
	left: 1px;
	width: 956px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto 0 auto;
}
html > body #page {
	left: 0;
	height: auto;
}
#header {
	background: transparent url("../media/theme/shennong/lady.jpg") no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	width: 956px;
	height: 537px;
}
#header h1 {
	background: transparent url("../media/theme/shennong/logo.jpg") no-repeat left top;
	position: absolute;
	left: 331px;
	top: 0;
	width: 380px;
	height: 106px;
	text-indent: -9999px;
}
#header p {
	margin: 5px 0 0 300px;
	text-indent: -9999px;
}
#columns {
	float: left;
	padding: 156px 0 60px 0;
}
#columnOne {
	display: inline;
	position: relative;
	float: left;
	width: 243px;
	margin-left: 333px;
}
#columnTwo {
	position: relative;
	float: left;
	width: 360px;
	margin-left: 9px;
}
#controlPanel {
	display: none;
}
#controlPanel.active {
	display: block;
}
#controlPanel fieldset {
	clear: both;
	margin: 0 15px 10px 15px;
	padding: 0;
}
html > body #controlPanel fieldset {
	margin: 15px;
}
#controlPanel .button, 
.button {
	background: #b67c91 url("../media/theme/shennong/backgrounds/gelBar.jpg") repeat-x left top;
	border: solid 1px #b67c91;
	height: 28px;
	color: #fff !important;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
#savePanel {
	display: none;
	margin-bottom: 10px;
}
#savePanel.active {
	display: block;
}
#savePanel h3 {
	margin: 0;
	padding: 15px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
#savePanel h3 a {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
#save {
	clear: both;
	margin: 0;
	padding: 0 15px 15px 15px;
	list-style: none;
}
#save li {
	/*float: left;
	width: 50%;*/
}
#save br {
	clear: both;
}
#resultPanel {
	display: none;
	padding: 0;
}
#resultPanel.active {
	display: block;
}
#resultPanel h3 {
	margin: 0;
	padding: 15px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
#result {
	clear: both;
	margin: 0;
	padding: 0 15px 15px 15px;
}
#result ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#result li {
	/*float: left;
	width: 50%;*/
}
#result br {
	clear: both;
}
#footer {
	background: transparent url("../media/theme/shennong/rtLogo.gif") no-repeat right center;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	margin: 0 8px 0 0;
	padding: 20px 66px 0 0;
	font-size: 0.7em;
	text-align: right;
}

/* Comment styles */
#openComments {
	display: none;
	background: transparent url("../media/theme/shennong/buttons/comments.jpg") no-repeat right top;
	position: absolute;
	right: 5px;
	top: 7px;
	width: 66px;
	height: 47px;
	text-indent: -9999px;
}
#openComments.active {
	display: block;
}
#openComments:hover {
	background-image: url("../media/theme/shennong/buttons/commentsOn.jpg");
}
#comments {
	display: none;
	background-color: #f8eee2;
	border: solid 1px #cf8676;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 298px;
}
#commentHeader {
	background: transparent url("../media/theme/shennong/backgrounds/commentBar.jpg") no-repeat left top;
	width: 280px;
	height: 16px;
	margin: -1px 0 0 -1px;
	padding: 2px 10px 2px 10px;
	font-size: 0.9em;
	text-transform: none;
	color: #fff;
}
#closeComment {
	background: transparent url("../media/theme/shennong/buttons/close.gif") no-repeat left top;
	position: absolute;
	right: 2px;
	top: 2px;
	width: 14px;
	height: 15px;
	text-indent: -9999px;
}
#closeComment:hover {
	background-image: url("../media/theme/shennong/buttons/closeOn.gif");
}
#messages {
	overflow: auto;
	width: 278px;
	height: 158px;
	padding: 10px;
}
#messages h3 {
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #e67e20;
}
#messages h3 em {
	font-style: normal;
	font-weight: bold;
	font-size: 1.1em;
	color: #e16601;
}
#messages h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 0.7em;
	font-weight: bold;
	color: #e16601;
}
#messages p {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 0.9em;
	color: #c26119;
}
#post {
	background-color: #f7ddbd;
	width: 298px;
}
#post fieldset {
	padding: 10px;
}
#post label {
	font-size: 0.7em;
	font-weight: bold;
	color: #e16601;
}

/* Box styles */
.box {
	background-color: #feeed7;
	border: solid 2px #fdc650;
}
.box * {
	color: #fb9a19 !important;
}
.box2 {
	background-color: #ede1e9;
	border: solid 2px #e19ea2;
}
.box2 * {
	color: #c76267 !important;
}
.tl,
.tr,
.bl,
.br {
	display: inline;
	width: 16px;
	height: 12px;
}
.tl,
.bl {
	float: left;
	clear: both;
}
.tr,
.br {
	float: right;
	clear: right;
}
.tl {
	background: transparent url("../media/theme/shennong/corners/tl.gif") no-repeat left top;
	margin: -2px 0 0 -2px;
}
.box2 .tl {
	background: transparent url("../media/theme/shennong/corners/tl2.gif") no-repeat left top;
}
.tr {
	background: transparent url("../media/theme/shennong/corners/tr.gif") no-repeat right top;
	margin: -2px -2px 0 0;
}
.box2 .tr {
	background: transparent url("../media/theme/shennong/corners/tr2.gif") no-repeat right top;
}
.bl {
	background: transparent url("../media/theme/shennong/corners/bl.gif") no-repeat left bottom;
	margin: -14px 0 0 -2px;
}
html > body .bl {
	margin: -10px 0 -2px -2px;
}
.box2 .bl {
	background: transparent url("../media/theme/shennong/corners/bl2.gif") no-repeat left bottom;
}
.br {
	background: transparent url("../media/theme/shennong/corners/br.gif") no-repeat right bottom;
	margin: -14px -2px 0 0;
}
html > body .br {
	margin: -10px -2px -2px 0;
}
.box2 .br {
	background: transparent url("../media/theme/shennong/corners/br2.gif") no-repeat right bottom;
}

/* Error styles */
.Steamboat_ErrorPanel {
	background-color: #eee;
	border: 1px solid #ddd;
	position: absolute;
	z-index: 10000;
	top: 7px;
	left: 7px;
	width: 360px;
	height: 500px;
	padding: 14px;
	overflow: auto;
	opacity: .8;
	font-size: 0.8em;
}