body {
  background: #285275 url("/img/pond.gif"); /*Replace with your own background image! :)*/
	background-size: cover;
	background-attachment: fixed;
  background-position:center;
	background-size: cover; 
	font-family: sans-serif;
	font-size:14px;
  }
  
a {
  color: #05225e;
  }
  
/*Everything goes inside this.*/
.container {
  margin: 0 auto;
  width:800px;
  margin-top:5px;
  margin-bottom:5px;
  }
  
/*Main boxes.*/
.main {
  background: #ffffff;
  border:3px double black;
  margin-left:200px;
  padding: 12px 17px;
  margin-bottom:35px;
  margin-top:35px;
  }

/*Sidebar*/
.side {
  background: #ffffff;
  padding:10px 12px;
  border: 3px double black;
  margin-top:225px;
  max-height:300px;
  overflow:auto;
  width:135px;
  position:fixed;
  text-align:center;
  }
  
.side img {
  border: 3px double black;
  margin: 0 auto;
  margin-left: -3px; /*border pushes it to the right otherwise*/
  }

/*Prevent image overflow*/  
.main img, .side img {
  max-width: 100%;
  height: auto;
  }
  
  
/*For narrower screens.*/
@media(max-width:850px) {
  .container {
    width:700px;
  }
  .main {
    margin-left:175px;
    }
  .side {
    width:100px;}
  }