/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

@font-face {
  font-family: 'NotCourierSans';
  src: url("../assets/fonts/NotCourierSans-webfont.eot");
  src: url("../assets/fonts/NotCourierSans-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/NotCourierSans-webfont.woff") format("woff"), url("../assets/fonts/NotCourierSans-webfont.ttf") format("truetype"), url("../assets/fonts/NotCourierSans-webfont.svg#notcouriersansregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'NotCourierSansBold';
  src: url("../assets/fonts/NotCourierSans-Bold-webfont.eot");
  src: url("../assets/fonts/NotCourierSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/NotCourierSans-Bold-webfont.woff") format("woff"), url("../assets/fonts/NotCourierSans-Bold-webfont.ttf") format("truetype"), url("../assets/fonts/NotCourierSans-Bold-webfont.svg#notcouriersansbold") format("svg");
  font-weight: normal;
  font-style: normal; }
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

body {
  background: #eee;
  line-height: 1.5em;
  color: #131313;
  font-family: "Source Code Pro", monospace;
  font-size: 16px; }

.skip-nav {
  position: absolute;
  top: -40px; }
  .skip-nav:focus {
    top: 0px; }

.container {
  display: block;
  margin: auto;
  max-width: 1200px; }

.content-wrapper {
  position: relative; }

main, .header-wrapper, footer p {
  margin-left: 30px;
  margin-right: 30px; }

h1, h2, h3 {
  font-weight: normal;
  line-height: 1.5em; }

h1.defaultpg, h1.defaultpg a, h2.defaultpg, h2.defaultpg a {
  color: #027185; }
h1.geekpg, h1.geekpg a, h2.geekpg, h2.geekpg a {
  color: #1AA80A; }
h1.avpg, h1.avpg a, h2.avpg, h2.avpg a {
  color: #683996; }

h1 {
  font-size: 25px;
  margin: 25px 0px; }

h1.headline {
  font-family: "Source Code Pro";
  text-align: center;
  font-size: 8vw;
  margin: 15vw 0;
  line-height: 2em; }

h1.pg-title {
  text-align: center;
  font-size: 12vw;
  padding: 70px 0px 100px 0px; }
  h1.pg-title a, h1.pg-title a:hover {
    text-decoration: none; }

h2 {
  font-size: 25px;
  margin: 30px 0px; }
  h2 a {
    text-decoration: underline; }

h3 {
  font-family: "Source Code Pro";
  font-variant: small-caps;
  font-weight: bold;
  font-size: 25px; }
  h3.tracktitle {
    font-variant: normal; }

h3.tracktitle.playing {
  font-weight: bold;
  color: #683996;
  background-image: url("../assets/icons/sound.png");
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 35px;
  font-size: 20px; }

.has-svgasimg h3.tracktitle.playing {
  background-image: url("../assets/icons/sound.svg"); }

p {
  padding-bottom: 15px;
  font-family: Helvetica, Arial, sans-serif; }
  p.note {
    font-style: italic; }
  p a {
    color: #027185;
    text-decoration: underline; }

aside.note {
  padding-bottom: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic; }
  aside.note a {
    color: #027185;
    text-decoration: underline; }

a {
  text-decoration: underline;
  color: #027185; }
  a h1 {
    color: #eee; }

a.external .content {
  background-image: url("/assets/icons/external-link.png");
  background-repeat: no-repeat;
  background-position: top 4px right 0px;
  padding-right: 25px; }

.has-svgasimg a.external .content {
  background-image: url("/assets/icons/external-link.svg"); }

nav li a {
  text-transform: capitalize; }

.textblock li, .wide.col1 li {
  padding-left: 5px;
  font-family: Helvetica, Arial, sans-serif; }

.homepage .textblock {
  line-height: 1.5em; }

ul {
  list-style-type: square;
  padding-left: 20px; }

.image-col .caption {
  font-weight: bold; }

.botlisting .descrip {
  font-style: italic; }

.back {
  margin-bottom: 60px;
  margin-top: 60px;
  display: table;
  color: #027185;
  text-decoration: underline; }
  .back:before {
    content: "< "; }

.sidebar {
  border: 1px dashed #839496;
  overflow-y: auto;
  padding: 20px;
  margin-bottom: 50px;
  margin-top: 50px; }
  .sidebar h2 {
    margin-top: 10px; }
  .sidebar ul {
    border-top: 1px dashed #839496;
    padding: 20px 0px 20px 20px; }
    .sidebar ul li {
      padding: 5px; }
  .sidebar a {
    color: #131313; }
    .sidebar a:hover {
      color: #027185; }
  .sidebar ul.sidebar-extra {
    border-top: 1px dashed #839496;
    list-style-type: none;
    padding-left: 0; }

#contact-sidebar {
  text-align: center; }
  #contact-sidebar ul {
    padding: 0;
    list-style-type: none; }
  #contact-sidebar li {
    padding: 10px 0px; }
    #contact-sidebar li:before {
      content: " - "; }
  #contact-sidebar a {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: underline; }

footer {
  border-top: 1px dashed #839496;
  padding: 20px 0px;
  margin-top: 60px; }
  footer p {
    padding-bottom: 0; }

.image-col {
  max-width: 500px;
  margin: 25px 0px; }
  .image-col .caption {
    margin-top: 20px; }

.geeklist {
  margin-top: 80px; }

.botlist {
  margin-top: 60px; }

.botlisting, .scorelisting {
  margin-bottom: 40px; }
  .botlisting h2, .botlisting h3, .scorelisting h2, .scorelisting h3 {
    margin-bottom: 10px; }
  .botlisting .descrip, .scorelisting .descrip {
    padding-bottom: 5px; }

.score {
  margin-bottom: 60px; }
  .score .descrip {
    font-style: italic; }

.scorelisting .buttons {
  margin-top: 20px; }

.scorelink {
  font-family: "Source Code Pro";
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background: #683996;
  margin-top: 20px;
  padding: 15px 0px 20px 0px;
  display: block; }

@media (min-width: 900px) {
  .scorelink {
    font-size: 18px;
    display: inline;
    padding: 3px 10px 6px 10px;
    margin-right: 10px; }
    .scorelink:hover {
      background: #572885;
      text-decoration: none; }

  .back {
    margin-top: 0px; }

  h1.pg-title {
    font-size: 80px; }

  h1.headline {
    font-size: 35px;
    padding: 100px 0px;
    margin: 0px;
    margin-bottom: 30px; }

  .col1, .col2 {
    width: 48%; }

  .col1 {
    float: left; }

  .col2 {
    float: right; }

  .textblock, .wide.col1 {
    width: 48%;
    margin-bottom: 40px;
    min-height: 220px; }

  .sidebar {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px; }

  ul.sidebar-extra {
    border-top: 1px dashed #839496;
    list-style-type: none; }

  #contact-sidebar a:hover {
    color: #027185; }

  form input#submit:hover {
    background-color: #006074;
    transition-duration: 0.2s;
    transition-property: background-color; } }
@media (min-width: 1300px) {
  main, .header-wrapper, footer p {
    margin-left: 0;
    margin-right: 0; }

  h2 {
    font-size: 25px;
    margin: 25px 0px; }

  a {
    text-decoration: none;
    color: #131313;
    transition-duration: 0.2s;
    transition-property: color, text-decoration; }
    a:hover {
      text-decoration: underline; }
    a h1:hover {
      text-decoration: none; }

  .col1, .col2 {
    width: 550px; }

  .col1 {
    float: left; }

  .col2 {
    float: right; }

  /**************************************************************/
  footer {
    margin-top: 60px; }

  /* mechanisms page */
  #instructions li {
    margin-bottom: 20px; } }
button:focus {
  outline: 1px dotted black; }

header#main-header {
  background: white;
  border-bottom: 1px dashed #839496;
  width: 100%;
  padding: 5vw 0px 6vw 0px; }
  header#main-header a#logo {
    font-size: 9vw;
    color: #464646;
    text-decoration: none;
    display: inline; }
  header#main-header #menubutton {
    width: 9vw;
    height: 9vw;
    border: none;
    background: none;
    background-image: url("/assets/icons/menu.png");
    background-repeat: no-repeat;
    background-size: 9vw;
    float: right;
    cursor: pointer; }
  header#main-header .dropdown-button {
    border: none;
    background: none; }
  header#main-header nav ul {
    list-style-type: none;
    padding: 0; }
  header#main-header nav.closed {
    display: none; }
  header#main-header nav.open {
    display: block; }
  header#main-header a {
    font-size: 35px;
    font-variant: small-caps;
    font-family: "Source Code Pro";
    font-weight: bold;
    color: #464646;
    display: table;
    text-decoration: none; }
  header#main-header .dropdown a {
    display: inline-block; }
  header#main-header .nav-list {
    margin-top: 40px;
    margin-bottom: 20px; }
  header#main-header .dropdown .nav-list {
    padding-left: 30px;
    margin: 0; }
    header#main-header .dropdown .nav-list ul {
      margin-top: 10px;
      margin-bottom: 30px; }
      header#main-header .dropdown .nav-list ul li {
        padding: 20px 0px; }
        header#main-header .dropdown .nav-list ul li a {
          color: black;
          font-size: 20px;
          font-variant: normal;
          font-weight: normal;
          width: 100%; }
    header#main-header .dropdown .nav-list.closed {
      display: none; }
    header#main-header .dropdown .nav-list.open {
      display: block; }
    header#main-header .dropdown .nav-list a.current {
      padding-bottom: 10px;
      font-weight: bold; }
  header#main-header .dropdown-landing {
    background-image: url(/assets/icons/dropdown-open.svg);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 40px;
    width: 100%; }
  header#main-header .nav-list > a, header#main-header .dropdown > a {
    padding: 20px 0px; }
  header#main-header .nav-list > a.current, header#main-header .dropdown > a.current {
    margin: 15px 0px;
    padding: 10px 0px 10px 0px; }
  header#main-header #geek-menu a.current {
    color: #1AA80A;
    border-bottom: 5px solid #1AA80A; }
  header#main-header #music-menu a.current {
    color: #683996;
    border-bottom: 5px solid #683996; }
  header#main-header a.current#blog-landing, header#main-header a.current#contact-landing {
    border-bottom: none;
    color: #027185;
    border-bottom: 5px solid #027185; }

.has-svgasimg header#main-header #menubutton {
  background-image: url("/assets/icons/menu.svg"); }

#backtotop {
  position: fixed;
  bottom: 0px;
  height: 40px;
  left: 0px;
  margin: 0px 20px;
  z-index: 2;
  margin-bottom: 40px; }

@media (min-width: 450px) {
  header#main-header {
    padding: 30px 0px 30px 0px; }
    header#main-header a#logo {
      font-size: 40px; }
    header#main-header #menubutton {
      width: 40px;
      height: 40px;
      background-size: 40px; } }
@media (min-width: 900px) {
  header#main-header {
    background: none;
    position: relative;
    margin: 50px 0px 50px 0px;
    padding: 0px;
    height: 60px;
    line-height: 0; }
    header#main-header #menubutton {
      display: none;
      margin-bottom: 20px;
      margin-right: 20px;
      margin-left: 20px; }
    header#main-header .dropdown-landing {
      background: none; }
    header#main-header a.current#music-landing {
      color: #683996; }
    header#main-header a.current#geek-landing {
      color: #1AA80A; }
    header#main-header a.current#blog-landing, header#main-header a.current#contact-landing {
      border-bottom: none; }
    header#main-header nav {
      display: inline-block;
      float: right;
      margin-left: 20px; }
      header#main-header nav .nav-list a:hover#music-landing, header#main-header nav .nav-list .dropdown a:hover#music-landing {
        color: #683996; }
      header#main-header nav .nav-list a:hover#geek-landing, header#main-header nav .nav-list .dropdown a:hover#geek-landing {
        color: #1AA80A; }
      header#main-header nav .nav-list a:hover#blog-landing, header#main-header nav .nav-list a:hover#contact-landing, header#main-header nav .nav-list .dropdown a:hover#blog-landing, header#main-header nav .nav-list .dropdown a:hover#contact-landing {
        color: #027185; }
      header#main-header nav.closed {
        display: block; }
    header#main-header .nav-list {
      margin: 0; }
    header#main-header .nav-list > a.current, header#main-header .dropdown > a.current {
      background: white !important;
      border-bottom: none !important;
      padding: 0px 20px;
      padding-bottom: 10px;
      position: relative;
      margin: 0; }
    header#main-header .dropdown .nav-list {
      display: none; }
    header#main-header a {
      font-size: 30px;
      cursor: pointer;
      display: inline; }
      header#main-header a:hover {
        text-decoration: none; }
    header#main-header a {
      transition-duration: 0.3s;
      transition-property: all; }
    header#main-header a#logo {
      font-size: 40px; }
      header#main-header a#logo:hover {
        text-decoration: none; }
    header#main-header .dropdown > a, header#main-header .nav-list > a {
      padding: 0px 20px; }
    header#main-header .dropdown:hover > a, header#main-header .nav-list a:hover {
      background: white;
      padding-bottom: 10px; }
    header#main-header .dropdown {
      display: inline-block; }
      header#main-header .dropdown:hover .nav-list, header#main-header .dropdown:hover .nav-list.open, header#main-header .dropdown:hover .nav-list.closed {
        display: block; }
      header#main-header .dropdown a {
        display: inline; }
      header#main-header .dropdown .nav-list {
        transition-duration: 0.5s;
        transition-property: opacity;
        position: absolute;
        background: white;
        margin-top: 18px;
        padding: 10px 0px;
        z-index: 100;
        line-height: 1.5em; }
        header#main-header .dropdown .nav-list ul {
          margin-bottom: 0px; }
        header#main-header .dropdown .nav-list ul li {
          padding: 0; }
          header#main-header .dropdown .nav-list ul li a {
            font-size: 18px; }
          header#main-header .dropdown .nav-list ul li a.current {
            font-weight: normal;
            padding-bottom: 5px; }
        header#main-header .dropdown .nav-list a {
          width: auto;
          display: block;
          font-size: 16px;
          font-variant: normal;
          font-weight: normal;
          font-family: "Source Code Pro";
          margin: 10px 0px;
          padding: 8px 30px 8px 20px;
          margin-right: 0px;
          transition: none; }
          header#main-header .dropdown .nav-list a:hover {
            text-decoration: underline; }
          header#main-header .dropdown .nav-list a.external .content {
            display: table;
            background-image: url("/assets/icons/external-link.png");
            background-repeat: no-repeat; }
      header#main-header .dropdown #music-menu a:hover {
        color: #683996; }
      header#main-header .dropdown #geek-menu a:hover {
        color: #1AA80A; }
      header#main-header .dropdown #music-menu a.current {
        color: white;
        background: #683996; }
        header#main-header .dropdown #music-menu a.current:hover {
          color: white; }
      header#main-header .dropdown #geek-menu a.current {
        color: white;
        background: #1AA80A; }
        header#main-header .dropdown #geek-menu a.current:hover {
          color: white; }
    header#main-header #breadcrumb {
      padding-left: 20px;
      padding-top: 15px;
      font-size: 13px;
      color: #839496;
      clear: both; }

  .has-svgasimg header#mainheader .dropdown .nav-list a.external .content {
    background-image: url("/assets/icons/external-link.svg"); }

  #backtotop {
    display: none; } }
.avblock h2 {
  color: #683996; }
.avblock h3 {
  font-weight: normal; }
.avblock ul {
  list-style-type: none; }
.avblock ul.tags {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  border: none;
  color: #506163; }
  .avblock ul.tags li {
    background: none;
    display: inline-block;
    padding: 0;
    cursor: default; }
    .avblock ul.tags li:after {
      content: ", "; }
    .avblock ul.tags li.last:after {
      content: ""; }

.avblock a, .avpost a {
  color: #027185; }

.playlist button {
  background: none;
  border: none;
  color: black;
  text-align: left;
  width: 100%; }

.playlist .descrip em {
  font-style: normal; }

.permalink a {
  text-decoration: underline;
  font-style: normal;
  font-family: "Source Code Pro"; }

.avblock {
  padding-bottom: 20px; }
  .avblock ul {
    border: 1px dashed #839496;
    padding: 0; }
  .avblock h3 {
    font-size: 16px;
    padding: 0px; }
  .avblock li {
    cursor: pointer;
    padding: 10px; }
  .avblock .descrip {
    font-style: italic;
    position: relative; }

.videoplayer, video, .audioplayer, audio {
  width: 100%; }

.avpost .post-title {
  width: 100%;
  display: block;
  margin-bottom: 20px; }
.avpost a.download {
  display: table;
  color: white;
  background: #683996;
  font-family: "Source Code Pro";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  padding: 15px 0px 20px 0px;
  margin-bottom: 30px;
  width: 100%; }

.avblock {
  padding-bottom: 20px; }
  .avblock h3 {
    font-size: 16px;
    padding: 0px; }
  .avblock ul {
    border: 1px dashed #839496;
    padding: 0; }
  .avblock li {
    cursor: pointer;
    padding: 10px; }
  .avblock .descrip {
    font-style: italic; }
    .avblock .descrip > p {
      padding-bottom: 30px; }

.avpost audio, .avpost video, .avblock audio, .avblock video {
  margin: 20px 0px; }

.playlist button {
  padding: 0; }

@media (min-width: 430px) {
  ul.tags {
    display: inline-block; }

  p.permalink {
    float: right; } }
@media (min-width: 900px) {
  .avpost .col1, .avpost .col2 {
    margin-top: 20px; }
  .avpost a.download {
    width: auto;
    padding: 3px 10px 6px 10px;
    margin: 20px 0px; }
    .avpost a.download:hover {
      background: #572885; }

  .avblock {
    width: 48%; }
    .avblock li:hover button {
      color: #683996; }

  .avpost .descrip, .avblock .descrip {
    cursor: auto; }
    .avpost .descrip a:hover, .avblock .descrip a:hover {
      color: #027185; }

  .playlist button {
    transition-duration: 0.2s;
    transition-property: color; }
    .playlist button:focus {
      outline: #683996 dotted 1px; } }
@media (min-width: 1300px) {
  .avblock {
    width: 550px; }

  .avpost .col1 {
    width: 600px; }
  .avpost .col2 {
    width: 520px; }
  .avpost .videoplayer, .avpost video, .avpost .audioplayer, .avpost audio {
    width: 600px; }

  .avpost audio, .avpost video, .avblock audio, .avblock video {
    width: 530px; } }
.col1 .blogpost h2.post-title, .blogpost .col1 h2.post-title, .blogpost h2.post-title {
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0; }
  .col1 .blogpost h2.post-title a, .blogpost .col1 h2.post-title a, .blogpost h2.post-title a {
    text-decoration: none;
    color: #027185; }
    .col1 .blogpost h2.post-title a .timestamp, .blogpost .col1 h2.post-title a .timestamp, .blogpost h2.post-title a .timestamp {
      font-family: "Source Code Pro";
      font-weight: normal;
      color: black; }
      .col1 .blogpost h2.post-title a .timestamp:after, .blogpost .col1 h2.post-title a .timestamp:after, .blogpost h2.post-title a .timestamp:after {
        content: " > "; }

.readmore {
  font-weight: bold;
  display: block;
  text-align: right;
  margin-top: 10px; }

code {
  font-family: "Source Code Pro", monospace;
  border-radius: 5px;
  border: 1px solid #839496;
  padding: 10px;
  display: block;
  margin-bottom: 15px;
  color: #027185;
  background: #c7d8da; }

.pagination {
  float: right; }
  .pagination a {
    display: inline-block;
    color: #027185;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase; }
    .pagination a.previous:before {
      content: "< "; }
    .pagination a.next:after {
      content: " >"; }

.col1 .blogpost, .blogpost .col1, .blogpost {
  margin-bottom: 40px; }

@media (min-width: 900px) {
  #blog-sidebar {
    margin-top: 10px;
    position: relative;
    float: right; } }
@media (min-width: 1300px) {
  .post-header {
    margin-bottom: 25px; }

  .col1 .blogpost, .blogpost .col1, .blogpost {
    width: 600px;
    margin-bottom: 80px; }
    .col1 .blogpost header, .blogpost .col1 header, .blogpost header {
      height: initial; }
    .col1 .blogpost h2.post-title, .blogpost .col1 h2.post-title, .blogpost h2.post-title {
      margin-top: 0; }
      .col1 .blogpost h2.post-title a:hover, .blogpost .col1 h2.post-title a:hover, .blogpost h2.post-title a:hover {
        text-decoration: underline; }
      .col1 .blogpost h2.post-title a .timestamp, .blogpost .col1 h2.post-title a .timestamp, .blogpost h2.post-title a .timestamp {
        font-size: 25px; } }
.notification {
  background: white;
  text-align: center; }
  .notification.success {
    border: 1px solid #027185; }
  .notification.failure {
    border: 1px solid red; }

form .error {
  display: none;
  margin-top: 10px;
  color: red; }
form label {
  font-weight: bold; }
  form label.required:before {
    content: "* "; }
form input, form textarea, form button {
  font-family: "Source Code Pro";
  color: #131313;
  background: white;
  display: block;
  border: none; }
  form input#submit, form textarea#submit, form button#submit {
    color: white;
    background: #027185;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase; }

.notification {
  font-size: 16px;
  padding: 15px;
  margin-bottom: 50px; }

form {
  position: relative; }
  form label {
    display: block;
    padding-bottom: 10px; }
  form div.antirobot p.test {
    display: inline; }
  form div.antirobot label {
    padding-bottom: 15px; }
  form div.antirobot input {
    width: 80px;
    display: inline; }
  form div.formfield {
    margin: 20px 0px;
    position: relative; }
  form input, form textarea, form button {
    padding: 10px;
    width: 100%; }
    form input#submit, form textarea#submit, form button#submit {
      width: 100%;
      margin-top: 50px;
      margin-bottom: 100px; }
  form textarea {
    height: 150px; }

@media (min-width: 900px) {
  input, textarea, button {
    width: 550px; }

  #submit {
    padding: 10px;
    width: 100px;
    float: right; } }