style.css

body {
    margin: 0;
    padding: 0;
	background: none repeat scroll 0 0 #E0E0E0;
	font-family: Helvetica, sans-serif;
}
#gamecanvas {
    width: 100%;
    height: 350px;
}
#levelscreen {
    width: 100%;
    height: 400px;
	position: relative;
}
.walkingCharacter {
	position: absolute;
}
#content {
    width: 100%;
    height: 450px;
	clear:both;
}
#gamescreen {
}
#storyscreen {
}
#failurescreen {
	display: none;
}
#successscreen {
	display: none;
}
#characters .nameplate {
	display: inline-block;
	width: 175px;
	text-align: center;
}
.storytime {
	width: 40%;
	margin: 0px auto;
}

.buttons {
    margin-top: 30px;
    display: table;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.buttons * {
    display: table-cell;
    vertical-align: middle;
}

.nextbtn {
    text-align: right;
}

.nextbtn * {
    text-align: left;
}

#levelname {
    font-weight: bold;
    font-size: 20px;
}

.clothrelative {
	position: relative;
}

.clothabsolute {
	position: absolute;
}

.textrotate {
	font-size: 25px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	writing-mode: lr-tb;
	top: 100px;
}