@media all {

    /********** General stuff **********/
    * {
        padding: 0;
        margin: 0;
        border: none;
        font-family: monospace;
    }
    h1, h2, h3, h4, h5, h6, h7 {
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    p {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    :link {
        color: #779977;
        font-weight: normal;
        text-decoration: underline;
    }
    :visited {
        color: #997777;
        font-weight: normal;
        text-decoration: underline;
    }
    :link:hover, :visited:hover {
        background: #440500;
        color: #bb9900;
    }
    
    /********** The whole page  **********/
    body {
        color: #ccccff;
        background: #000000;
        font-size: normal;
        padding: 0;
        margin: 0;
        border: none;
                                        
    }

    /********** Page information bar (top) **********/
    div.pageinfo {
        position: absolute;
        background: #000000;
        color: #ccccff;
        top: 0em;
        left: 9em;
        right: auto;
        width: 30em;
        height: 5em;
        padding: 0;
        padding-left: 0.5em;
        padding-right: 0.5em;
        border: none;
        margin: 0em;
    }
    div.pageinfo h1 {
        font-size: x-large;
    }

    /********** Navigation section **********/
    div.navigation {
        background: #000033;
        color: #ccccff;
        position: fixed;
        top: 0em;
        left: 0em;
        width: 8em;
        bottom: 0em;
        padding: 0.5em;
        border: none;
        border-right-width: thin;
        border-right-style: solid;
        border-right-color: #555588;
        margin: 0em;
        padding-top: 6em;
    }
    div.navigation h1 {
        display: none;
    }
    div.navigation ul {
        margin: 0em;
        padding: 0;
        padding-left: 0;
        border: none;
        list-style-type: none;
    }
    div.navigation li {
        margin: 0em;
        padding: 0;
        padding-left: 0.5em;
        border: none;
        list-style-type: none;
    }

    /********** Contact section **********/
    div.contact {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 8em;
        margin: 0;
        border: none;
        padding: 0.5em;
        z-index: 2;
    }

    div.contact a.honeypotemail, div.contact p.honeypotemail, div.contact h1{
        display: none;
    }
    
    /********** Normal page bodies **********/
    div.body {
        position: absolute;
        left: 9em;
        top: 5.5em;
        width: 31em;
        background: #000000;
        color: #ccccff;
    }

    div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
        position: relative;
        left: 0px;
        right: 0;
        padding-left: 20px;
        background: #000033;
        color: #ccccff;
        font-size: medium;
        border-width: 1px;
        border-color: #555588;
        border-style: solid;
        border-left-color: #000033;
        z-index: 5;
    }
    
    div.body h1 {
        font-size: x-large;
    }
    div.body h2 {
        font-size: large;
    }
    div.body h3 {
    }
    div.body h4 {
    }
    div.body h5 {
    }
    div.body h6 {
    }

    div.body p {
        text-indent: 1em;
        margin-left: 1em;
        margin-right: 1em;
        text-align: justify;
    }

    div.body dl {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    div.body dt {
        font-weight: bolder;
        margin-top: 0.5em;
    }
    div.body dd {

    }

    /********** Map list **********/

    div.maplist {
        display: block;
        position: static;
    }

    div.map h1 {
        position: absolute;
        left: 148px;
        height: 62px;
        width: auto;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-color: #555588;
        border-style: solid;
        border-left-color: #000033;
        background: #000033;
        z-index: 10;
    }

    div.map img.levelshot {
        position: absolute;
        left: 0em;
        width: 128px;
        height: 128px;
        padding: 10px;
        margin: 0;
        border-width: 1px;
        border-color: #555588;
        border-style: solid;        
        border-left-color: #000033;
        background: #000033;
        z-index: 5;
    }
    
    div.map dl.mapinfo {
        padding: 10px;
        padding-top: 64px;
        margin-left: 158px;
        margin-right: 10px;
        border-width: 1px;
        border-color: #555588;                
        border-style: solid;
    }
    div.map dl.mapinfo dt {
        float: left;
        clear: both;
        width: 5em;
        border: none;
        padding: 0;
        margin: 0;
    }
    div.map dl.mapinfo dd {
        border: none;
        padding: 0;
        margin: 0;
    }
    div.map dl.mapinfo dt.info {
        display: none;
    }

    /********** Image galleries **********/

    div.gallery {
    }
    
    div.image {
        position: static;
        float: left;
        width: 128px;
        height: 128px;
margin-left: 0.5em;
        margin-top: 0.5em;
    }
    div.image span {
        display: none;
    }
    div.image img {
        width: 128px;
        height: 128px;                       
    }

    div.imageview img {
        position: relative;
        left: -0px;
        padding: 10px;
        margin: 0;
        border-width: 1px;
        border-color: #555588;
        border-style: solid;        
        border-left-color: #000033;
        background: #000033;
        z-index: 5;
    }

    div.imagecontrols {
        position: relative;
        left: -0px;
        padding: 10px;
        margin: 0;
        margin-top: 10px;
        border-width: 1px;
        border-color: #555588;
        border-style: solid;        
        border-left-color: #000033;
        background: #000033;
        z-index: 5;
height: 128px;
    }
    div.imagecontrols a.next {
float: right;
    }
    div.imagecontrols a.prev {
float: left;
    }
    
   /* div.image {
        position: static;
        width: 30em;
        height: 128px;
        background: #000033;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        padding: 0.5em;
    }
    div.image img {
        position: static;
        float: left;
        width: 128px;
        height: 128px;
    }
    div.image span {
        display: block;
        text-align: left;
        position: absolute;
        margin-left: 1.5em;
        margin-right: 0em;
        left: 128px;
        right: 0.5em;
        text-align: left;
    }
    div.image a {

    }*/
}