/**
 * Border Box rule. See:
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

/* Font styles. */
body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  font: 13px / 1.5em $helvetica;
}

/* Links */
a {
  color: $link-color;
  text-decoration: none;

  &:link,
  &:visited {
    color: $link-color;
    text-decoration: none;
  }

  &:hover,
  &:active {
    color: $main-menu-link-hover-color;
    text-decoration: none;
  }
}



.page-title {
  font-family: $georgia;
  color: $dark-blue;
  line-height: 1.188em; // 38px / 13px
  letter-spacing: 0.01em;
  font-size: 1.846em; // 24px / 13px
  @include breakpoint($tablet) {
    font-size: 2.462em; // 32px / 13px
  }
}


/* Paragraph styles. */
p {
  margin: 0 0 1em 0;
  font-family: $arial;
  font-size: 1em; // 13px / 13px
  line-height: 1.385em; // 18px / 13px
  color: $gray;
  letter-spacing: 0.01em;
}

/* List styles. */
ul, ol {
  margin-left: 0;
  padding-left: 2em; // 26px / 13px
}

/* Table styles. */
table {
  width: 99%;
}

tr.even,
tr.odd {
  td {
    padding: 0.769em 0.385em; // 10px / 13px, 5px / 13px
  }
}

tr.odd {
  background-color: white;
}

/* Code. */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

pre {
  background-color: #efefef;
  display: block;
  padding: 0.385em; // 5px / 13px
  margin: 0.385em 0; // 5px / 13px
  border: 1px solid #aaaaaa;
}

/* List styles. */
ul {
  list-style-type: disc;
  ul {
    list-style-type: circle;
    ul {
      list-style-type: square;
      ul {
        list-style-type: circle;
      }
    }
  }
}

ol {
  list-style-type: decimal;
  ol {
    list-style-type: lower-alpha;
    ol {
      list-style-type: decimal;
    }
  }
}

/* Abbreviation. */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

* {
  margin: 0;
  padding: 0;
}

@include sixteenhundred-fonts();

em {
  font-style: italic;
}
