html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } *:focus { outline: 0; } body { line-height: 1; color: black; background: white; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } em, i { font-style: italic; } strong, b { font-weight: bold; } sup { font-size: .75em; line-height: 1.25em; padding-left: 2px; display: inline-block; vertical-align: top; }
code { font-family: monospace; }

a { color: #44A; text-decoration: none; }
q { font-style: italic; }

body {
  width: 500px;
  margin: 24px auto;
  background: #FFF;
  color: #333;
  text-shadow: 1px 1px 1px #F9F9F9;
  font-size: 16px;
  line-height: 1.5em;
  font-family: Helvetica;
  }

h1 { font-size: 24px; font-weight: bold; }
  h1 a { color: inherit; }
  
h2, .article, p, blockquote, cite, .object, ul, ol { margin-bottom: 12px; }
  
a[title='Permalink'] { color: inherit; }
    
#posts ul { list-style: disc; }
#posts ol { list-style: decimal; }

body > header, .post, .pagination {
  padding-bottom: 12px;
  border-bottom: 1px solid #CCC;
  margin-bottom: 23px;
  }
  
  .pagination { padding-bottom: 18px; text-align: center; }
  
.post {
  overflow: hidden;
  }
  
  .post img {
    max-width: 120px;
    float: right;
    margin: 0 0 12px 12px;
    }
  
    .article .answer_form_container {
      display: none;
      }
      
  .date {
    clear: both;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    }
    
    .date a {
      color: #778;
      }
      
      .date a:hover {
        color: #333;
        }
        
        .date a:hover:before {
          content: "\221E";
          }
      
  blockquote { color: #555; position: relative; padding: 0 24px; }
    blockquote:before { content: "\201C"; position: absolute; left: 0; top: 4px; color: #606068; font-size: 24px; width: 20px; text-align: right; }
    cite { display: block; font-style: italic; }      

    blockquote ol, blockquote ul { padding-left: 36px; }

.audio_player { background: #FFF; margin-bottom: 9px; line-height: 1; }
  .audio_player embed { margin: 0; border: 0; }
  
.footnotes li { padding: 6px; }
.footnotes li p:last-child { margin-bottom: 0; }
.footnotes li:target { background: rgba(255, 255, 255, .6); }
  
#whats-all-this-then {
  /* background-color: #678;
  color: #EEF;
  text-shadow: 1px 1px 1px #000; */
  padding-bottom: 36px;
  text-align: center;
  font-size: 24px;
  }