@font-face {
    font-family: painterz;
    src: url(fonts/Painterz.ttf);
}
@font-face {
    font-family: kgraftrial;
    src: url(fonts/Kgraftrial.ttf);
}
@font-face {
    font-family: adrip;
    src: url(fonts/adrip1.ttf);
}
@font-face {
    font-family: throwupz;
    src: url(fonts/throwupz.ttf);
}
@font-face {
    font-family: peinturefraiche;
    src: url(fonts/PeintureFraiche.ttf);
}

@font-face {
    font-family: ruthlessdrippin;
    src: url(fonts/RuthlessDrippin2.ttf);
}
@font-face {
    font-family: ruthlesswreckin;
    src: url(fonts/RuthlessWreckin2.ttf);
}


@font-face {
    font-family: marsneverask;
    src: url(fonts/marsneverask.otf) format("opentype");
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*scene*/
#bg_image_big {
z-index:2;
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;

}
.image {
height:100%; 
width:auto;
}
#bg_image_small {
z-index:2;
position:fixed;
top:400px;
left:50px;
}

#upperStrip, #lowerStrip {
z-index:10;
position:fixed;
left:0px;
width:100%;
height:30px;
/*background-color:#AAA;*/
}
#upperStrip { top:0px;}
#lowerStrip { bottom:0px; text-align:right; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*small menu top left of page*/
.menuElement {
z-index:20;
text-decoration:none;
border:none;
background-color:white;
font-size:14pt;
font-family: courier;
cursor:pointer;
}
.menuElement:hover {

font-size:13pt;
font-weight:bold;
}

/*list of pagetitles on homescreen*/
.pagename {
text-decoration:none;
font-family: courier;
background-color:transparent;
color: inherit;
font-size:20pt;
font-weight:bold;
text-shadow: 1px 1px gray;
border:none;
cursor:pointer;
}
.pagename:hover {
color:orange;
}

#subpage_menu 
{
z-index:50;
position:fixed;
left:10px;
top: 250px;
width:auto;
height:auto;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*boxes*/
/*headlinebox*/
#headline {
position:fixed;
z-index:20;
top:35px;
left:80px;
width:auto;
height:auto;
font-family: courier;
font-size:15pt;
color: #E57B09;
color:inherit;
text-shadow: 1px 1px gray;
text-align:right;
}
/*subheadlinebox*/
#subheadline {
position:fixed;
z-index:20;
top:58px;
left:650px;
width:auto;
height:auto;
font-family: courier;
font-size:15pt;
color: #E57B09;
color:inherit;
text-shadow: 1px 1px gray;
text-align:left;

}
#contentBox{
position:absolute;
z-index:10;
top:200px;
left:480px;
right:50px;
bottom:50px;
overflow-y:auto;
border: 0px solid black;
padding-left:50px;
}
#bodycount {
z-index:50;
position:fixed;
left:20px;
bottom:20px;
width:380px;
height:auto;
padding:5px;
border: 1px dashed black;
text-align:center;

}
#debugBox {
z-index:100;
position:fixed;
overflow:scroll;
bottom:1%;
left:0%;
width:98%;
height:150px;
border:2px solid orange;
background-color:black;
color:white;
padding:10px;

}
.forumEntry {
font-family:painterz;
/*font-family:arial;*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*table*/

#catTable {
border-spacing:10px;
table-layout:fixed;
width:auto;
}
th.top {
font-size:12pt;
font-weight:bold;
text-align:center;
font-family:verdana;
width:80px;
padding:3px;
}
td.down {
text-align:center;
font-size:10pt;
font-family:verdana;
width:40px;
padding:3px;
border-right:1px dotted green;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*misc*/
#place_backButton 
{
z-index:100;
position:fixed;
left:50px;
bottom:60px;
width:auto;
height:auto;
border:none;
}
a {

color:black;
font-size:14pt;
text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;

}