body {
  padding: 0;
  margin: 0;
  background: #422e20;
  font-size: 1em;
  color: white;
  font-family: "Times New Roman", serif;
  }
  
h1, h2, h3, h4, h5, .link {
  font-family: "Bookman Oldstyle", serif;
  }
  
.wrapper {
  background: none;
  width: 100%;
  }
  
.wrapper-2 {
  margin: 0 auto;
  }
  
.header, .footer {
  background: url("/img/pond.gif");  
  background-size: cover;
  border-color: #22aab8;
  margin: 0;
  }

  
.footer {
  border: 0;
  }

.sidebar-left, .sidebar-right {
  width: 16%;
  }
  
.main {
  width: 64%;
  margin-left: 18%;
  }
  
.sidebar-right {
  margin-left: 1%;
  }
  
.sidebar-left {
  margin-left: 1%;
  }
  
.box {
  border-top: 7px solid #22aab8;
  border-bottom: 7px solid #22aab8;
  padding: 0em 0em 0em 0em;
  margin: 0.75em 0em 1.25em 0em;
  border-radius: 5px 5px 0px 0px;
  background: #fff;
  color: #12282f;
  }
  
.inner {
  padding: 0 10px 0 10px;
  }

  
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
  background:#22aab8;
  padding: 0.25em 0.6em 0.15em 0.6em;
  margin-top: 0px;
  margin-bottom: 0;
  }
  
/*New! Mobile compatibility. Just turns everything into a standard vertical layout.*/
@media(orientation: portrait) {
  .main, .sidebar-left, .sidebar-right {
    position: relative;
    width: 100%;
    margin: 0 auto;
    }
  }