body { font-family: 'Rubik', 'Gill Sans MT', Arial, Helvetica, sans-serif; padding: 0; margin: 0; font-weight: lighter; }
a { color: #000; }
a:hover { text-decoration: none; }
  h1 { margin: 2em auto 2em auto; width: 100%; text-align: center; }
  #content h2 { font-family: 'Roboto Slab', 'Rockwell', Playbill, serif; margin: 0 0 0.75em 0; padding: 0; font-size: 1.9em; clear: both; }
  .intro { font-size: 1.3em; margin: 0 0 1em 0; padding: 0; font-style: italic;  }
  #content { width: 58%; margin: 0; padding: 0; float: right; }
  .article { width: 90%; padding: 0 10% 0 0; }
  #menu { width: 30%; margin: 0 7% 0 3%; text-align: right; }
  #if1 { height: 80vh; }
  #if2, #if3, #if4, #if5, #if6, #if7, #if8, #if9 { height: 60vh; }
  @media only screen and (max-device-width:800px) {
    #tagCloud { display: none; }
    #quote { display: none; }
    #social { display: none; }
    #menu { text-align: left; margin: 0 auto 0 9%; padding: 1em; background-color: #c00; color: #fff; clear: both; position: absolute; top: 240px; width: 80%; }
    #content { width: 90%; clear: both; margin-top: 140px; }
    #if1 { height: 25vh; }
    #if2, #if3, #if4, #if5, #if6, #if7, #if8, #if9 { height: 20vh; }
  }
  .tags { padding: 0 0 2em 0; }
  .tags a, .actions a { display: block; float: left; padding: 0.2em 0.4em 0.2em 0.4em; margin: 0 0.5em 0 0; background-color: #c00; color: #fff; text-decoration: none; }
  .tags span { float: left; padding: 0.2em; margin: 0 0.3em 0 0; }
  .text { clear: both; }
  .actions { padding: 1em 0 0 0; }

   .search-form .screen-reader-text { display: none; }
   .search-field { border-color: #000; border-style: solid; border-weight: 2px; font-family: 'Rubik', 'Gill Sans MT', Arial, Helvetica, sans-serif; height: 1.75em; width: 15em; text-align: right; font-weight: lighter; }
  .search-submit { display: none; }
  #tagCloud a { text-decoration: none; color: #000; font-weight: normal; }
  #tagCloud a:hover { color: #c00; }
  .calendar { margin: 0; padding: 1.5em 0 2em 0; width: 100%; }
  .calendar a { display: block; width: 2.2em; float: right; text-align: center; padding: 0.2em; margin: 0 0.5em 0.5em 0; background-color: #c00; color: #fff; text-decoration: none; }
@media only screen and (max-device-width:800px) {
  .calendar { padding: 0 0 2em 0; }
  .calendar a { float: left; background-color: #fff; color: #c00; }
}
  .calendar br { line-height: 3em;  }
  #quote { width: 100%; margin: 3em 0 2em 0; font-style: italic; font-size: 0.9em; }
  #quote p { margin: 0; }
  #quotee { font-style: normal; }
  #bio { font-size: 0.9em; }
  #bio h2 { font-family: 'Roboto Slab', 'Rockwell', Playbill, serif; font-size: 1.75em; margin: 0; padding: 0; }
  #bio p { margin: 0; padding: 0; }
  #footer { font-size: 0.9em; margin: 1.5em 0 1.5em 0; }
  #footer a { color: #000; text-decoration: underline; }
  #footer a:hover { text-decoration: none; }
  @media only screen and (max-device-width:800px) {
    #footer { text-align: right; }
  }

  div#content div.article:nth-of-type(even) { background-color: #c00; color: #fff;  }
  div#content div.article:nth-of-type(even) h2 { padding: 0.5em 0 0 0.5em; }
  div#content div.article:nth-of-type(even) .text, div#content div.article:nth-of-type(even) .intro { padding: 0 0 0 1em; }
  div#content div.article:nth-of-type(even) .tags { padding: 0 0 2em 1em; }
  div#content div.article:nth-of-type(even) .tags a, div#content div.article:nth-of-type(even) .actions a  { background-color: #fff; color: #c00; }
  div#content div.article:nth-of-type(even) .actions { padding: 0 0 3em 0em; }
  #content .article { margin: 0 0 2em 0; }

  h2 a { text-decoration: none; color: inherit; }
  h2 a:hover, #tagCloud a.t1:hover { color: #c00; }
  #tagCloud a.t2:hover, #tagCloud a.t3:hover { color: #000; }
  .tags a:hover, .actions a:hover, #calendar a:hover { background-color: #000; }
  div#content div.article:nth-of-type(even) .tags a:hover, div#content div.article:nth-of-type(even) .actions a:hover { background-color: #000; color: #fff; }
  div#content div.article:nth-of-type(even) h2 a:hover { color: #000; }

  div.comment { margin-bottom: 2em; }
  label[for=comment] { display: block; width: 75%; clear: both; }
  #comment { border-color: #000; border-style: solid; border-weight: 2px; font-family: 'Rubik', 'Gill Sans MT', Arial, Helvetica, sans-serif; height: 10em; width: 75%; text-align: left; font-weight: lighter; }
  #submit { border-color: #000; border-style: solid; border-weight: 2px; font-family: 'Rubik', 'Gill Sans MT', Arial, Helvetica, sans-serif; height: 1.75em; width: 15em; text-align: center; font-weight: lighter; background-color: #fff; }
  div.comment-list { padding-left: 2em; width: 75%; }

  #social { margin-bottom: 2em; }