* {
  box-sizing:border-box;
}

html, body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #444;
  font-family: 'Kingthings Exeter', 'Tahoma';
  font-size: 1.1em;
  color: #310;
}

div {
  box-sizing: border-box;
}

h1,h2,h3 {
  font-size: 1.6em;
}

#everything {
  /*background-color: #eee;
  border-left: 1px solid #000;
  border-right: 1px solid #000;*/
  width: 1080px;
  min-width: 320px;
  /*overflow-x: overflow;*/
  margin-left: auto;
  margin-right: auto;
}

#header {
  width: 100%;
  text-align: center;
}

#menu {
  width: 100%;
}

#menu a {
  display: block;
  padding-top: -10px;
  width: 25%;
  height: 70px;
  float: left;
  border-top: 3px solid #ddd;
  border-left: 3px solid #ddd;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  background-color: #ffdd66;
  background-image: url('/img/stone.png');
  background-position: 40px 0px;
  text-decoration: none;
  color: #bbe;
  
  /*
  font-family: "Kingthings Exeter";
  text-shadow: -1px -1px #000, 1px 1px #000, 2px 2px #000, 3px 3px #000;
  font-size: 55px;*/
  
  font-family: "Minecraft";
  text-shadow: -1px -1px #000, 5px 5px #000;
  font-size: 42px;
}

#menu a:hover {
  border-top: 6px solid  #222;
  border-left: 6px solid #222;
  border-right: 6px solid #eee;
  border-bottom: 6px solid #eee;
  color: #fff !important;
}

#menu a span {
  display: inline-block;
  /*margin-top: -5px;*/
  margin-top: 0px;
}

#content {
  padding: 0px 90px;
  margin-top: -5px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-image: url('/img/scrollmid.png');
  background-size: 100% auto;
  position: relative;
}

#content * {
  position: relative;
  z-index: 10;
}

#scrolltop {
  position: absolute;
  background-image: url('img/scrolltop.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: -20px;
  left: 0px;
  width: 100%;
  height: 468px;
}

#scrolltop-spacer {
  width: 100%;
  max-height: 186px;
}

#scrollbottom {
  background-image: url('img/scrollbottom.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 384px;
  /*height: 1px;*/
  margin-top: 0px;
}

#scrollbottom-spacer {
  width: 100%;
  max-height: 300px;
}

.clear {
  clear: both;
}


@media only screen and (max-width:1080px) {
  #everything {
    width: 100%;
  }
  
  #menu a {
    width: 100%;
  }
}

@font-face {
  font-family: "Kingthings Exeter";
  src: url("/fonts/Kingthings_Exeter.ttf");
}

@font-face {
  font-family: "AquilineTwo";
  src: url("/fonts/AquilineTwo.ttf");
}

@font-face {
  font-family: "Minecraft";
  src: url("/fonts/minecraft.woff");
}

#rules {
  /*font-family: "AquilineTwo";*/
  font-size: 1.2em;
  font-weight: bold;
}

#rules ol{
  /*font-family: "AquilineTwo";*/
  margin-top: 5px;
  margin-bottom: 5px;
}

#faq {
  margin-top: 50px;
  font-size: 0.9em;
}

.faqHeader {
  margin-top: 30px;
  margin-bottom: 5px;
}

.indent {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 15px;
}