@charset "UTF-8";
*{margin:0;padding:0}
html,body,div,p {line-height:1.2;position:relative;margin:0;padding:0}
html,body {height:100%;font-size:100.01%}
/* Opera height fix */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
html>body #minHeight{ /* Opera and IE8 min-height fix */
float:left;width:0;height:100%;overflow:hidden;} 
body{font-family: 'Gloria Hallelujah', cursive;background:#ca4 url("/cave.jpg") repeat;color:#00f}
img {border-style:none}
table{table-layout:fixed;color:#000;margin: 0 auto}

h1{color:#ff0;text-shadow:5px 5px #000;font-size:300%;text-align:center}
h3{color:#f00;text-shadow:2px 2px #000;font-size:200%;text-align:center}
p{margin:1em;font-size:1.1em}
#holder{width:74em;margin: 0 auto;min-height:100%;padding:0;overflow:hidden;}
#outer{overflow:auto}
#inner{float:left;width:50em;background-color:rgba(204,187,68,0.5)}
#inner p{background-image:url('/banner.png');background-repeat:repeat-x;background-position:bottom;padding-bottom:30px}
#sidebar{float:left;width:12em;margin-top:10em;background-color:rgba(204,187,68,0.5);border-top-left-radius:20px;border-bottom-left-radius:20px}
#sidebar p{font-size:75%}
#sidebar a{display:table-cell;text-align:center;vertical-align:middle;width:150px;height:50px;background:transparent url("/button.png") no-repeat scroll 0 0;color:#ff0;text-shadow:2px 2px #000;font-weight:bold;text-decoration:none;margin:.5em auto}
#sidebar a:hover{background-position:0 -50px}

input[type="button"],input[type="submit"],select,.inputs{border-radius:10px;border:1px solid #000;font:inherit;background-color:#eed;text-align:center;vertical-align:middle;display:inline-block;overflow:hidden}
input[type="textbox"]{padding-right:1em}
.inputs{width:3em}
.inputs.wide{width:9em}
select{width:12em}
input[type="button"],input[type="submit"]{color:#0a0;padding:.5em;background:#642 url('/button.jpg');text-shadow:2px 2px #000;font-weight:bold}
input[type="submit"]{margin-left:22em}

table table .inputs{text-align:right}

.break{height:1em}
.title{text-align:center;font-weight:bold;margin:0 auto}
.titlewrap{border-bottom:1px solid #000;padding:.25em}
#txtPlayer{width:14em}
#txtName{width:12em}
input.rand{background:#fff url('/random.png') no-repeat center center;width:28px;height:28px}
.td1,.td2,.td3,.td4{display:inline-block;color:#000;padding:2px;vertical-align:top}
.td1{width:6em;text-align:right;margin-left:1em}
.td2{width:15em}
.td3{width:6em;text-align:right}
.td4{width:15em;margin-right:1em}
.td1.td2,.td3.td4{width:21em;text-align:center}

#talents,#skills,#knowledge,#stuff{border:1px solid #000;border-radius:1em;margin:0 auto}
#talents{width:28em;padding:.25em 0}
.talents div{width:6.5em;text-align:center;display:inline-block;color:#000}

#knowskill{width:41em;margin:0 auto}
#knowskill select{margin:.5em}
#knowledge,#skills{width:20em;display:inline-block;vertical-align:top}
.knowledge div,.skills div{text-align:right;display:inline-block;color:#000;width:13em;padding:2px}
.knowledge div + div,.skills div + div{width:4em}

#stuff{width:49em}
.stuff div{text-align:right;display:inline-block;color:#000;width:13em;padding:2px;width:}
.stuff div + div{width:auto}

.del{float:left}
#btnRandom{margin:1em 0 1em 17em}

#descClass1,#descClass2,#descPro1,#descPro2,#descCon1,#descCon2{width:18em;text-align:right;margin-left:3em}
#ddStuff{margin:1em;vertical-align:top}
#tdStuff,#tdSpecial{padding:1em;color:#000;width:30em;display:inline-block}
#tdSpecial{margin-left:14.5em}
.spStuff{display:inline-block;border:1px solid #000;height:1.9em;background-color:#ccc;padding:.3em .25em 0 .25em;vertical-align:top;margin:1px;border-radius:.5em}
.leather,.weapon,.food,.spStuff input{display:inline-block;border:1px solid #000;margin:0 .25em;border-radius:10px;width:20px;height:20px;text-align:center;box-sizing:border-box;padding:0px}
.leather{background-color:#ba8}
.weapon{background-color:#ddd}
.food{background-color:#afa}