body{
	padding:50px 2em 1em 30px;
	margin:0px;
	background:#fff url(/images/skins/pendefig/background.png) top left;
}
p, li, td, dt, dd {
	font: normal 0.6em verdana, helvetica, sans-serif;
	color: #000;
}
ul.equal li {font-size: 1em;}
h1 {font: bold 1.2em verdana, helvetica, sans-serif;color: #000;}
h2 {font: bold 1.0em verdana, helvetica, sans-serif;color: #000;}
h3, h4, h5, th {font: bold 0.6em verdana, helvetica, sans-serif;color: #000;}
.hide{display:none;}

div#header {
	background: url(/images/skins/pendefig/sky_back.jpg) repeat-x bottom right;
	margin:0px;
	padding:0px;
	border: 2px solid #fff;
}
div#header h1{
	background: url(/images/skins/pendefig/banner.jpg) no-repeat top left;
	height:170px;
	margin:0px;
	padding:0px;
}
div#header h1 span{display:none;}

/* left bar */

div#left_bar {
	position: absolute;
	top:0px;
	left:0px;
}
div#nav {
	background: url(/images/skins/pendefig/nav_bar_back.png) repeat-x top left;
	position: absolute;
	top:12px;
	left:202px;
	width:700px;
	height:38px;
}
div#nav h3 {display:none;}
div#nav ul {
	position: relative;
	padding:0px;
	margin:0px;;
}
div#nav li {list-style-type:none;}
a#home, a#disc {
	position: absolute;
	top:12px;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}
a#home:hover, a#disc:hover {
	color:#ddd;
	text-decoration:underline;
}
a#home{left:-145px;}
a#disc{left:-85px;}

a#clans, a#world, a#sects, a#chargen {
	position: absolute;
	top:0px;
	height:24px;
	background: url(/images/skins/pendefig/nav_bullet.png) no-repeat top left;
	color:#000;
	font-weight:bold;
	font-size:1em;
	padding:14px 0px 0px 20px;
	text-decoration:none;
}
a#clans:hover, a#sects:hover, a#world:hover, a#chargen:hover{
	color:#222;
	text-decoration:underline;
}
a#clans{left:205px;}
a#sects{left:105px;}
a#world{left:5px;}
a#chargen{left:305px;}

div#login {
	position: absolute;
	top:224px;
	left:30px;
	width:168px;
	text-align:center;
	background:#a9cf18;
	border:2px solid #fff;
	padding:0px;
	margin:0px;
}
div#login h3 {
	background: url(/images/skins/pendefig/green_bar.png) repeat-x top left;
	height:30px;
	font-size:0.7em;
	color:#fff;
	padding:10px 0px 0px 0px;
	margin:0px;
	width:100%;
}
div#login form {
	padding:0px 4px 0px 4px;
}
div#login form a{
	color:#037803;
}
p#button input{
	font-size: 1em;
	font-weight: bold;
	color:#333;
}

/* start body */

div#body {
	position:relative;
	background-color: #eee;
	margin:0px 0px 0px 172px;
	padding:0px;
	border: 2px solid #fff;
}

div#body{
	padding:0em 1em;
}

div#body h2 {
	font-face: arial, verdana, helvetica, sans-serif;
	margin:0px 0px 1em 0px;
	padding:1em 0px 0px 1em;
	border-bottom: 2px solid #2e4974;
}
div#body a {
	color: #00f;
	text-decoration:none;
}


/* eof body */

div#footer {
	clear:both;
	text-align:center;
}
div#footer p {
	color:#eee;
}
label {
	position:relative;
	float:left;
	clear:both;
	display:inline;
	width:10em;
	padding:0.25em;
}
label.login {
	float:none;
}

li ul li {font-size:1em;}