html {
    background-color: #100101;
    margin: 0px;
}                              
body {
    font-family: "Andale Mono", monospace;
    font-size: 12px;

    background-color: #100101;
    width: 800px;
    color: #db0b00;
    padding: 0px 10px 80px 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}
div {
    width: 800px;
    overflow: hidden;
    margin: 0px;
    text-align: justify;
}
div.transparent {
    margin: 6px;
    opacity: 0.2;
    float: left;
}
div.transparent:hover {
    opacity: 1.0;
}
p {
    margin: 0;
    overflow: hidden;
}
p.back {
    width: 800px;
    font-size: 16px;
    text-align: right;
}
a.back:before {
    content: "▲ ";
}
pre { }
pre.asciiart { margin: 0px 0px 0px -10px; padding: 0px; font-size: 6px; }
div.description {
    width:800px;
    float:left;
}
div.text {
    width:590px;
    float:left;
}
h1 {
    width: 800px;
    /*font: 58px Impact;*/
    font: 58px Helvetica;
    text-transform: uppercase;
    letter-spacing: -4px;
    font-weight: bold;
    /*font-weight: bold;*/
    background-color: #970b00;
    color: #190101;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
h1.mainpage {
    font-size: 62px;
}
h2 {
    /*font: 28px Impact;*/
    font: 32px Helvetica;
    letter-spacing: -2px;
    font-weight: bold;
    text-transform: uppercase;
    color: #bb0b00;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}
h3 {
    /*border-color: #390101;
    border-bottom-style: dashed;
    border-width: 1px;*/
}
h3:after { content: " ▼"; }
h2:after { content: "▽"; }
h1:after { content: "▽"; }
hr {
    border-color: #b20;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    margin: 0;
}
div.main {
    width: 600px;
    float: left;
    margin: 0;
    padding: 0;
    /*background-color: green;*/
}
div.guestbook {
    width: 200px;
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 0px;
    /*background-color: red;*/
}
p.guestbookName {
    color: #dd0d00;
    font-size: 14px;
    font-weight: bold;
}
/*
p.guestbookName:before {
    content: "_ ";
}
    */
p.guestbookName:after {
    content: " ▽ ";
}
p.guestbookDate {
    color: #880800;
    font-size: 9px;
    text-align: right;
    /*font-style: italic;*/
    position: relative;
    top: -5px;
}
/*
p.guestbookDate:before {
    content: "▽ ";
}*/
p.guestbookMessage {
    margin: 0px 0px 10px 0px;
}
form {
    margin: 16px 0px 0px 0px;
}
input,textarea {
    color: #bb0b00;
    background-color: #190101;
    border: none;
    border: 1px #3fd07b solid;
    font-family: "Andale Mono", monospace;
    font-size: 12px;
    width: 198px;
    margin: 0;
}
textarea:hover  {
    text-decoration: none;
    color: #190101;
    background-color: #bb0b00;
}
input:hover  {
    text-decoration: none;
    color: #190101;
    background-color: #bb0b00;
}
input.button {
    border: none;
    text-align: right;
    color: #3fd07b;
}
hr.guestbook {
    border-width: 0px;
}
div.headlinetext {
    font: 19px Impact;
    text-align: right;
    color: white;
    /*font-weight: bold;*/
    margin: 0px -20px 0px -20px;
}
div.illustration {
    width: 208px;
    float: left;
    margin: 1px;
}
div.picturetext {
    width: 210px;
    text-align: center;
    font: 9px Verdana;
}
img {
    border-style: none;
}
img.illustration {
    float: left;
    border-style: none;
}
img.menu {
    position:relative;
    left:-2px;
    top:4px;
    margin-right: 20px;
}
ul {
    margin: 0;
    padding: 0 0 0 20px;
}
li.menu {
    font-size: 14px;
    font-weight: bold;
    color: #b20;
    list-style: none;
    margin: 0;
    padding: 0;
}
span.menu_description {
    color: #bb0b00;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 24px;
    position: relative;
    left: 24px;
    top: -6px;
}
span.note {
    font-style: italic;
    font-size: 10px;
}
div.line {
    overflow: hidden;
}
p.line {
    font-size: 8px;
    color: #400;
    margin: 0;
    position: relative;
    top: -8px;
}
p.h1line {
    font-size: 8px;
    color: #bb0b00;
    margin: 0;
    position: relative;
    top: -12px;
}
a {
    color: #3fd07b;
    font-weight: normal
}
a.menu {
    display: block;
}
a.back {
    display: block;
}
a.gamelog_menu {
    font-size: 17px;
}
span.gamelog_menu {
    font-size: 17px;
}
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   {
    text-decoration: none;
    color: #3fd07b;
    background-color: #bb0b00;
}
a:active  { text-decoration: none; }

/* gamelog */
div.gamelog_hilight { color: #ff3b00; }
span.gamelog_hilight { color: #ff3b00; }
div.gamelog_imagefloat {
    margin: 0px 0px 16px 20px;
    width:300px;
    float:right;
}
div.gamelog_bigtext {
    font-size: 14px;
    width:480px;
    margin: 0px 0px 10px 0px;
}



/* for backward compatibility with old pages */
table {
    width: 100%;
    margin: 0;
}
tr { margin: 0; }
td { margin: 0; }