@import "../general.css";

body {
  background-color: #ccf;
}
#background {
  background-image: url("background.jpg");
  background-position-x: center;
  background-position-y: bottom;

  position:absolute;
  top: 0; bottom:0; left: 0; right: 0;
}
#background .screen {
  position: absolute;
  left: 120px; right: 120px;
  top: 0; bottom: 0;
  background: rgba(255,255,255,0.65);
}
#side-border div {
  position: absolute;
}
#side-border .left, #side-border .right {
  position: absolute;
  width: 120px;
  bottom: 0px;
  top: 0px;
  background-repeat: repeat-y;
}
#side-border .left {
  left: 0;
  background-image: url('border-left.png');
}
#side-border .right {
  right: 0;
  background-image: url('border-right.png');
}
#main {
  margin-left: 120px;
  margin-right: 120px;
}
#bottom-border {
  position: absolute; left: 108px; right: 108px; bottom: 0;
  height: 40px;
  background: url("border-bottom.png") bottom center repeat-x;
}

body.index #index-image {
  position: absolute;
  top: 45px;
  left: 50%;
  margin-left: -400px;
}
body.index #index-image,
body.index #index-image > img {
  display: block;
  width: 800px; height: 502px;
  border: none;
}
body.index #index-image > * {
  position: absolute; top: 0; left: 0;
}
body.index #puzzle-list a {
  display: block;
  padding: 14px 15px 0 60px;
  margin: 0 0 2px 0;
  background: url('icon.png') no-repeat;
  height: 46px; /* 60px minus the padding */
}
body.index #puzzle-list a.unsolved {
  background-image: url('icon-unsolved.png');
}

#main {
  padding: 10px 0 60px 0;
  position: relative;
}

body.index {
  /*min-width: 880px;*/
  min-width: 940px;
}
body.index #main {
  padding-top: 550px;
}

/* puzzle page */
body.puzzle {
  min-width: 940px;
}
#show-title { top: 52px; }
#show-title .title {
  width: 750px; left: -375px; /* centered */
  height: 88px;
  background: url('banner.png') no-repeat;
}
body.puzzle #main {
  padding-top: 152px;
}
#content {
  padding: 0 1em;
}
#link {
  left: 300px; top: 85px;
}
.ptitle {
  position: relative; /* put in front of banner */
  z-index: 99;        /* put in front of banner */
  background: url('divider.png') no-repeat;
  height: 123px;
  padding: 14px 0 0 78px;
  margin: -5px 0 -14px -20px;
}