html {
    background-color: #222222;
    margin: 0px;
}                              
body {
    font-family: "Arial";
    font-size: 12px;

    background-color: #222222;
    width: 960px;
    color: #bbb;
    padding: 0px 10px 80px 0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}
.altbg {
    background-color: #181818;
}
div {
    width: 960px;
    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: 960px;
    font-size: 16px;
    text-align: right;
}
.note {
    color: #777;
    font-size: 10px;
}
/*
a.back:before {
    content: "▲ ";
}
*/
pre { }
pre.asciiart { margin: 0px 0px 0px -10px; padding: 0px; font-size: 6px; }
div.description {
    width:960px;
    float:left;
}
div.text {
    width:590px;
    float:left;
}
h1 {
    width: 960px;
    font-size: 48px;
    /* text-transform: uppercase; */
    /* letter-spacing: -4px; */
    font-weight: bold;
    background-color: #f70;
    color: #ddd;
    margin: 0px;
    padding: 0px;
    text-align: right;
}
h1.mainpage {
}
h2 {
    font-size: 24px;
    /* letter-spacing: -2px;*/
    font-weight: bold;
    /* text-transform: uppercase; */
    color: #ddd;
    margin: 14px 0px 0px 0px;
    padding: 0px;
}
h3 {
    font-weight: bold;
    /* text-decoration: underline; */
    color: #a8f;
    margin: 10px 0px 0px 0px;
}
/*
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: 700px;
    float: left;
    margin: 10px;
    padding: 0;
}
div.guestbook {
    width: 224px;
    background-color: #181818;
    float: left;
    font-weight: normal;
    margin: 0px;
    padding: 8px;
}
p.guestbookName {
    color: #bbb ;
    font-weight: bold;
}
/*
p.guestbookName:before {
    content: "_ ";
}
p.guestbookName:after {
    content: " ▽ ";
}
*/
p.date {
    color: #777;
    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: 8px 0px 10px 0px;
}
input,textarea {
    color: #bbb;
    background-color: #222222;
    border: none;
    border: 1px #f70 solid;
    width: 198px;
    margin: 0;
}
textarea:hover  {
    text-decoration: none;
    color: #bbb;
    background-color: #f70;
}
input:hover  {
    text-decoration: none;
    color: #bbb;
    background-color: #f70;
}
input.button {
    text-align: right;
    border: 1px #f70 solid;
    color: #f70;
}
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;
    list-style-type: square;
}
li.menu {
    font-size: 14px;
    font-weight: bold;
    color: #bbb;
    list-style: none;
    margin: 0;
    padding: 0;
}
span.menu_description {
    color: #bbb ;
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 24px;
    position: relative;
    left: 24px;
    top: -6px;
}
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: #f70;
    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: #222222;
    background-color: #f70;
}
a:active  { text-decoration: none; }


/* gamelog */
.gamelog_hilight {
    color: #a8f;
    font-weight: bold;
}
.game {
    background-color: #181818;
    margin-top: 4px;
    margin-bottom: 4px;
}
div.gamelog_imagefloat {
    margin: 0px 0px 16px 20px;
    width:300px;
    float:right;
    color: #777;
}
div.gamelog_bigtext {
    font-size: 14px;
    width:600px;
    margin: 0px 0px 10px 0px;
}
.new_game_completion {
    font-family: "Andale Mono", monospace;
    color: #a8f;
    width:32px;
}
.old_game_completion {
    font-family: "Andale Mono", monospace;
    color: #777;
    width:32px;
}
.not_completed {
    font-family: "Andale Mono", monospace;
    color: #777;
    width:32px;
}

.insult {
    font-size:14px;
    font-weight:bold;
    letter-spacing:-1px;
    width:160px;
    height:18px;
    background-color: #181818;
    color: #a8f;
    float:right;
    text-align:center;
}
a.insult {
    border:1px solid #f70 ;
}


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