body, td, tr, table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFFFFF;
}
p, h2, h1, form, img {
	margin-top: 0px; margin-left: 0px;
	margin-right: 0px; margin-bottom:0px;
}
h2 {
	font-size: 13pt;
}
a:link, a:visited, a:hover {
	color: blue;
}
textarea {
	padding:2px;
	border: 1px solid #ccc;
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	font:1em Verdana, Arial, sans-serif;
}
input, select
{
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	border:#ccc 1px solid;
	padding:2px;
	font:1em Verdana, Arial, sans-serif;
}
form td, form th {
	padding-bottom: 10px;
	vertical-align: top;
}



#content {
	width: 893px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	float: left;
}
#header {
	text-align: left;
}
#headerblurb {
	position: absolute;
	left: 350px;
	top: 47px;
	width: 420px;
}
#sidebar {
	margin-top: -50px;
	width: 180px;
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	background-color: honeydew;
}
#main {
	margin-top: -50px;
	width: 680px;
	float: right;
	padding-top: 20px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	background-color: transparent;
}
#footer {
	margin-top: 14px;
	clear: both;
}
#footer hr {
	height: 3px;
	background-color: black;
}


/* Navigation */
.navi {
	overflow: hidden;
}
.navi, .navi input, .navi select {
	font-size: 11px;
}
.navi ul {
	list-style-image: url('images/arrow.gif');
	padding-left: 30px;
}
.navi ul, .navi li {
	margin-top: 0px;
	margin-left: 0px;
}


.imagebox {
	border: 1px solid #ccc;
	padding: 3px;
	width: 200px;
	font-size: smaller;
	text-align: center;
	overflow: hidden;
}
.photo, .chara_photo {
	border: solid 1px #dcdcdc;
	padding:3px;
}
.chara_photo {
	float: left; padding: 2px;
	margin-right: 8px;
}
.chara_infobox {
	float: left;
}
.imagebox img {
	padding-bottom: 5px;
}
.f-right {
	float: right;
	margin-left: 10px;
}
.f-left {
	float: left;
	margin-right: 10px;
}


/* Columns */
.columns-2 {
	-moz-column-count: 2;
	column-count: 2;
}
.columns-3 {
	-moz-column-count: 3;
	column-count: 3;
}


.error {
	color: red;
	text-align: center;
	padding-bottom: 12px;
}
.success {
	color: green;
	text-align: center;
	padding-bottom: 12px;
}
.description {
	font-style: italic;
	font-size: 8pt;
	vertical-align: bottom;
}


/* Forms */
input.text, textarea.text {
	width: 93%;
}
input.submit {
	border:#000 2px solid;
}


/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #000000;
	background-color: #ECEDF3;
}
.windowbg2
{
	color: #000000;
	background-color: #F6F6F6;
}
.windowbg3
{
	color: #000000;
	background-color: #E0E1E8;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3
{
	color: black;
	font-style: normal;
	background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
	border-bottom: solid 1px #9BAEBF;
	border-top: solid 1px #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	color: black;
	font-style: normal;
}

.titlebg a:hover
{
	color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: black;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url(images/catbg.jpg) #88A6C0 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
	background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
	border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #ADADAD;
	padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 1px;
	border: 1px solid #696969;
	background-color: #FFFFFF;
}