// Place all the styles related to the posts controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

html {
  margin: 0 24px;
}

body {
  background-color: white;
  color: black;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0 auto;
  width: 720px;
}

a, a:visited {
  color: #07f;
}

nav {
  font-size: 14px;
}

nav ul {
  margin: 0;
  padding: 0;
}

nav li {
  display: inline;
  margin-right: 1em;
  line-height: 1.6em;
  list-style: none;
}

nav a, nav a:visited {
  color: #333;
  font-weight: 700;
}

nav li.current a {
  color: #a12;
}

nav a:not(:hover) {
  text-decoration: none;
}

header h1 {
  line-height: 1em;
  margin-bottom: 0;
}

header {
  margin-bottom: 5em;
}

header + ul {
  margin: 5em 0;
}

article {
  margin: 0 0 3.3em 0;
}

h1, h2, h3, #pagination {
  font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

h1 {
  font-size: 32px;
}

h1 a, h1 a:visited {
  color: #a12;
}

h1 a:not(:hover) {
  text-decoration: none;
}

h2 a {
  color: inherit;
}

address, ol, p, ul {
  line-height: 1.5em;
}

article p span, time {
  color: #888;
}

img {
  border: 0;
}

img.border {
  border: 1px solid #ccc;
  padding: 20px;
}

.lead {
  font-size: 20px;
}

.stats {
  th, td {
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    padding: .5em;
  }
}

.reading-space {
  margin-bottom: 2.25em;
}

address {
  font-style: normal;
}

code {
  padding: 2px 4px 3px 4px;
  background-color: #eee;
  border-radius: 5px;
  color: #444;
}

#pagination {
  font-size: 1.17em;
  margin: 5em 0 3em 0;
  text-align: center;
}

#pagination a, #pagination a:visited {
  background-color: black;
  color: white;
  font-weight: 700;
  padding: 6px 8px 6px 9px;
  margin: 12px 0;
  text-decoration: none;
}

#pagination a.current {
  background-color: #a12;
  padding: 18px 8px 18px 9px;
  margin: 0;
}

footer {
  font-size: .88em;
  margin-bottom: 18px;
}

footer, footer a, footer a:visited {
  color: #888;
}

.archives {
  margin-top: 3.3em;
}

.subscribe {
  background: url(/feed-icon-16x16.png) left center no-repeat;
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px;
}

#approval_required {
  border: 2px solid #812;
  color: #a12;
  padding: 10px;
  margin: 10px 0;
}

#errorExplanation {
  border: 2px solid #a12;
  padding: 10px;
  margin: 10px 0;
}

#errorExplanation.errorExplanation h2, #errorExplanation.errorExplanation p, #errorExplanation.errorExplanation ul {
  color: #a12;
}

#errorExplanation.errorExplanation ul {
  padding-left: 20px;
}

.newsletters article {
  margin: 8em 0;
}

.newsletters h2 {
  margin-top: 2em;
}

.newsletters hr {
  margin: 4em 0 0 0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */