/* ================================= */
/* = GENERATED FROM SASS           = */
/* = DO NOT EDIT CSS FILE DIRECTLY = */
/* ================================= */
body {
  font-size: 1.6em;
  line-height: 1.6;
  font-weight: 300;
  font-family: "Lato", sans-serif; }

.container {
  max-width: 640px; }

p {
  text-align: justify; }

h2 {
  font-style: normal; }

h3 {
  font-size: 1.6em; }

nav.navbar, .navbar-spacer, .navbar-container {
  height: 5.5rem; }

a.navbar-link {
  line-height: 5.5rem; }

html body, nav.navbar {
  background-color: #39424E; }

html body, nav.navbar, a, a.navbar-link {
  color: #ccc; }

a:hover, a.navbar-link:hover {
  color: #fff; }

code {
  background-color: #323a44;
  border-color: #666; }

.navbar {
  border-color: #666; }

hr {
  border-color: #666; }

ol {
  list-style-position: outside;
  margin-left: 0;
  padding-left: 1.5em; }

ul {
  list-style-position: outside;
  margin-left: 0;
  padding-left: 1.5em; }

/* Some extra overriding is needed for @media conditional styling */
@media (min-width: 0px) {
  .navbar-spacer {
    border: 0;
    background-color: #39424E; } }

@media (max-width: 600px) {
  h1 {
    font-size: 3.5rem; } }

article.article-preview {
  min-height: 180px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #666;
  border-radius: 4px;
  background-color: #4f5b6b; }

.preview-container {
  width: 100%;
  padding: 0; }

/*Important:*/
.link-spanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url("/images/shims/empty.png"); }

/* Unstyled images get 100% max-width, a solid border, and 4pt radius */
/* Further styling based on anchors can be specified in styles-images.css */
img {
  max-width: 100%;
  border: 1px solid #666;
  border-radius: 4px; }