/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  background: #fff;
  padding: 0; }

.main_content {
  padding: 0 15px 20px 15px; }

p,
li {
  line-height: 1.5em; }

a {
  color: #c6491a;
  text-decoration: underline;
  font-weight: normal; }
  a:hover {
    text-decoration: none; }

#heading {
  background: #eeeeee;
  padding: 10px 0; }
  #heading h1 {
    font-size: 4.125em;
    font-family: 'Bree Serif', serif;
    color: #242729;
    margin: 0 0 5px 0;
    padding: 0 15px; }
  #heading p {
    color: #242729;
    padding: 0 15px; }

h2 {
  font-size: 2.5em;
  font-family: 'Bree Serif', serif;
  color: #242729;
  border-bottom: 1px solid #eeeeee;
  margin: 15px; }
  h2 a {
    color: #242729; }

footer {
  text-align: right;
  color: #ddd; }

.wrapper {
  margin: 0px auto;
  max-width: 970px; }

.github-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  border: 0; }

#about {
  padding-bottom: 0; }

.projects h2 {
  margin-top: 0; }
.projects article {
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee; }
  .projects article .main_content {
    padding: 0; }
  .projects article h3 {
    font-family: 'Bree Serif', serif;
    font-size: 1.7em;
    margin: 0; }
    .projects article h3 a {
      text-decoration: none; }
      .projects article h3 a:hover {
        text-decoration: underline; }
  .projects article .project_url {
    margin-bottom: 0; }
    .projects article .project_url a {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      background: #c6491a;
      padding: 4px 10px;
      margin: 0;
      color: #fff;
      text-decoration: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .projects article .project_url a:hover {
        opacity: .85; }
  .projects article .tags {
    margin: 0;
    padding: 10px 0; }
    .projects article .tags li {
      display: inline-block;
      list-style: none; }
      .projects article .tags li.tag {
        background: #242729;
        color: #fff;
        padding: 3px 6px;
        text-transform: uppercase;
        font-size: .65em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
.projects .links .host {
  color: #aaa; }