/********************************************************** global formats */
body {
    font-family:serif;
    font-size:small;
    background-color:#ccc;
    color:#222;
}

p { margin:1em 0em 0em; text-align:justify; }
p + p { text-indent:1.5em; margin:0em; }
p.f { text-indent:0em; margin-top:1em; }

a:link { text-decoration:underline; color:black; font-weight:bold; }
a:visited { color:#444; text-decoration:underline; font-weight:bold; }
a:hover { color:#666; text-decoration:none; font-weight:bold; }
a:active { color:#888; text-decoration:none; font-weight:bold; }

#ghead a, #gfoot a {
    color:white;
} /* links on dark background */

img { border:none; }

h1 {
    font-family:sans-serif;
    color:#400;
    text-align:center;
}

h2 {
    font-family:sans-serif;
    color:#600;
}

h3 {
    font-family:sans-serif;
    color:#800;
}

div.subtitle {
    font-size:x-small;
    font-style:italic;
    color:#600;
    margin-top:-1.5em;
    padding-left:0.5em;
}
div.subtitle:before { content:'\02014\00020'; }
div.subtitle:after { content:'\00020\02014'; }
h1 + div.subtitle { text-align:center; }

ul {
    list-style-image:url(img/oldschool-arrow.png);
}
ol {
    list-style-type:decimal;
    list-style-image:none;
}

dt {
    font-weight:bold;
    margin-top:1em;
}


/************************************************************* main tables */

#gall {
    max-width:80em;
    border:dotted 1px #666;
    background-color:white;
    margin:auto;
}

#ghead {
    background-color:#444;
}

#ghtop {
    padding-left:1em;
    padding-top:5px;
    color:white;
    text-align:center;
    font-family:sans-serif;
}

#ghright {
    float:right;
    text-align:right;
    margin-top:-1em;
    height:64px; width:4em;
}
#ghright:before {
    color:white;
    font-weight:bold;
    font-size:5em;
    content:"\003bb";
}

#navbar {
    padding:2px 0px;
    margin:0.5em 0em 0px;
    background-color:#555;
}


#navbar li {
    display:inline;
    padding:0px 1em;
    list-style:none;
    border-left:solid 1px #eee;
}

#navbar li:first-child {
    border-left:0px;
}

#navbar li:hover {
    background-color:#666;
    cursor:pointer;
}

#minlangs {
    position:absolute;
    right:0.1em; top:0.1em;
    padding:0.2em;
}

#gmain {
    margin:0px auto;
    padding:1.5em;
    background-color:white;
    color:#222;
    position:relative;
}

#gfoot {
    background-color:#444;
    color:white;
    padding:0.2em;
    margin:0px;
}


/************************************************* various frequently used */
img.active { border:dashed 2px #222; }
img.inactive { padding:2px; }

img.banner { border:dashed 1px #222; }

.bigt { font-weight:bold; font-size:large; }
.msmt { font-size:x-small; }
.smt { font-size:xx-small; }
.red { font-weight:bold; color:red; }
.listdesc { font-weight:normal; font-size:x-small; }

.infoplain { font-size:xx-small; margin-top:3em; }
.compliance { font-size:xx-small; }

.flush { margin-top:1em; }

.warn:before {
    content:url(img/oldschool-arrow.png);
    font-weight:bold;
}
.warn { 
    margin:1em 0em;
    text-indent:0em;
}

.abb {
    border:solid 1px #888;
    margin:0em 1em 2em;
}

.chatlog {
    background-color:#eee;
    border:dotted 1px #888;
    padding:0px 8px;
    font-family:monospace;
    white-space:pre;
}

.box {
    background-color:#eee;
    border:solid 1px #ccc;
    padding:1em;
}

.box td {
    text-align:center;
}


/****************************************************** directory listings */
ul.folders {
    list-style-image:url(img/oldschool-folder.png);
}

ul.folders li { margin-top:1em; font-weight:bold; }
ul.folders ul li { margin-top:0em; }


/**************************************************************** comments */

ul.comments li {
    display:block;
    margin-top:2em;
    border-top:solid 1px #400;
}

ul.comments li.admin {
    border-right:solid 0.5em #400;
    background-color:#fee;
}

ul.comments div.commttl {
    color:#400;
    background-color:#fee;
}
ul.comments li.admin div.commttl b {
    font-style:italic;
}

ul.comments div.commcont {
    padding:0px 1em;
    margin-bottom:1em;
}

ul.comments li div.reply {
    margin:1em;
    padding:0.5em;
    border:solid 1px #dbb;
}

ul.comments li div.reply div {
    font-weight:bold;
    font-size:medium;
    color:#400;
    border-bottom:solid 1px #dbb;
    margin-bottom:1em;
}

ul.comments p { text-indent:0em; margin-top:1em; }


/******************************************************************** news */
#news dt:before { content:"· "; color:#666; }


/******************************************************************* forms */
table.form {
    border:solid 1px #888;
    border-collapse:collapse;
    border-spacing:10px;
    background-color:#eee;
    margin:1em auto;
}

table.form td { background-color:white; padding:0.5em; }
table.form th { vertical-align:top; padding:0.5em; }

table.form thead, table.form tfoot, table.form th[colspan] {
    background-color:#ddd;
}
table.form thead th, table.form tfoot th, table.form th[colspan] {
    padding:0.2em;
}

table.form tr {
    border:solid 1px #888;
    border-style:solid none;
}