/* ---( = begin global reset thanks to eric meyer elements )------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

@font-face {
  font-family: "Calluna";
  src: url("/fonts/calluna_100-webfont.eot");
  src: url("/fonts/calluna_100-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/calluna_100-webfont.woff") format("woff"), url("/fonts/calluna_100-webfont.ttf") format("truetype"), url("/fonts/calluna_100-webfont.svg#Calluna") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Calluna Italic";
  src: url("/fonts/calluna_italic_300-webfont.eot");
  src: url("/fonts/calluna_italic_300-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/calluna_italic_300-webfont.woff") format("woff"), url("/fonts/calluna_italic_300-webfont.ttf") format("truetype"), url("/fonts/calluna_italic_300-webfont.svg#Calluna Italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Calluna Bold";
  src: url("/fonts/calluna_500-webfont.eot");
  src: url("/fonts/calluna_500-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/calluna_500-webfont.woff") format("woff"), url("/fonts/calluna_500-webfont.ttf") format("truetype"), url("/fonts/calluna_500-webfont.svg#Calluna Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Museo Sans";
  src: url("/fonts/museosans_300-webfont.eot");
  src: url("/fonts/museosans_300-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/museosans_300-webfont.woff") format("woff"), url("/fonts/museosans_300-webfont.ttf") format("truetype"), url("/fonts/museosans_300-webfont.svg#Museo Sans") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Museo Sans Bold";
  src: url("/fonts/museosans_500-webfont.eot");
  src: url("/fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/museosans_500-webfont.woff") format("woff"), url("/fonts/museosans_500-webfont.ttf") format("truetype"), url("/fonts/museosans_500-webfont.svg#Museo Sans Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Museo Slab";
  src: url("/fonts/museoslab_700-webfont.eot");
  src: url("/fonts/museoslab_700-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/museoslab_700-webfont.woff") format("woff"), url("/fonts/museoslab_700-webfont.ttf") format("truetype"), url("/fonts/museoslab_700-webfont.svg#Museo Slab") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  height: 100%; }

body {
  font-family: Calluna, Georgia, serif;
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-bottom: 5px solid #E26B25;
  box-sizing: border-box;
  min-height: 100%; }

section {
  margin: 0 auto 60px;
  max-width: 700px;
  padding: 0 23px;
  overflow: hidden; }

p {
  margin: 1.5em 0; }

a {
  color: #008484; }

h1, h2, h3 {
  font-family: 'Museo Slab', Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2; }
  h1 a, h2 a, h3 a {
    text-decoration: none;
    color: inherit; }

h1 {
  font-size: 1.75em; }

h2 {
  font-size: 1.5em;
  margin: 1.5em 0 1em 0; }

h3 {
  font-size: 1.15em;
  margin: 1.2em 0; }

img {
  max-width: 100%;
  height: auto; }
  img.max-width {
    width: 100%; }

figure {
  margin: 1em 0;
  text-align: center; }

figcaption {
  margin: 1em 0;
  font-family: 'Calluna Italic';
  color: rgba(0, 0, 0, 0.5);
  font-size: .85em; }
  figcaption a {
    color: inherit; }

strong {
  font-family: 'Calluna Bold'; }

em {
  font-family: 'Calluna Italic'; }

hr {
  border: none;
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 50px auto;
  width: 100px; }

iframe {
  display: block !important;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important; }

blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  font-family: 'Calluna Italic';
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.01rem;
  margin-left: -23px;
  padding-bottom: 3px;
  padding-left: 20px; }
  blockquote a {
    color: inherit; }
  blockquote p {
    margin: 0 0 1em; }
    blockquote p:last-child {
      margin-bottom: 0; }
  blockquote cite {
    font-size: .85em;
    color: rgba(0, 0, 0, 0.5); }

ul.list {
  list-style-type: disc;
  margin: 1em 0;
  padding: 0; }
  ul.list li {
    margin: 0 0 .5em 20px;
    padding-left: 0; }

ol li {
  list-style-type: decimal; }

table {
  margin: 0 -10px;
  font-size: 16px; }

th {
  font-family: 'Museo Sans Bold';
  padding: 0 10px 10px;
  white-space: nowrap; }

td {
  font-family: 'Museo Sans';
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  tr:last-child td {
    border-bottom: none; }

header {
  text-align: center; }

nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 18px;
  font-family: 'Museo Sans', Helvetica, Arial, sans-serif;
  font-weight: normal; }
  nav ul {
    max-width: 728px;
    overflow: hidden;
    margin: 0 auto -1.5px; }
  nav li {
    float: left;
    border-bottom: 2px solid transparent;
    margin: 0 14px; }
  nav a {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
    float: left;
    padding: 24px 0 20px; }
  nav .home .home,
  nav .about .about,
  nav .posts .posts,
  nav .events .events,
  nav .projects .projects,
  nav .talks .talks,
  nav .search .search {
    border-bottom-color: rgba(0, 0, 0, 0.8); }
    nav .home .home a,
    nav .about .about a,
    nav .posts .posts a,
    nav .events .events a,
    nav .projects .projects a,
    nav .talks .talks a,
    nav .search .search a {
      color: rgba(0, 0, 0, 0.8);
      font-family: 'Museo Sans Bold', Helvetica, Arial, sans-serif; }

.date {
  color: rgba(0, 0, 0, 0.5);
  font-size: .85em; }

.content ul {
  list-style-type: disc;
  margin: 1.5em 0;
  padding: 0; }
.content li {
  margin: 0 0 .5em 20px;
  padding-left: 0; }
.content img {
  display: block;
  margin: 0 auto; }

pre {
  margin: 1.5em -22px;
  background: #fafafa;
  font-family: "Monaco", "Courier", monospace; }

code {
  font-family: "Monaco", "Courier", monospace;
  font-size: 0.75em;
  margin-right: 0.2em;
  display: inline-block; }
  code .comment {
    color: rgba(0, 0, 0, 0.55); }
  code.html .tag, code.html .punctuation, code.svg .tag, code.svg .punctuation, code.haml .tag, code.haml .punctuation {
    color: #008484; }
  code.html .string, code.html .attr-value, code.html .boolean, code.svg .string, code.svg .attr-value, code.svg .boolean, code.haml .string, code.haml .attr-value, code.haml .boolean {
    color: #548000; }
  code.css {
    color: #548000; }
    code.css .selector, code.css .punctuation, code.css .atrule {
      color: #fff; }
    code.css .property {
      color: #d72f58; }
  code.js {
    color: #fff; }
    code.js .keyword {
      color: #d72f58; }
    code.js .string, code.js .number, code.js .boolean {
      color: #548000; }
  code.coffee .var, code.coffee .arrow {
    color: #d72f58; }
  code.coffee .string {
    color: #548000; }
  code.ruby .keyword, code.ruby .const {
    color: #d72f58; }
  code.ruby .boolean, code.ruby .string, code.ruby .number, code.ruby .symbol {
    color: #548000; }

pre code {
  display: block;
  overflow: auto;
  margin: 0;
  padding: 22px;
  background: #fafafa;
  line-height: 1.6363em; }

footer {
  font-size: .85em;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 4em auto 0;
  padding: 2em 0;
  max-width: 700px; }
  footer a {
    color: inherit; }
  footer a.license {
    display: block; }

.next-posts {
  font-size: .85em;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  margin: 0; }
  .next-posts a {
    color: inherit; }

.label {
  font-size: 16px;
  font-family: 'Museo Sans', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 1em;
  color: rgba(0, 0, 0, 0.55); }

#drumknott-search input[type="text"] {
  font-family: 'Museo Sans', Helvetica, Arial, sans-serif; }
#drumknott-search input[type="submit"] {
  font-family: 'Museo Sans', Helvetica, Arial, sans-serif; }

.comments {
  font-size: .8em; }
  .comments p {
    margin: 1em 0; }
  .comments a {
    color: inherit; }

.comment-author {
  font-weight: bold;
  margin: 1.5em 0; }

#drumknott-results li.drumknott-loading {
  font-family: 'Calluna Italic';
  font-style: normal; }

#god {
  background: #E26B25;
  text-align: center; }
  #god img {
    max-width: 690px;
    border-left: 5px solid black;
    border-right: 5px solid black;
    width: auto;
    display: block;
    margin: 0 auto; }