body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #404041; background-color: #404041; margin: 0px; }

h1{ margin: 0px; padding: 0px; font-size: 18px; }
h2{ margin: 0px; padding: 0px; font-size: 16px; }
h3{ margin: 0px; padding: 0px; font-size: 14px; }

a{ color: #404041; text-decoration: none; border-bottom: 1px #404041 dashed; }
a:hover{ border-bottom: 1px #404041 solid; }

.clear{ clear: both; }
.textbox{ border: 1px #69F solid; font-size: 10px; width: 100%; }
.textboxmini{ font-size: 10px; width: 10px; float: left; }
.chatbox{ border: 1px #69F solid; font-size: 10px; width: 470px; height: 400px; overflow: auto; margin-bottom: 5px; padding: 5px; }
.userbox{ border: 1px #69F solid; font-size: 10px; width: 100%; max-height: 400px; overflow: auto; margin-bottom: 5px; padding: 5px; }

.Wrapper{ width: 1000px; margin: auto; background-color: #FFF; padding: 25px; }

/*
** Header
*/

.Wrapper .Header{ width: 1000px; height: 100px; float: left; background-color: #006; }
.Wrapper .Header h1{ margin: 0px; padding: 0px; font-size: 67px; color: #FFF; float: left; padding: 10px; }
.Wrapper .Header h2{ margin: 0px; padding: 0px; font-size: 31px; color: #FFF; float: left; padding-top: 52px; }

/*
** Content
*/

.Wrapper .Main{ width: 1000px; float: left; }
.Wrapper .Menu{ width: 150px; height: 25px; line-height: 25px; float: left; padding-top: 10px; }
.Wrapper .Menu ul{ margin: 0px; padding: 0px; list-style: none; }
.Wrapper .Menu ul li{ width: 150px; height: 25px; line-height: 25px; margin-bottom: 2px; text-indent: 10px; }
.Wrapper .Menu ul li a{ width: 150px; height: 25px; line-height: 25px; display: block; border: none; background-color: #69F; }
.Wrapper .Menu ul li a:hover{ background-color: #404041; color: #69F; }

.Wrapper .Main .Content{ width: 680px; min-height: 300px; padding: 10px; float: left; margin-bottom: 120px; }

#reg{ color: #F00; font-weight: bold; }

.Wrapper .Main .Content .Login{ width: 400px; }
.Wrapper .Main .Content .Room{ width: 480px; float: left; }
.Wrapper .Main .Content .Sidebar{ width: 180px; float: left; padding: 0px 10px; }

.Wrapper .Main .Content .Characters{ width: 680px; float: left; }
.Wrapper .Main .Content .Characters .colhead{ width: 160px; float: left; padding: 5px; font-size: 14px; font-weight: bold; }
.Wrapper .Main .Content .Characters .col{ width: 160px; height: 35px; float: left; padding: 5px; border-bottom: 1px #000 solid; }
.Wrapper .Main .Content .Characters .add{ width: 160px; float: right; }
.Wrapper .Main .Content .Characters a{ display: block; border: none; padding: 5px; }
.Wrapper .Main .Content .Characters a:hover{ background-color: #CCC; }
.Wrapper .Main .Content .Characters .col a{ height: 30px; display: block; border: none; padding: 5px; }
.Wrapper .Main .Content .Characters .col a:hover{ background-color: #CCC; }

.Wrapper .Main .Content .createCharacter{ width: 680px; float: left; font-size: 10px; }
.Wrapper .Main .Content .createCharacter .Head{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Head .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Head .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Attributes{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Attributes h1{ width: 680px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Attributes .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Attributes .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Abilities{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Abilities h1{ width: 680px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Abilities h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Abilities .item{ width: 216px; height: 20px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Abilities .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Advantages{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Advantages h1{ width: 680px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Advantages h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Advantages .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Advantages .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Weapons{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Weapons h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Weapons h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Weapons .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Weapons .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Willpower{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Willpower h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Willpower h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Willpower .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Willpower .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Virtues{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Virtues h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Virtues h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Virtues .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Virtues .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Anima{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Anima h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Anima h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Anima .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Anima .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Soak{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Soak h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Soak h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Soak .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Soak .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Essence{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Essence h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Essence h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Essence .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Essence .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .LimitBreak{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .LimitBreak h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .LimitBreak h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .LimitBreak .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .LimitBreak .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .VirtueFlaw{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .VirtueFlaw h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .VirtueFlaw h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .VirtueFlaw .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .VirtueFlaw .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Health{ width: 226px; float: left; }
.Wrapper .Main .Content .createCharacter .Health h1{ width: 226px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Health h2{ width: 226px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Health .item{ width: 216px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Health .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Info{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Info h1{ width: 680px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Info h2{ width: 340px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Info .item{ width: 330px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Info .item .right{ float: right; }
.Wrapper .Main .Content .createCharacter .Notes{ width: 680px; float: left; }
.Wrapper .Main .Content .createCharacter .Notes h1{ width: 680px; border-bottom: 1px #000 solid; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Notes h2{ width: 680px; float: left; text-align: center; }
.Wrapper .Main .Content .createCharacter .Notes .item{ width: 670px; float: left; padding-left: 10px; margin-bottom: 2px; }
.Wrapper .Main .Content .createCharacter .Notes .item .right{ float: right; }

/*
** Chat Styles
*/

#whisper{ font-style: italic; color: #060; font-weight: bold; }

/*
** Footer
*/

.Wrapper .Footer{ width: 1000px; height: 25px; line-height: 25px; float: left; background-color: #69F; color: #FFF; text-align: center; }