/**
 * @file main.scss
 * Written by Rick Harris (@iamrickharris)
 */
.pane-sprite, .pane-left, #scene-wrapper:before, .pane-mid-left, dl:before, .pane-mid-right, dl:after, .pane-right, #scene-wrapper:after {
  background: url('../../img/pane-s1a219c2db1.png') no-repeat;
}

.pane-left, #scene-wrapper:before {
  background-position: 0 0;
  height: 924px;
  width: 239px;
}

.pane-mid-left, dl:before {
  background-position: 0 -924px;
  height: 947px;
  width: 276px;
}

.pane-mid-right, dl:after {
  background-position: 0 -1871px;
  height: 968px;
  width: 272px;
}

.pane-right, #scene-wrapper:after {
  background-position: 0 -2839px;
  height: 903px;
  width: 215px;
}

html,
body,
#cemetary,
#scene-wrapper,
#scene {
  height: 1015px;
  margin: 0;
  padding: 0;
}

html {
  background: #5e4426;
}

body {
  background: url('../../img/green-pattern.jpg?1319820627') repeat-x 0 0;
  min-width: 412px;
}

#cemetary {
  background: url('../../img/cemetary-scene.png?1319820626') repeat-x 50% 0;
}

#scene-wrapper {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
#scene-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: -42px;
  z-index: 2;
}
#scene-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

#scene {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-left: 197px;
  margin-right: 215px;
}

dl {
  margin: 0;
  width: 548px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -274px;
}
dl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
dl:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
dl dt,
dl dd {
  display: none;
}

footer {
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
  font-family: "MaidenOrangeRegular", serif;
  text-align: center;
}
footer h1 {
  font-size: 60px;
  text-transform: uppercase;
  color: #bfbf22;
  font-weight: normal;
}
footer a {
  display: block;
  text-transform: lowercase;
  color: #ff6b06;
  font-size: 24px;
  line-height: 30px;
  text-decoration: none;
  margin-top: -6px;
}
footer img {
  display: block;
  margin: 6px auto 0;
}

@media only screen and (max-width: 959px) {
  #scene-wrapper:before {
    -moz-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.2);
  }
  #scene-wrapper:after {
    -moz-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2);
    box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2);
  }
}