@font-face {	
font-family: 'FearlessRegular';
	
		src: url('fearless-webfont.eot');
	
		src: local('☺'), url('fearless-webfont.woff') format('woff'), url('fearless-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}


* {margin:0px; padding:0px; font-family:arial;}
body {background-color:#000000; overflow:hidden;}
#menuhead {height:165px; padding:5px; margin:5px; width:290px; background-image:url('images/paper.png');}
#underlay {position:relative; top:-472px; width:705px; height:449px; background-color:#4b4a39; z-index:-1; background-image:url('images/tile.png');}
#welcome  {color:#a48e51; font-family:FearlessRegular,arial; font-size:xx-large;}
img#animatebook {position:relative; z-index:0; top:-50px;}
img#spells {position:relative; z-index:0; top:-50px;}
input {background:url("images/nothing.png") repeat scroll 0 0 transparent; border-color:#000000; border-width:1px; border-style:solid; color:#FFFFFF;}
.button {background:url("images/tile2.png"); border-style:outset;border-width:1px; color:#000000; height:25px; width:44px; font-weight:bold;}
.button:hover {color:#ffffff;}
#newplayer {width:194px;}
#tdcreate {text-align:center; padding-top:4px;}
#tdcreate .button {width:50px; float:right;}
.spellcolour {position:relative; z-index:3; width:85px; cursor:pointer;}
#red {top:-875px; left:-64px;}
#black {top:-666px; left:-17px;}
#blue {top:-878px; left:15px;}
#green {top:-666px; left:59px;}
div.spellcolour {width:85px; display:inline;}
.spellcolour img {width:85px;}
#kleur {font-weight:bold;}
#errors {position:absolute; top:0px; left:0px; background-color:#ffffff; color:#000000;}
#othermenu {
    position: fixed;
    top:5px;
    right:15px;
}

#othermenu a {
    color: #DAC557;
    font-size: 10px;
    text-decoration: none;
}