@font-face {font-family: Gothic; src: url('fonts/ArgBiwSc.ttf');}
@font-face {font-family: Dalelands; src: url('fonts/Dalelands Uncial.otf');}

div {

    border: 2px solid;
    padding: 20px; 
/*    width: 800px;  */
/*    resize: both;  */
    resize: none;  
    overflow: auto;
}

#dropbox {
/*    width: 880px;  */
    height: 380px;
    width: 95%;
/*    height: 80%; */
    border: 1px solid gray;
    border-radius: 5px;
    padding: 5px;
    background-color: black;
/*    background-color: linen; //black; */
/*    background-image: url(ocbmaplarge.png); */
/*    background-image: url("Mountains1.png"); */
    color: white;
    
    	padding: 20px;
	overflow-x: hidden; /* For Opera */
	-webkit-box-shadow:
		inset #000000 0 0 0 5px,  /* Outside edge - least inset */
		inset #c0c0c0 0 0 0 7px, 
		inset #faf0e6 0 0 0 9px,
		inset #000000 0 0 0 12px; /* furthest inset */
/*		inset #8ce9ff 0 0 0 16px, */
/*		inset #88e2f7 0 0 0 17px, */
/*		inset #c5f4ff 0 0 0 22px, */
/*		inset #000000 0 0 0 23px; */
	-moz-box-shadow:
		inset #000000 0 0 0 5px,
		inset #c0c0c0 0 0 0 7px,
		inset #faf0e6 0 0 0 9px,
		inset #000000 0 0 0 12px;
/*		inset #8ce9ff 0 0 0 16px, */
/*		inset #88e2f7 0 0 0 17px, */
/*		inset #c5f4ff 0 0 0 22px, */
/*		inset #000000 0 0 0 23px; */
	box-shadow:
		inset #000000 0 0 0 5px,
		inset #c0c0c0 0 0 0 7px,
		inset #faf0e6 0 0 0 9px,
		inset #000000 0 0 0 12px;
/*		inset #8ce9ff 0 0 0 16px,*/
/*		inset #88e2f7 0 0 0 17px,*/
/*		inset #c5f4ff 0 0 0 22px,*/
/*		inset #000000 0 0 0 23px;*/
}

#status {
    font-family: Dalelands; src: url('fonts/Dalelands Uncial.otf');
    resize: none;
    border: none;
}

/*#mytilemap {
   width = "inherit";
   height = "inherit";
}*/

article
{
    padding:5px;
    border:dotted 3px #ff006e;
    margin-top:5px;
}

header
{
    font-family: 'Gothic', Arial, sans-serif;
    padding:0px;
    text-align:center;
    color: white;
}

h4
{
    font-family: 'Dalelands', Arial, sans-serif;
    padding:0px;
    text-align:center;
    color: white;
}

aside
{
    margin-top:5px;
    background-color:#f0eaea;
    padding:5px;
    text-align:center;
    font-style:italic;
    border:double 3px #b200ff;
}

section
{
    padding:5px;
    border:dashed 3px #0026ff;
    margin-top:5px;
}

footer
{
    padding:5px;
    text-align:center;
    font-weight:bold;
}

nav
{
    text-align:center;

}

ul li
{
    display:inline;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}