/*
  BASE RULES

  - A Base rule is applied to an element using an element selector a descendant selector, or a child selector, along with any pseudo-classes.
  - It does not include any class or ID selectors.
  - It is defining the default styling for how that element should look in all occurrences on the page.
*/

/*
  Red: #E42B12;
  Blue: #232b3b;
  Blue Accent: #30384a;
  Orange: #F26A35;
  Grey: #BCBEC0;
*/

* {
  box-sizing: border-box;
}

li:empty {
  background: #EF5252;
  height: 100px;
  display: none;
}

body {
  background: #e8e8e8;
  color: #111;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6em;
  margin: 50px 0 0;
  min-height: 100%;
  padding: 0;
  overflow-x: hidden;
}

body > article {
  display: block;
  left: 0px;
  max-width: 1030px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

a:link,
a:visited {
  color: #0A4A8E;
  text-decoration: none;
}

a:hover {
  text-decoration: underline
}

b,
strong {
  font-weight: 700 !important;
}

/* EXTERNAL LINKS */

a[href~="^http:\/\/"] {
  padding-right: 13px;
  background: url('images/externallink.png') no-repeat top left;
}

hr {
  border-color: #ddd !important;
  border-style: solid;
  border-width: 1px 0 0;
  margin: 50px 0;
}

li {
  margin-bottom: 10px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-bottom: 15px;
  letter-spacing: -0.4px;
  font-weight: 300;
}

p {
  margin: 0 0 15px
}

table,
table td,
table th {
  border: 1px solid #E6EBF1;
  border-spacing: 0;
  margin-bottom: 20px;
  text-align: left;
  padding: 12px 8px
}

table th {
  background: #E6EBF1;
  font-weight: 600;
  border-color: transparent;
}

table {
  border-collapse: collapse;
  padding: 0;
  width: 100%;
  border: 3px solid #E6EBF1;
}

table tbody tr:nth-child(even) td {
  background-color: #F4F6F9;
}

table tbody tr:nth-child(even) td {
  background-color: #ECEFF4;
}

pre {
  border: none;
  background: #F1F3F7;
  padding: 20px;
  overflow: auto;
  margin: 0 0 20px;
}

pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  background: none;
  border: none;
  color: #333;
}

dt {
  font-weight: 700;
  letter-spacing: 0.1em;
}

dd {
  margin: 8px 0 20px;
}

tt {
  font-family: monospace;
  background: #E6EBF1;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  background: #232b3b;
  z-index: 1;
}

header > div,
body > section {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

mark {
  color: inherit;
  background: #E6EBF1;
}

nav {
  float: none;
  clear: both;
  position: relative;
}

nav ul {
  display: inline;
  margin: 0;
  padding: 0;
  height: 22px;
}

nav ul li {
  display: inline;
  padding: 0;
  float: left;
  margin: 0;
}

nav ul li a {
  text-decoration: none;
  padding: 8px;
  font-weight: 300;
  letter-spacing: 0.1em;
}

nav ul li a:link,
nav ul li a:visited {
  color: #fff;
}

nav ul li a:hover,
nav ul li.selected > a {
  color: #BCBEC0;
}

nav ul li i.fa {
  font-size: 22px;
}

footer {
  background: transparent;
  border-top: 4px solid #dfdfdf;
  float: left;
  width: 100%;
}

footer a:hover {
  text-decoration: underline !important;
}

footer a:link,
footer a:visited {
  color: #aaa;
  text-decoration: none;
}

footer p {
  color: #BCBEC0;
}

footer a {
  color: #aaa;
  font-weight: 500;
}

footer > div {
  width: 33.3333%;
  float: left;
  display: table;
}