/* Should reset styles but reset styles don't work */
/* @import reset.css; 
 * This was here to reset the styles but apparently was not working as 
 * it was invalid.  
 *
 * We have decided to abandon that as when it works, it really destroys 
 * the display of the site.  
 *
 * It may be worth looking at it more closely to see where the styles are
 * best set.
 */

@media screen and (min-width: 1450px) { 
  body {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Liberation Serif', serif;
    font-size: 20px;
  }
}

@media screen and (max-width: 1449) {
  body {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Liberation Serif', serif;
    font-size: 20px;
  }
}

h1 h2 h3 h4 h5 h6 {
  font-family: 'Liberation Sans', 'Bitstream Vera Sans', 'Ariel', sans-serif;
}

figure {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

div.nav ul li {
  display: inline;
  background-color: #ddd;
}

div.nav ul ul {
  display: inline-block;
  list-style-type: disc;
}

p code {
  overflow: scroll;
}

@media screen and (min-width: 1080px) {
  .content {
    float: left;
    width: 58%;
  }

  .rside {
    float: right;
    width: 18%;
  }

  .lside {
    float: right;
    width: 18%;
  }
}

@media screen and (max-width: 1079px) {
  .content {
    float: none;
    width: 100%;
  }

  .rside {
    float: none;
    width: 100%;
  }

  .lside {
    float: none;
    width: 100%;
  }
}