@charset "UTF-8";
footer, #global, #preamble, section.content {
  padding: 1em 2em;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease; }
  footer div, #global div, #preamble div, section.content div {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
    position: relative; }

@media only screen and (max-width: 500px) {
  footer, #global, #preamble, section.content {
    padding: 1em 1em; } }
html {
  margin: 0;
  padding: 0;
  background-color: white;
  font-size: 18px;
  font-family: "rooney-web-1", "rooney-web-2", serif;
  font-weight: 300;
  color: #252525; }

body {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  color: #323232;
  font-weight: 300;
  font-family: "brandon-grotesque-1", "brandon-grotesque-2", sans-serif;
  text-transform: uppercase; }

h1 {
  font-size: 2em;
  line-height: 1.5em;
  margin: 0 0 1.5em;
  font-weight: 900; }

h2 {
  font-size: 27px;
  line-height: 27px;
  margin: 2em 0 1em;
  font-weight: 600; }

h3 {
  font-size: 21px;
  line-height: 27px;
  font-weight: 600; }

p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0 0 1.5em; }

ol, ul {
  margin: 0 0 1.5em;
  padding: 0; }

li {
  line-height: 1.5em;
  font-size: 1em; }

blockquote {
  border-left: 5px #ddd solid;
  margin: 0 0 1em 0;
  padding-left: 15px; }

a {
  -moz-transition: opacity 0.15s ease-in-out 0s;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  -ie-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s; }

a:link {
  color: #ba006c; }

a:visited {
  color: #87004e; }

a:focus, a:hover {
  color: #ed008a; }

strong {
  font-weight: 500; }

footer {
  margin-top: 3.0em;
  margin-bottom: 3.0em; }
  footer p {
    color: #4b4b4b;
    font-size: 0.8333em;
    line-height: 1.8em; }

#global {
  background-color: #3a0022;
  padding-top: 0;
  padding-bottom: 0; }
  #global h1 {
    font-size: 18px;
    line-height: 2.5;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0; }
    #global h1 a:link, #global h1 a:visited {
      color: #fff;
      text-decoration: none; }
    #global h1 a:focus, #global h1 a:hover {
      text-decoration: underline; }
  #global nav {
    position: absolute;
    right: 0;
    top: 0; }
  #global ul {
    font-family: "brandon-grotesque-1", "brandon-grotesque-2", sans-serif;
    list-style-type: none;
    padding: 0; }
  #global li {
    float: left;
    list-style-type: none;
    padding-left: 2em; }
    #global li a:link, #global li a:visited {
      color: #fff;
      font-size: 14px;
      line-height: 45px;
      font-weight: 600;
      text-transform: uppercase;
      text-decoration: none; }
    #global li a:focus, #global li a:hover {
      text-decoration: underline; }

@media only screen and (max-width: 500px) {
  #global h1 {
    font-size: 16px; }
  #global li {
    padding-left: 1.0em; }
    #global li a:link, #global li a:visited {
      font-size: 12px;
      line-height: 40px; } }
#main {
  clear: left; }

.feed-items {
  border-left: 10px #e6e6e6 solid;
  margin-left: 15px;
  padding: 30px 0 10px 30px; }
  .feed-items .month {
    position: relative;
    margin-bottom: 3em; }
  .feed-items .month-name {
    font-size: 16px;
    color: #aaa;
    font-weight: 600;
    font-family: "brandon-grotesque-1", "brandon-grotesque-2", sans-serif;
    text-transform: uppercase;
    display: block;
    margin-bottom: 2em;
    line-height: 1; }
  .feed-items .month:after {
    content: "";
    display: block;
    position: absolute;
    left: -42px;
    top: 0;
    width: 30px;
    height: 0;
    border-top: 12px #fff solid;
    border-top-left-radius: 12px; }
  .feed-items .month:before {
    content: "";
    display: block;
    position: absolute;
    left: -40px;
    top: 2px;
    width: 30px;
    height: 0;
    border-top: 10px #e6e6e6 solid;
    border-top-left-radius: 10px;
    z-index: 1; }

.feed-item {
  clear: left;
  margin-bottom: 1.5em;
  position: relative; }
  .feed-item p {
    font-size: 14.4px; }
  .feed-item header {
    margin-bottom: 0.5em; }
    .feed-item header div {
      line-height: 1.5em; }
    .feed-item header time {
      display: none;
      color: #969696;
      font-size: 14.4px;
      line-height: 1.8em; }
    .feed-item header h1 {
      font-weight: 600;
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 0; }
      .feed-item header h1 .icon {
        display: block;
        position: absolute;
        left: -55px;
        top: -5px;
        font-size: 14.4px;
        color: #969696;
        line-height: 33px;
        text-align: center;
        background-color: #fff;
        width: 30px;
        height: 30px;
        border: 5px solid #e6e6e6;
        border-radius: 20px; }
      .feed-item header h1 .source {
        color: #969696;
        font-size: 14.4px; }

#preamble {
  background-image: -webkit-linear-gradient(top, #87004e, #6e0040);
  background-image: -moz-linear-gradient(top, #87004e, #6e0040);
  background-image: -ms-linear-gradient(top, #87004e, #6e0040);
  background-image: -o-linear-gradient(top, #87004e, #6e0040);
  background-image: linear-gradient(top, #87004e, #6e0040);
  margin-bottom: 1.0em;
  color: #fff;
  border-top: 1px #a1005d solid;
  border-bottom: 1px #7d0048 solid;
  padding-top: 2em;
  padding-bottom: 2em; }
  #preamble a:link, #preamble a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff; }
  #preamble a:focus, #preamble a:hover {
    color: #ffbae2;
    border-bottom-color: #ffbae2; }
  #preamble p {
    font-size: 27px;
    line-height: 40.5px;
    margin: 0; }
  #preamble div {
    max-width: 680px;
    width: 100%;
    margin: 0 auto; }

@media only screen and (max-width: 650px) {
  #preamble {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0.5em; } }
@media only screen and (max-width: 500px) {
  #preamble p {
    font-size: 21px;
    line-height: 1.5; } }
.post-body p:first-child {
  text-indent: 1.5em; }

p.read-more a:link, p.read-more a:visited {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.75em;
  line-height: 2; }
p.read-more a:focus, p.read-more a:hover {
  text-decoration: underline; }

p.read-more:after {
  content: ' ›'; }

p.copyright {
  font-size: 0.75em;
  line-height: 2;
  color: #7d7d7d; }

article.post {
  margin-top: 4.5em;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease; }
  article.post h1 {
    font-size: 48px;
    text-align: center;
    line-height: 54px;
    font-weight: 900;
    margin-bottom: 10px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
  article.post p {
    font-size: 18px;
    line-height: 1.5; }
  article.post p.publication-info {
    margin: 0 0 71px;
    font-size: 18px;
    line-height: 27px;
    font-style: oblique;
    color: #999;
    text-align: center; }
  article.post .post-summary {
    margin-bottom: 3em;
    color: #4d4d4d; }
    article.post .post-summary p {
      font-size: 24px;
      line-height: 27px; }

.post-summary {
  margin-bottom: 3em;
  color: #4d4d4d; }
  .post-summary p {
    font-size: 24px;
    line-height: 27px; }

@media only screen and (max-width: 700px) {
  article.post {
    margin-top: 1.5em; }

  article.post h1 {
    font-size: 36px;
    line-height: 40.5px; } }
article.page {
  margin-top: 4em; }
  article.page h1 {
    font-size: 48px;
    text-align: center;
    line-height: 54px;
    font-weight: 900;
    margin-bottom: 1em; }

article.archive {
  margin-top: 4em; }
  article.archive > h1 {
    font-size: 48px;
    text-align: center;
    line-height: 54px;
    font-weight: 900;
    margin-bottom: 1em; }

.field {
  margin-bottom: 0.75em; }
  .field label {
    display: block;
    width: 68%;
    line-height: 1.5; }
  .field input, .field textarea {
    border-radius: 0;
    max-width: 30em;
    width: 100%;
    margin: 0 0 1em;
    border: 1px #ccc solid;
    padding: 0.55555555555556em;
    font-family: "prenton-1","prenton-2", sans-serif;
    font-size: 0.9em;
    line-height: 1.25em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none; }
  .field textarea {
    height: 14.4444444444444em; }
  .field ul.errorlist {
    float: right;
    margin-left: 1.5em;
    list-style-type: none;
    background-color: #ddd;
    font-size: 0.9em;
    line-height: 1.25em;
    border: 1px #ccc solid;
    padding: 0.55555555555556em; }
    .field ul.errorlist li {
      line-height: 1.25em; }

button {
  -moz-transition: background-color 0.15s ease-in-out 0s;
  -webkit-transition: background-color 0.15s ease-in-out 0s;
  -ie-transition: background-color 0.15s ease-in-out 0s;
  transition: background-color 0.15s ease-in-out 0s;
  -webkit-appearance: none;
  font-size: 1.0em;
  padding: 0.5em 1.5em;
  margin: 0 0 1.3em;
  background-color: #ba006c;
  color: #fff;
  border: 0px;
  border-radius: 0.25em;
  cursor: pointer;
  font-family: "Helvetica Neue","Helvetica",Arial,Verdana,sans-serif; }
  button:focus, button:hover {
    background-color: #ff0797; }

figure {
  margin: 0 0 1.5em;
  padding: 0; }

figure.aside {
  float: left;
  margin-right: 1.5em;
  margin-left: -4.5em; }