body {
	background: #1e1917; font: 0.75em Tahoma; text-align: center; margin: 0px; padding: 0px;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-type: none;
}

#content li {
	margin-bottom: 1px;
}

a {
	color: inherit;
	text-decoration: none;
}

a.visited {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: #db9171;
	text-decoration: none;
}

#content a {
	color: #6b9cac;
}

#content a:hover {
	color: #db9171;
}

hr {
color: #618a97;
background-color: #618a97;
height: 1px;
}

h1 {
	font: 2.3em Century Gothic;
	color: #618a97;
}

#safe {
	min-width: 960px; min-height: 800px; position: relative;
}

div#wrapper {
	background: url(style/background.jpg) center center no-repeat;
	color: #7e7a76;
	text-align: center;
	padding: 0px;
	position: relative;
	top: 10px;
	clear:both;
	height: 720px;
	width:100%;
	margin: auto;
}

div#innercontainer {
	text-align: center;
	top: 42px;
	position:relative;
	margin: auto;
	height: 630px;
	width: 864px;
	z-index: 1;
}

/*main content portion*/
#content {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 20px;
	background: #fffae9;
	height: 590px;
	width: 564px;
}

.title {
	margin-top: 4px;
	margin-left: 22px;
}
/*End main content portion*/

/*sidebar*/
#sidebar {
	text-align: left;
	margin: 0px;
	padding: 56px 0px 13px 0px;
	background: url(style/sidebarbg.png) repeat-y;
	width: 160px;
	height: 561px;
	float: right;
}

.idlebutton {
	margin: 0px 0px 3px 0px;
	width: 160px;
	height: 30px;
}

.activebutton {
	background: #fffae9;
	margin: 0px 0px 3px 0px;
	width: 160px;
	height: 30px;
}

.sharebutton {
	margin:0px 0px 0px 11px; top:246px; position:relative;
}
/*End sidebar*/

/*sidebar at the left that isn't always visible*/
#subsidebarnone {
	width: 100px;
	height: 567px;
	float: left;
}

#subsidebarchars {
	background: url(style/sidebarchars.png) top right no-repeat;
	margin: 23px 0px 14px 0px;
	padding: 30px 0px 0px 12px;
	width: 88px;
	height: 563px;
	float: left;
}

#subsidebargall {
	background: url(style/sidebarmain.png) top right no-repeat;
	text-align: right;
	margin: 36px 0px 0px 0px;
	padding-left: 77px;
	width: 23px;
	height: 594px;
	float: left;
}

.charfaces {
	text-align: left;
	background: url(style/char_shadow.png) no-repeat;
	padding: 0px 2px 2px 0px;
	margin: 0px 0px 8px 0px;
	width: 80px; height: 80px;
}
/*End left sidebar*/

/*characterinfo*/
#charinfo {
	background: #eeeeee;
	margin-top: 50px;
	width: 100%;
}

#charscroll {
	float:left;
	position: relative;
	width: 13px;
	height: 180px;
	margin: 158px 0px 0px -13px;
}

#chardetails {
	/*background: #db9171;*/
	float: left;
	font-size: 1.0em;
	margin: 10px 0px 0px 20px;
	width: 245px;
	overflow: auto;
	/*border: 1px solid #db9171;*/
}

div.charinfotitle {
	/*background: #db9171;*/
	font-family: Century Gothic;
	font-size: 30px;
	/*color: #fffae9;*/
	color: #a57266;
	padding: 2px;
	float: left;
	margin-left: 20px;
	width: 221px;
	overflow: hidden;
}

div.charinfoleft {
	/*background: #db9171;*/
	/*color: #fffae9;*/
	padding: 2px;
	font-weight: bold;
	margin-top: 2px;
	float: left;
	width: 55px;
	overflow: hidden;
}

div.charinfomiddle{
	/*background: #ecdfd0;*/
	color: #a57266;
	padding: 3px;
	margin-top: 2px;
	width: 180px;
	float: left;
}

#charinfopicture {
	float: right;
}
/*end characterinfo*.

/*topbar and footer*/
#topbar {
	background: url(style/topbarbg.png) repeat-x;
	text-align: center;
	font-weight:bold;
	color: #806c64;
	top: 0px;
	height: 19px;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	position: relative;
}

.topbarcontainer {
	position:relative;
	width: 864px;
	text-align: left;
	margin: auto;
	padding: 0px;
}

ul.leftside, li.leftside {
	float:left;
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}
ul.rightside, li.rightside {
	float:right;
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 0px;
}

.topbarlogin {
	margin: 0px;
	padding: 1px;
	font-size: 0.75em;
	color: #b69283;
	border: 1px solid #806c64;
	background: #463f3c;
}

.topbarlogin:hover {
	margin: 0px;
	padding: 1px;
	font-size: 0.75em;
	color: #fffae9;
	border: 1px solid #db9171;
	background: #836e6b;
}

a.topbar:hover {
	font-weight: bold;
	color: #db9171;
	text-decoration: none;
}

a.messages_ticker {
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
}
a.messages_ticker:hover {
	font-weight: normal;
	font-style: italic;
	color: #db9171;
	text-decoration: none;
}

#footer {
	font: .75em Tahoma;
	text-align: center;
	color: #ae896f;
	margin: 48px 0px 8px 0px;
	padding: 0px;
	position: relative;
}
#error {
	color:red;
}
#success{
	color:green;
}

a.footer {
	text-decoration: underline;
}
a.footer:hover {
	color: #db9171;
	text-decoration: underline;
}
/*End topbar and footer*/