/* =============================================================================
    Fertile Medium Styles
============================================================================= */
/* Fonts */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  color: #333;
  font: 16px/1.4 "adelle", "Times New Roman", Times, serif;
  background-color: #fff; }

a {
  color: #336699;
  text-decoration: none;
  -o-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }
  a:hover, a:focus {
    color: #6699cc; }

header[role="banner"] {
  margin-bottom: 1.4em;
  border-bottom: 1px solid #ccc; }
  header[role="banner"] div.wrapper {
    position: relative;
    margin: 0 auto -1px;
    padding-left: 135px;
    background: white url(/images/derek.jpg) no-repeat 18px 0;
    width: 876px;
    height: 150px; }
  header[role="banner"] p {
    position: absolute;
    bottom: 3.6em;
    margin: 0;
    color: #999;
    font-size: 18px;
    font-style: italic; }
  header[role="banner"] h1 {
    position: absolute;
    bottom: -0.17em;
    margin: 0;
    font-size: 79px;
    letter-spacing: .02em;
    line-height: 1em;
    text-transform: uppercase; }

div[role="main"] {
  display: table;
  margin: 0 auto;
  width: 840px; }

section.column {
  display: table-cell;
  padding: 0 24px 0 15px;
  width: 288px;
  border-left: 1px solid #ccc;
  font-size: 0;
  vertical-align: top; }
  section.column:last-child {
    padding-right: 0;
    width: 264px; }
  section.column header h2 {
    margin: 0 0 .1em;
    font-size: 21px;
    text-transform: uppercase; }
  section.column header p {
    margin: 0 0 1.5em;
    color: #666;
    font: 16px/1.3 "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  section.column h1 {
    margin: 0 0 .3em;
    font-size: 21px;
    line-height: 1.2; }
  section.column h3 {
    margin: 0 0 .3em;
    color: #999;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.08em;
    text-transform: uppercase; }
  section.column p {
    margin: 0 0 .3em;
    font-size: 16px; }
  section.column time {
    color: #999;
    font: 13px "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

article {
  font-size: 16px; }
  article + article {
    margin-top: 1em; }
  article h1 {
    margin: 0; }

footer[role="contentinfo"] {
  margin: 1.3em auto;
  padding-top: 1em;
  width: 840px;
  border-top: 1px solid #ccc; }
  footer[role="contentinfo"] p {
    margin: 0 0 .4em;
    font-size: 21px; }
  footer[role="contentinfo"] ul {
    margin: 0;
    padding: 0;
    font-size: 0; }
  footer[role="contentinfo"] li {
    display: inline-block;
    margin-right: 24px;
    font-size: 14px; }
    footer[role="contentinfo"] li:before {
      display: inline-block;
      margin-right: .6em;
      vertical-align: middle; }
    footer[role="contentinfo"] li.email:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMAgMAAADALA93AAAACVBMVEUAAADW1taZmZmZHOOCAAAAAXRSTlMAQObYZgAAADFJREFUeF4lytEJgFAQBLGp9hArkivgsTtVCvqdoIbVh6MXtcH7BHeDM6FtPv2fGgBefVAbakM8jKEAAAAASUVORK5CYII=);
      margin-right: .4em; }
    footer[role="contentinfo"] li.twitter:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAMFBMVEWVlZWZmZmZmZmZmZmPj4+YmJiZmZmTk5OZmZmSkpKZmZmZmZmQkJAAAACWlpaZmZkW91jWAAAADnRSTlO5bEqQ/aVdxQjRFS7sAF+PxbMAAABnSURBVHjaTYxbDsQwCMSmeQcycP/bdsmmUvxnawD80DqzUFDluAc9w4oyWL4BpnsWcvzdFGqxfJrtUIg2/WIR3W8qIesOiaBeNzYiXINGgmzFjnfuQDmP54gwJJ0nOZxIy8r6UZWbFxfDCvoQ3yZXAAAAAElFTkSuQmCC); }
    footer[role="contentinfo"] li.phone:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQAQMAAAD+hscAAAAABlBMVEWZmZnW1tayhknxAAAAHUlEQVR4XoXCQREAAAjDsD5xTaUPFCwXlLPlG9AAvjoHftiKUMYAAAAASUVORK5CYII=); }
    footer[role="contentinfo"] li.address:before {
      content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAPCAMAAAAF48UCAAAAKlBMVEUAAAAAAAAAAAC9vb00NDQAAAAAAACVlZUAAAAAAADCwsIAAAAAAAAAAADPKHPgAAAADnRSTlMlNFrIa2RWjlM51xgAZqFt0+kAAABYSURBVHjaVczbDsAgCANQvIO0//+7Q90Sx0NzIA0CuGlTc0AgnWt6yINncTGyjjIqaaLkmHMOUqWRJVzIdt/v/u8P0usEgefN7GH4tmMZFjQcQ6n4jLbzAUWOBreqo0KTAAAAAElFTkSuQmCC); }