@font-face {
    font-family: 'Corona4Medium';
    src: url('corona4-webfont.eot');
    src: url('corona4-webfont.eot?#iefix') format('embedded-opentype'),
         url('corona4-webfont.woff') format('woff'),
         url('corona4-webfont.ttf') format('truetype'),
         url('corona4-webfont.svg#Corona4Medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

canvas, div {
	image-rendering: -moz-crisp-edges;
}

div.bg {
	width: 500px;
	height: 350px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

body {
	background-color: #533B0F;
    background-image: url("sepia-tall.png");
    background-repeat: repeat-x;
    color: #EADDC4;
/*zoom: 200%;*/
}

#container {
	width: 480px;
	height: 320px;
	position: relative;
	margin: auto;
	padding: 64px;
	background-image: url("border.png");
}

#game {
	width: 480px;
	height: 320px;
	position: relative;
	background-color: black;
	overflow: hidden;
	cursor: crosshair !important;
	margin: 0;
	padding: 0;
	/*-moz-transform: scale(2);
	-moz-transform-origin: 50% 0;*/
}

div.dragging { 
	cursor: crosshair !important;
}

#dash {
	width: 492px;
	height: 50px;
	padding-left: 8px;
	position: absolute;
	top: 350px; 
	left: 0;
	color: white;
	font-family: Corona4Medium;
}

#sprite{
	position: absolute;
	left: 160px;
	top: 140px;

	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#textbox {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	
	width: 450px;
	height: 76px;
	position: absolute;
	left: 2px;
	bottom: 0;
	background: url('textbox.png');/*rgba(20;10;0;0.8);*/
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: lightgray;
	overflow: hidden;
	z-index: 40;
	font-family: Corona4Medium;
	font-size: 15px;
	text-shadow: 1px 1px black;
	display: none;
}

#textbox b {
	color: white;
	font-weight: normal;
}

#textbox u {
	color: lime;
	text-decoration: none;
}

#blurb {
	font-family: Corona4Medium;
	font-size: 12px;
	text-align: center;
	width: 500px;
	margin: auto;
}

A:link {
    color: #CAB998;
    text-decoration: underline;
}
a:visited {
    color: #333333;
    font-size: 25px;
    text-decoration: none;
}
a:link, a:visited, a:focus {
    color: #666666;
    outline: medium none;
    text-decoration: none;
}