@font-face {
  font-family: 'Title';
  src: url("/assets/fonts/title/title.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Title';
  src: url("/assets/fonts/title/title.otf") format("opentype"), url("/assets/fonts/title/title.woff") format("woff"), url("/assets/fonts/title/title.ttf") format("truetype"), url("/assets/fonts/title/title.svg#title") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Read';
  src: url("/assets/fonts/read/read.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/read/read.otf") format("opentype"), url("/assets/fonts/read/read.woff") format("woff"), url("/assets/fonts/read/read.ttf") format("truetype"), url("/assets/fonts/read/read.svg#Read") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  box-sizing: border-box; }

body {
  font-family: Georgia;
  margin: 0; }

.column {
  display: inline-block;
  vertical-align: top; }

.tenth {
  width: 10%; }

.fifth {
  width: 20%; }

.quarter {
  width: 25%; }

.three-tenths {
  width: 30%; }

.third {
  width: 33.333%; }

.two-fifths {
  width: 40%; }

.half {
  width: 50%; }

.three-fifths {
  width: 60%; }

.two-thirds {
  width: 66.666%; }

.seven-tenths {
  width: 70%; }

.three-quarters {
  width: 75%; }

.four-fifths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

.full {
  width: 100%; }

.box {
  display: flex; }

.flex {
  flex: 1; }

.container {
  width: 960px;
  margin: 0 auto; }

section {
  padding: 8px; }

h1 {
  font-family: "Title";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  margin: 24px 0 18px; }

h2 {
  font-family: "Title";
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #aaa;
  border: 1px solid #bbb;
  border-right: none;
  border-left: none;
  margin: 0 0 18px;
  padding: 6px;
  text-align: center; }

h3 {
  font-family: "Read";
  font-weight: 100;
  margin: 4px 0; }

p {
  line-height: 140%; }

ul {
  padding: 0 8px;
  margin: 6px 0; }
  ul li {
    list-style: none; }

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #333; }

.projects li {
  margin-top: 6px; }
  .projects li h3 {
    margin: 4px;
    margin-left: 5px; }
  .projects li p {
    font-family: Georgia;
    font-style: italic;
    font-size: 14px;
    margin: 8px 4px;
    color: #777; }

.blog .post-list-small {
  margin-top: 2px;
  padding-top: 8px;
  border-top: 1px solid #bbb; }
.blog .post-medium {
  border-bottom: 1px solid #bbb;
  padding-bottom: 12px; }

.about img {
  float: left;
  border-radius: 80px;
  width: 60px;
  height: 60px;
  margin: 0 12px 0 0; }

.contact ul {
  margin-top: 24px; }
.contact li {
  margin: 4px;
  margin-left: 28px; }
  .contact li a, .contact li span {
    display: inline-block;
    vertical-align: middle; }
  .contact li a {
    vertical-align: top;
    margin-left: 12px; }

.resume div {
  text-align: center; }
.resume .thumb a {
  border: none; }
.resume .thumb img {
  width: 70%; }
.resume .download h4 {
  font-family: "Read";
  font-size: 18px;
  margin-top: 48px;
  margin-bottom: 0; }
.resume .download p {
  margin-top: 8px;
  font-size: 14px;
  color: #888; }

.post header {
  		/* 
  		Not sure if I enjoy the clunky-ness of the title over the
  		image with the white text. I just don't think it suits the
  		theme.
  		h1 {
  			height: 400px;
  			position: relative;
  			background-size: 100%;
  			margin-bottom: 4px;
  
  			span {
  				text-align: left;
  				font-family: "Read";
  				font-size: 42px;
  				text-transform: none;
  				padding: 6px 8px;
  				border-bottom: 1px solid #aaa;
  				display: inline-block;
  				width: 100%;
  				position: absolute;
  				left: 0;
  				bottom: 0;
  				color: #fff;
  				background: rgba(0,0,0,0.7);
  			}
  		}*/ }
  .post header p {
    text-align: left;
    font-size: 16px;
    font-family: Georgia;
    font-style: italic;
    color: #777;
    margin-top: 0; }
  .post header img {
    width: 100%; }
  .post header h1 {
    text-align: left;
    font-family: "Read";
    font-size: 42px;
    text-transform: none;
    padding: 6px 8px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 8px;
    margin-top: 0; }
  .post header h2 {
    color: #444;
    font-size: 22px;
    font-family: Georgia;
    font-style: italic;
    text-transform: none;
    letter-spacing: inherit;
    text-align: left;
    border: none;
    padding: 8px; }
.post article {
  margin: 18px auto;
  width: 90%; }
  .post article p {
    line-height: 150%;
    font-size: 21px; }
  .post article h4 {
    font-size: 24px;
    margin-top: 36px;
    line-height: 150%; }
  .post article figure {
    margin: 0;
    padding: 18px 40px;
    text-align: center; }
    .post article figure img {
      width: 100%; }
    .post article figure figcaption {
      font-style: italic;
      margin: 24px auto 8px;
      color: #777; }
  .post article figure.left, .post article figure.right {
    display: inline-block; }
  .post article figure.left {
    float: left;
    text-align: left; }
  .post article figure.right {
    float: right;
    text-align: right; }
  .post article figure.center {
    width: 100%; }
    .post article figure.center img {
      width: 80%; }
  .post article figure.full {
    width: 100%; }
    .post article figure.full img {
      width: 100%; }
  .post article figure.small, .post article figure.smaller {
    margin: 0 auto;
    text-align: center; }
    .post article figure.small img, .post article figure.smaller img {
      width: 60%; }
  .post article figure.smaller img {
    width: 40%; }
  .post article blockquote {
    background: #eee;
    font-style: italic;
    padding: 18px;
    margin: 14px 0;
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
    line-height: 150%;
    font-size: 20px; }
  .post article pre {
    margin: 36px 0; }
  .post article code {
    font-size: 130%;
    color: #333; }
    .post article code .c1 {
      color: #808080; }
    .post article code .s2 {
      color: #619E5F; }
    .post article code .kd {
      color: #BC4359; }
    .post article code .k {
      color: #712835; }
    .post article code .mf, .post article code .mi {
      color: #315E7F; }
    .post article code .kt {
      color: #8A6D85; }
    .post article code .o {
      color: #777; }
  .post article .meta {
    border-top: 1px solid #bbb; }
    .post article .meta p {
      margin-top: 12px;
      font-size: 18px;
      font-style: italic;
      color: #777; }

.post-medium .banner {
  padding-right: 6px; }
  .post-medium .banner a {
    border: none; }
  .post-medium .banner img {
    width: 100%; }
.post-medium .synopsis {
  padding-left: 12px; }

.post-small {
  padding: 6px; }
  .post-small span {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 60px;
    background-size: 100%;
    background-position: center center; }
    .post-small span a {
      display: block;
      width: 100%;
      height: 100%;
      border: none; }
  .post-small h3 {
    line-height: 150%;
    font-size: 96%; }
  .post-small:first-child {
    padding-left: 0; }
  .post-small:last-child {
    padding-right: 0; }

.back-home {
  display: inline-block;
  float: left;
  margin-top: -50px; }

.copyright {
  text-align: center;
  color: #ddd;
  margin-bottom: 32px; }
  .copyright a {
    border-color: inherit; }

/*# sourceMappingURL=bundle.css.map */