/* omitting border fade and possibly an outstanding old image or two like frozen status */

body {color: white; background-color: #222034; font-size: 24px;}

img { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */

}

input.biggie {font-size: 48px;}
input.logout {font-size: 18px;}

.entryForm {font-size: 64px;}

pre { white-space: pre-wrap; }

div { max-height: 999999px; } /* stops mobile chrome font boosting */

a:visited { text-decoration:none; color:#8A6F30; }
a:link    { text-decoration:none; color:#8F974A; }
a:hover   { text-decoration:none; color:#FBF236; }

.colourKey {
	line-height: 12px;
}

.pixirender {
white-space: nowrap;
}

.character {
}

.log {
}

td.interface       { width:48px; height:48px; }
td.interfaceHolder { width:250px; height:150px; vertical-align:text-top; }
/*OBSOLETE*/
.grass { background-color: #88FF88; }
.forest { background-color: #008800; }
.swamp { background-color: #008888; }
.desert { background-color: #BB8800; }
.hill { background-color: #888888; }
.mountain { background-color: #444444; }
.water { background-color: #0000FF; }

.heaven { background-color: #00FFFF; }
.stairs_up { background-color: #00FFFF; }
.stairs_down { background-color: #800080; }
.hut { background-color: #FF8800; }
.cave { background-color: #00FF00; }
.shop { background-color: #FF00FF; }

.wall { background-color: #333333; }
.floor { background-color: #FFFFCC; }
.sign { background-color: #AA6600; }
.door { background-color: #663300; }
.inn { background-color: #FF00CC; }
.bed { background-color: #BBBBFF; }
.building { background-color: #444488; }
.castle { background-color: #444488; }

.void { background-color: #000000; }

td.mapcell { width:20px; height:20px; font-size:12pt; color:#000000; text-align:center; }

.startHidden { visibility: hidden; }

table.characters {
	font-size: 24px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #333333;
	padding: 5px;
	border-spacing: 5px;	
}

table.trophy {
	font-size: 24px;
	width: 80%;
}
table.subtrophy {
	width: 100%;
}
div.trophyHow {
	background-color: #663300;
	color: white;
	text-align: center;
}
td.trophy0 {	
	font-size: 24px;
}
td.trophy1 {
	background-color: #8C7853;
	color: black;
	font-size: 24px;
}
td.trophy2 {
	background-color: #E6E8FA;
	color: black;
	font-size: 24px;
}
td.trophy3 {
	background-color: #CFB53B;
	color: black;
	font-size: 24px;
}

.color-box {
    width: 15px;
    height: 15px;
    display: inline-block;
}

@font-face {
    font-family: 'pixelFJ';
    src: url('../font/pixelFJ8pt1__.TTF') format('truetype'),
    	 url('../font/pixelFJ8pt1__.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/*
see login.php warning-message
<style type="text/css">
    #warning-message { display: none; }
    @media only screen and (orientation:landscape){
        #wrapper { display:none; }
        #warning-message { display:block; }
    }
    @media only screen and (orientation:portrait){
        #warning-message { display:none; }
    }
</style>
*/