* {
    font-family:Tahoma, Geneva, sans-serif;
}
body {
    background-color:#666666;
    font-size:20px;
}
div {
    background-color:#ffffff;
}

a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }

#debug {
    font-family:monospace;
    font-size: 12px;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    overflow:auto;
    height:140px;
    background-color:#000;
    padding:3px;
    color:green;
}

#game {
    display: inline-block;
    position: relative;
    margin-left: 25%;
}


#roam {
    background-position: top left;
      
    /* 7 x 7 Grid */
    /* 7 x 64 = 448 */
    /* 488 - 32? */
    width: 448px;
    height: 448px;
        
    position: relative;
}

#player {
    box-sizing:border-box;
    width:64px;
    height:64px;
    background-image:url(../player_front_stopped.png);
    z-index:10;
    position:absolute;
    background-color:transparent;
}

#dialogbox {
    background-color:#e0cb29;
    padding:10px;
    letter-spacing: 2px;
    border:2px inset #e0cb29;
    width:448px;
    box-sizing:border-box;
    display:none;
    position:absolute;
    bottom:0;
    left:0;
}

#battle {
    width:488px;
    height:288px;
    display:none;
}
#battle table, #actionmenu table {
    width:100%;
    height:100%;
    font-family:Tahoma, Geneva, sans-serif;
    letter-spacing: 2px;
}
#actionmenu {
    xheight:200px;
    display:none;
    background-color:#e0cb29;
    position:absolute;
    bottom:0px;
}

.trainer {
    width:64px;
    height:64px;
    background-image:url(../images/icons/trainer_front.png);
    position:absolute;
    background-color:transparent;
}

/*#roam td {
    width:64px;
    height:64px;
    box-sizing:border-box;

    zwidth:14%;
    zheight:14%;
}*/

/* ------------ Tile Styles ------------ */
.tree {
    background-color:green;
}
.grass {
    background-image:url("../grass.png");
    background-size:40px 40px;
}
.healcentre {
    background-image:url("../healcentre.png");
    background-size:100% 100%;
}
.exitToMain {
    background-image:url("../exit.png");
    background-size:100% 100%;
}
/* ------------ End Tile Styles ------------ */

/*
.playerUp {
	animation: walk-up 1s steps(2) 1;
	background-image: url("player_back_2.png");
}
@keyframes walk-up {
  0% {
	background-position: 0 0;
  }
  100% {
	background-position: 128px 0;
  }
}*/

.mapend {
    background-color:grey;
}

.clear {
    background-color:white;
    clear:both;
}
    
#actionselected {
    background-image:url("../arrow1.png");
    background-repeat:no-repeat;
    width:16px;
}

.blackblock {
    height: 64px;
    width: 64px;
    box-sizing: border-box;
    float: left;
    background-color: black;
    z-index: 10;
}