@font-face
{
font-family: '8 Bit Operator';
src: url('8bitoperator.ttf') format('truetype');
}

@font-face
{
font-family: 'Joystix';
src: url('joystix.ttf') format('truetype');
}

*
{
cursor: url(cursor.cur);
cursor: url(cursor.png), auto;
}

::selection
{
background: #52d6be;
color: #fff;
}

::-moz-selection 
{
background: #52d6be;
color: #fff;
}

body
{
background: #52d6be;
font: 200%/1.2 "8 Bit Operator", monospace;
color: #f96a4a;
margin: 0;
}

a
{
text-decoration: none;
color: #3bccb2;
cursor: url(pointer2.cur);
cursor: url(pointer2.png), auto;
}

#room
{
width: 468px;
height: 402px;
background-image: url(room.png);
margin: 15vh auto 0;
position: relative;
}

#room span
{
display: none;
}

#room a, #room div
{
display: block;
position: absolute;
background-position: top left;
}

#room a:hover, #room div:hover
{
background-position: bottom left;
}

#room #door
{
top: 144px;
left: 378px;
width: 72px;
height: 195px;
background-image: url(door.png);
}

#room #window
{
top: 48px;
left: 192px;
width: 90px;
height: 129px;
background-image: url(window.png);
}

#room #window:hover #isaachearts
{
display: block;
position: relative;
top: 48px;
left: 54px;
width: 24px;
height: 21px;
background-image: url(isaachearts.gif);
cursor: inherit;
}

#room #box
{
top: 162px;
left: 264px;
width: 102px;
height: 138px;
background-image: url(box.png);
z-index: 200;
}

#room #box:hover #sneasel
{
position: relative;
top: 39px;
left: 0;
width: 54px;
height: 54px;
background-image: url(sneasel.gif);
}

#room #box:hover #vulture
{
position: relative;
top: 30px;
left: 9px;
width: 36px;
height: 54px;
background-image: url(vulture.gif);
}

#room #box:hover #sableye
{
position: relative;
top: -3px;
left: 51px;
width: 48px;
height: 48px;
background-image: url(sableye.gif);
}

#room #tenguman
{
top: 240px;
left: 147px;
width: 42px;
height: 30px;
background-image: url(tenguman.gif);
}

#room #trash
{
top: 175px;
left: 235px;
width: 57px;
height: 84px;
background-image: url(trash.png);
z-index: 100;
}

#room #galaxy
{
top: 114px;
left: 318px;
width: 48px;
height: 93px;
background-image: url(galaxy.gif);
z-index: 100;
}

#room #charagen
{
top: 24px;
left: 15px;
width: 147px;
height: 219px;
background-image: url(charagen.png);
}

#room #charagen:hover #zap
{
display: block;
position: relative;
top: 6px;
left: 90px;
width: 45px;
height: 96px;
background-image: url(zap.gif);
}

#room #charagen:hover #slot
{
display: block;
position: relative;
top: 75px;
left: 36px;
width: 42px;
height: 51px;
background-image: url(slot.gif);
}

#room #cutebot
{
top: 147px;
left: 171px;
width: 51px;
height: 81px;
background-image: url(cutebot.gif);
}

#room #papers
{
top: 258px;
left: 148px;
width: 111px;
height: 63px;
background-image: url(papers.gif);
}

#container
{
position: absolute;
bottom: 0;
width: 100%;
}

#textbox
{
position: relative;
margin: 1% auto;
border: 10px solid;
width: 94%;
min-height: 1.2em;
padding: 1%;
background-color: #fff;
}

#textbox #default-info
{
display: inline;
}

#textbox a
{
cursor: url(pointer.cur);
cursor: url(pointer.png), auto;
}

#sitemap
{
position: absolute;
top: 1em;
right: 1em;
color: #fff;
}

#sitemap:hover
{
padding: .25em;
border: 10px solid;
}