/* reset */
* {
  border: 0;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: none;
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
/* /reset */

/* defaults */
body {
  background: #000;
  color: #fff;
  font-size: 12px;
}
/* /defaults */

/* game */
#game {
  height: 460px;
  left: 50%;
  margin: -230px 0 0 -160px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 320px;
}
/* /game */

/* title */
#gameTitle {
  background: url(../img/background.png) no-repeat;
  height: 459px;
  padding: 1px 0 0 0;
  width: 320px;
}
#gameTitle h1 {
  background: url(../img/header.png) no-repeat;
  height: 125px;
  margin: 30px 0;
  width: 320px;
}
#gameDifficulty {
  margin: 30px auto;
  width: 100px;
}
.difficulty {
  clear: both;
  height: 30px;
}
.difficulty input {
  float: left;
  margin-top: 3px;
}
.difficulty label {
  display: block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
}
#startGame {
  background: url(../img/button_off.png) no-repeat;
  display: block;
  height: 35px;
  margin: 0 auto;
  width: 240px;
}
#startGame:hover {
  background-image: url(../img/button_on.png);
}
/* /title */

/* playing */
#gamePlaying {
  height: 459px;
  padding: 1px 0 0 0;
  width: 320px;
}
#stopButton {
  background: url(../img/close.png) no-repeat;
  bottom: 15px;
  filter: alpha(opacity=50);
  height: 20px;
  left: 15px;
  opacity: 0.5;
  position: absolute;
  width: 20px;
}
#stopButton:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#score {
  bottom: 15px;
  cursor: default;
  font-size: 16px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  position: absolute;
  right: 15px;
  text-align: right;
  width: 150px;
}
/* /playing */

/* objects */
.gameObject {
  display: block;
  position: absolute;
  height: 72px;
  width: 72px;
}
#gamePlayer {
  background: url(../img/princess.png);
}
#gameEnemy {
  background: url(../img/bowser.png);
}
/* /objects */

/* css corners */
.round {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.roundTop {
  -moz-border-radius-topleft:         8px;
  -moz-border-radius-topright:        8px;
  -webkit-border-top-left-radius:     8px;
  -webkit-border-top-right-radius:    8px;
  border-radius-topleft:              8px;
  border-radius-topright:             8px;
}
.roundLeft {
  -moz-border-radius-bottomleft:      8px;
  -moz-border-radius-topleft:         8px;
  -webkit-border-bottom-left-radius:  8px;
  -webkit-border-top-left-radius:     8px;
  border-radius-bottomleft:           8px;
  border-radius-topleft:              8px;
}
.roundRight {
  -moz-border-radius-bottomright:     8px;
  -moz-border-radius-topright:        8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-top-right-radius:    8px;
  border-radius-bottomright:          8px;
  border-radius-topright:             8px;
}
.roundBottom {
  -moz-border-radius-bottomleft:      8px;
  -moz-border-radius-bottomright:     8px;
  -webkit-border-bottom-left-radius:  8px;
  -webkit-border-bottom-right-radius: 8px;
  border-radius-bottomleft:           8px;
  border-radius-bottomright:          8px;
}
/* /css corners */