/* line 158 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */

/* line 1 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */

/* line 293 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/stylus/lib/functions/index.styl */

/* line 14 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/index.styl */

/* line 14 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/index.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/border.styl */

/* line 12 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/border.styl */

/* line 3 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */

/* line 31 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/color-image.styl */

/* line 6 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/color-image.styl */

/* line 6 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/flex.styl */

/* line 197 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/flex.styl */

/* line 94 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/gradients.styl */

/* line 94 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/gradients.styl */

/* line 94 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */

/* line 12 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/iconic.styl */

/* line 9 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/iconic.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/image.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/image.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/overflow.styl */

/* line 23 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/overflow.styl */

/* line 9 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/positions.styl */

/* line 73 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/positions.styl */

/* line 15 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/reset.styl */

/* line 79 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/reset.styl */

/* line 5 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/index.styl */

/* line 5 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/index.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/aliases.styl */

/* line 14 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/aliases.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/ellipsis.styl */

/* line 11 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/ellipsis.styl */

/* line 11 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/hide-text.styl */

/* line 9 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/hide-text.styl */

/* line 9 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/replace-text.styl */

/* line 10 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/text/replace-text.styl */

/* line undefined : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/vendor.styl */

/* line 576 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/vendor.styl */

/* line 576 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */

/* line 12 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/config.styl */

/* line 12 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/size.styl */

/* line 33 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/size.styl */

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/variables.styl */

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/variables.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins/aspect-ratio.styl */

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins.styl */
.visuallyhidden,
.aboutme__header {
  position: absolute;
  display: block;
  top: -10000px;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins.styl */
.clearfix,
.mod-imageGrid,
.cp-sharelinks {
  zoom: 1;
}

/* line 24 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */
.clearfix:before,
.mod-imageGrid:before,
.cp-sharelinks:before,
.clearfix:after,
.mod-imageGrid:after,
.cp-sharelinks:after {
  content: "";
  display: table;
}

/* line 28 : /Users/davetayls/projects/davetayls.github.com/node_modules/grunt-contrib-stylus/node_modules/nib/lib/nib/clearfix.styl */
.clearfix:after,
.mod-imageGrid:after,
.cp-sharelinks:after {
  clear: both;
}

/* line 30 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins/aspect-ratio.styl */

/* line 30 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
.animated,
.mod-imageGrid li:nth-child(-n+10) {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
}

/* line 43 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
.flipInX,
.mod-imageGrid li:nth-child(-n+10) {
  -webkit-backface-visibility: visible !important;
  -moz-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-animation-name: flipInX;
  -o-animation-name: flipInX;
  -ms-animation-name: flipInX;
  animation-name: flipInX;
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-o-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-ms-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-360deg);
    -moz-transform: rotateY(-360deg);
    -o-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-moz-keyframes fadeInTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-webkit-keyframes fadeInTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-o-keyframes fadeInTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-ms-keyframes fadeInTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@keyframes fadeInTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* line 31 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-moz-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* line 31 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* line 31 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-o-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* line 31 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@-ms-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* line 31 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
/**
	=> lib files
	--------------------------------------------------*/

/* line 47 : /Users/davetayls/projects/davetayls.github.com/_stylus/animations.styl */

/* line 47 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre.prettyprint {
  display: block;
  background-color: #333;
}

/* line 30 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .nocode {
  background-color: none;
  color: #000;
}

/* line 33 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .str {
  color: #ffa0a0;
}

/* line 35 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .kwd {
  color: #f0e68c;
  font-weight: bold;
}

/* line 38 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .com {
  color: #87ceeb;
}

/* line 40 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .typ {
  color: #98fb98;
}

/* line 42 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .lit {
  color: #cd5c5c;
}

/* line 44 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .pun {
  color: #fff;
}

/* line 46 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .pln {
  color: #fff;
}

/* line 48 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .tag {
  color: #f0e68c;
  font-weight: bold;
}

/* line 51 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .atn {
  color: #bdb76b;
  font-weight: bold;
}

/* line 54 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .atv {
  color: #ffa0a0;
}

/* line 56 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
pre .dec {
  color: #98fb98;
}

/* line 58 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #aeaeae;
}

/* line 62 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none;
}
@media print {

/* line 66 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre.prettyprint {
    background-color: none;
  }

/* line 68 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .str,
  code .str {
    color: #060;
  }

/* line 70 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .kwd,
  code .kwd {
    color: #006;
    font-weight: bold;
  }

/* line 73 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .com,
  code .com {
    color: #600;
    font-style: italic;
  }

/* line 76 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .typ,
  code .typ {
    color: #404;
    font-weight: bold;
  }

/* line 79 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .lit,
  code .lit {
    color: #044;
  }

/* line 81 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .pun,
  code .pun {
    color: #440;
  }

/* line 83 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .pln,
  code .pln {
    color: #000;
  }

/* line 85 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .tag,
  code .tag {
    color: #006;
    font-weight: bold;
  }

/* line 88 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .atn,
  code .atn {
    color: #404;
  }

/* line 90 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */
  pre .atv,
  code .atv {
    color: #060;
  }
}

/* line 92 : /Users/davetayls/projects/davetayls.github.com/lib/google-code-prettify/desert.styl */

/* line 92 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */

/* line 27 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
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,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 34 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
html,
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  zoom: 1;
}

/* line 41 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
body {
  line-height: 1.08;
}

/* line 44 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */

/* line 45 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
ol {
  list-style-type: decimal;
}

/* line 46 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
ol ol {
  list-style-type: lower-alpha;
}

/* line 47 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
ol li {
  zoom: normal;
}

/* line 48 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
ul {
  list-style-type: disc;
}

/* line 49 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */

/* line 51 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
blockquote,
q {
  quotes: none;
}

/* line 52 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 58 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
:focus {
  outline: 0;
}

/* line 61 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
ins {
  text-decoration: none;
}

/* line 62 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
del {
  text-decoration: line-through;
}

/* line 65 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 71 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
a img {
  border: 0;
}

/* line 74 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* line 75 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
mark,
m,
meter,
progress,
small,
time {
  display: inline;
}

/* line 78 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */
body,
div,
span,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 84 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/reset.styl */

/* line 84 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
@font-face {
  font-family: 'icons';
  src: url("/lib/icons/font/icons.eot");
  src: url("/lib/icons/font/icons.eot?#iefix") format('embedded-opentype'), url("/lib/icons/font/icons.woff") format('woff'), url("/lib/icons/font/icons.ttf") format('truetype'), url("/lib/icons/font/icons.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal;
}

/* line 26 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
.font-family--sans,
body,
select,
input,
textarea {
  font-family: "Lato", Tahoma, Arial, Helvetica, "Nimbus Sans L", "Free Sans", Sans-Serif;
}

/* line 28 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
.font-family--serif,
blockquote,
.connectWithMe {
  font-family: Georgia, Serif;
}

/* line 36 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
html {
  -webkit-font-smoothing: antialiased;
}

/* line 38 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
html {
  overflow-y: scroll;
}

/* line 41 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */

/* line 44 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
body {
  color: #444;
  font-size: 125%;
/*17px*/
  font-weight: 300;
  line-height: 1.5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 53 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
body.acc-med {
  font-size: 0.92em;
}

/* line 54 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
body.acc-large {
  font-size: 1.1em;
}

/* line 56 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

/* line 61 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
::-moz-selection {
  background: #009cc7;
  color: #fff;
  text-shadow: none;
}

/* line 62 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
::selection {
  background: #009cc7;
  color: #fff;
  text-shadow: none;
}

/* line 65 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a {
  outline: none;
}

/* line 66 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a:active,
a:hover {
  outline: none;
}

/* line 68 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a {
  -webkit-transition: all 0.1s ease-in-out;
}

/* line 71 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a,
a:visited,
a:link {
  color: #00adef;
  text-decoration: none;
}

/* line 72 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a:focus,
a:hover,
a:active {
  color: #333;
}

/* line 75 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a img {
  border: none;
}

/* line 78 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
a:link {
  -webkit-tap-highlight-color: rgba(255,255,255,0);
}

/* line 82 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
blockquote {
  position: relative;
}

/* line 86 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
blockquote p {
  color: #000;
  font-size: 1.2em;
  line-height: 1;
  padding: 10px 50px 25px 40px;
  font-style: italic;
  letter-spacing: -0.02em;
}

/* line 95 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
blockquote:before {
  content: "\201F";
  color: #00adef;
  font-style: italic;
  font-size: 4em;
  position: absolute;
  top: -12px;
  left: -12px;
  width: 1em;
}

/* line 111 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 112 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
object,
embed,
img {
  max-width: 100%;
}

/* line 115 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
p {
  margin: 0;
  padding: 0 0 15px;
}

/* line 116 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
article p {
  text-align: justify;
}

/* line 118 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
pre {
  white-space: pre;
/* CSS2 */
  white-space: pre-wrap;
/* CSS 2.1 */
  word-wrap: break-word;
/* IE */
}

/* line 124 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
small {
  font-size: 85%;
}

/* line 129 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

/* line 136 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

/* line 137 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h1 {
  color: #000;
  font-size: 2.375em;
/* 24px */
  font-weight: normal;
  letter-spacing: 0.003em;
  line-height: 1;
/* 36px */
  margin: 0;
  padding: 0 0 10px;
}

/* line 146 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h1 time {
  color: #888;
  text-transform: uppercase;
  font-size: 0.473684210526em;
}

/* line 152 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h1 a,
h1 a:visited,
h1 a:link {
  color: #000;
}

/* line 156 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h2 {
  color: #777;
  font-size: 1.429em;
/* 20px */
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.008em;
  line-height: 1.35;
  margin: 0;
  padding: 15px 0 5px;
}

/* line 166 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 172 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
h5 {
  margin: 0 0 5px;
}

/* line 184 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
dl {
  padding: 0 0 24px 0;
  zoom: 1;
}

/* line 185 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 186 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
dt,
dd {
  float: left;
}

/* line 187 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
dt {
  font-weight: bold;
  padding-right: 12px;
}

/* line 188 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
dd {
  padding-right: 24px;
}

/* line 190 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
li {
  line-height: 1.5;
}

/* line 191 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
ol {
  padding: 10px 0 10px 23px;
}

/* line 192 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
ul {
  padding: 10px 0 10px 20px;
}

/* line 193 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */

/* line 194 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
ul li li {
  list-style-image: none;
  list-style-type: circle;
}

/* line 195 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
ul li li li {
  list-style-image: none;
  list-style-type: disc;
}

/* line 196 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
ul li li li li {
  list-style-image: none;
  list-style-type: square;
}

/* line 198 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
p+ol,
p+ul,
h2+ol,
h2+ul,
h3+ol,
h3+ul {
  padding-top: 0;
}

/* line 203 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
button,
select,
input,
textarea {
  font-size: 99%;
  font-family: inherit;
}

/* line 207 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
button {
  width: auto;
  overflow: visible;
}

/* line 210 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
input {
  vertical-align: middle;
}

/* line 213 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
textarea {
  vertical-align: 1px;
}

/* line 217 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
input[type="radio"] {
  vertical-align: text-bottom;
}

/* line 220 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}

/* line 225 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
.ie6 input {
  vertical-align: text-bottom;
}

/* line 232 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
table {
  font-size: inherit;
  font: 100%;
}

/* line 233 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
table {
  border-bottom: solid 1px #fff;
  border-collapse: separate;
  clear: both;
  font-size: 0.9em;
  margin: 10px 0;
  padding: 0;
}

/* line 241 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
th {
  border-top: 1px solid #fff;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.2em;
  padding: 15px 5px;
  text-align: left;
}

/* line 249 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
td {
  border-top: dotted 1px #fff;
  border-bottom: dotted 1px #ccc;
  border-left: solid 1px #efefef;
  padding: 3px 5px;
}

/* line 255 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */
tr:nth-child(even) td {
  background-color: #eee;
}

/* line 258 : /Users/davetayls/projects/davetayls.github.com/_stylus/brand/brand.styl */

/* line 3 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */

/* line 3 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  line-height: 1em;
/* fix buttons height */
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-vcard:before {
  content: '\e722';
}

/* line 16 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-rss-alt:before {
  content: '\e73b';
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-twitter-bird:before {
  content: '\f303';
}

/* line 18 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-github:before {
  content: '\f308';
}

/* line 19 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-googleplus-rect:before {
  content: '\f309';
}

/* line 20 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-linkedin-rect:before {
  content: '\f31b';
}

/* line 21 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-graduation-cap:before {
  content: '';
}

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-book:before {
  content: '';
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */
.icon-clock:before {
  content: '';
}

/* line 24 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/icons.styl */

/* line 24 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */

/* line 3 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */
.menu,
.menu ul {
  clear: both;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */
.menu li {
  list-style: none outside none;
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */
.menu li iframe {
  vertical-align: middle;
}

/* line 14 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */
.menu a:hover {
  border-bottom: none;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */
.menu a[class^="icon-"]:before {
  color: #777;
  margin-right: 8px;
}

/* line 20 : /Users/davetayls/projects/davetayls.github.com/_stylus/menu.styl */

/* line 20 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#homeHeader {
  position: absolute;
  display: block;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
}

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#logo a:link,
#logo a:visited,
#logo a:active,
#logo a:hover,
#logo a {
  background: none;
  outline: none;
}

/* line 19 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#nav-primary ul li:first-child {
/* visually hidden */
  position: absolute;
  display: block;
  top: -10000px;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#wrapper {
  background: url("../images/content-bg.gif") repeat-x 0 -3px;
  padding-top: 55px;
}
@media all and (max-width: 500px) {

/* line 28 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
  #wrapper {
    padding-top: 0;
  }
}

/* line 34 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#contentWrapper {
  padding: 16px 8px;
}

/* line 37 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#contentWrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 39 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#pageFooter {
  background: #000;
  color: #ddd;
  padding: 16px 8px;
}

/* line 44 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#pageFooter p,
#pageFooter address,
#pageFooter-inner ul li {
  font-size: 11px;
  text-transform: uppercase;
}

/* line 48 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#pageFooter-inner {
  margin: 0 auto;
}

/* line 51 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#pageFooter-inner ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

/* line 56 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */
#pageFooter-inner ul li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  list-style: none outside none;
  margin: 0;
  padding: 0 16px 0 0;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
/*
	=> blocks
--------------------------------------------------*/

/* line 65 : /Users/davetayls/projects/davetayls.github.com/_stylus/structure.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/article-content.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/article-content.styl */
.article-content {
  padding-top: 32px;
}

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/article-content.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/avatar.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/avatar.styl */
.cp-avatar {
  float: left;
  border: solid 3px #000;
  margin: 4px 8px 8px 0;
  padding: 0;
  position: relative;
}

/* line 9 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/avatar.styl */
.cp-avatar img {
  display: block;
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/avatar.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/aboutme.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/aboutme.styl */
.aboutme {
  padding-top: 16px;
}

/* line 5 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/aboutme.styl */

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/aboutme.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/connectWithMe.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/connectWithMe.styl */
.connectWithMe {
  font-style: italic;
  text-shadow: 0 1px 0 #fff;
  padding: 10px;
  margin-bottom: 16px;
  background: #ddd;
  margin-top: 64px;
}

/* line 10 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/connectWithMe.styl */

/* line 10 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: justify;
}

/* line 9 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  margin: 0 auto 16px;
  list-style: none outside none;
  padding: 0;
  overflow: hidden;
  vertical-align: top;
  background: #000;
}

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:after {
  display: block;
  content: "";
  padding: 56% 0 0;
  height: 0;
}

/* line 29 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li a {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  0: 0;
  max-width: 100%;
}

/* line 36 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li a:hover,
.mod-imageGrid li a:focus {
  border: none;
}

/* line 39 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li h2 {
  font-size: 1em;
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 1px #000;
  background: #000;
  background: rgba(0,0,0,0.8);
  position: absolute;
  top: 10%;
  left: 0;
  width: 65%;
  height: auto;
  margin: 0;
  padding: 0;
  z-index: 2;
}

/* line 53 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li h2 span {
  display: block;
  padding: 5%;
  font-weight: 900;
  letter-spacing: -0.05em;
}

/* line 58 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li h2 time {
  display: block;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 300;
  line-height: 1.75;
}

/* line 65 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

/* line 74 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li .__twitter-banner {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
}

/* line 80 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(3) {
  -webkit-animation-delay: 0.6000000000000001s;
  -moz-animation-delay: 0.6000000000000001s;
  -o-animation-delay: 0.6000000000000001s;
  -ms-animation-delay: 0.6000000000000001s;
  animation-delay: 0.6000000000000001s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(4) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(5) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(6) {
  -webkit-animation-delay: 1.2000000000000002s;
  -moz-animation-delay: 1.2000000000000002s;
  -o-animation-delay: 1.2000000000000002s;
  -ms-animation-delay: 1.2000000000000002s;
  animation-delay: 1.2000000000000002s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(7) {
  -webkit-animation-delay: 1.4000000000000001s;
  -moz-animation-delay: 1.4000000000000001s;
  -o-animation-delay: 1.4000000000000001s;
  -ms-animation-delay: 1.4000000000000001s;
  animation-delay: 1.4000000000000001s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(8) {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(9) {
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  -ms-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

/* line 85 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
.mod-imageGrid li:nth-child(10) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}
@media all and (min-width: 600px) {

/* line 89 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
  .mod-imageGrid li {
    float: left;
    width: 48%;
    margin: 0 1% 16px;
  }

/* line 94 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
  .mod-imageGrid li:first-child {
    float: none;
    width: 98%;
  }

/* line 98 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
  .mod-imageGrid li:first-child h2 {
    font-size: 2em;
  }

/* line 100 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */
  .mod-imageGrid li:first-child a,
  .mod-imageGrid li:first-child img {
    width: 100%;
  }
}

/* line 103 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/imageGrid.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */
.list-blogs li {
  border-bottom: solid 1px #ddd;
}

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */
.list-blogs li a {
  display: block;
  font-weight: normal;
  font-size: 1em;
  margin: 0;
  padding: 2px 4px;
  border: none;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */
.list-blogs .list-blogs-date {
  font-size: 0.625em;
}

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/list-blogs.styl */

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */

/* line 1 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-nav {
  text-align: center;
  border-bottom: dotted 1px #ddd;
}

/* line 5 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-nav li {
  padding: 0;
  margin: 0 1px;
  border: solid 1px #ddd;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 14 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-nav li a {
  display: -moz-inline-stack;
  display: inline-block;
  padding: 2px 3px;
  min-width: 16px;
  text-align: center;
}

/* line 21 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-nav li a:hover {
  border: none;
}

/* line 25 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */

/* line 28 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-active ul.pager-nav {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 0;
  margin-bottom: 8px;
}

/* line 32 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-active ul.pager-nav li {
  padding: 0 3px;
}

/* line 34 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-active ul.pager-nav li.pager-currentPage {
  border: solid 1px #00adef;
}

/* line 36 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-active ul.pager-nav li.pager-firstPage {
  float: left;
}

/* line 38 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */
.pager-active ul.pager-nav li.pager-lastPage {
  float: right;
}

/* line 40 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/pager-nav.styl */

/* line 40 : /Users/davetayls/projects/davetayls.github.com/_stylus/prettyprint.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/prettyprint.styl */
pre.prettyprint {
  margin: 0 -8px 16px;
  padding: 5px;
  font-size: 0.75em;
}
@media (min-width: 768px) {

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/prettyprint.styl */
  pre.prettyprint {
    font-size: 1em;
    padding: 10px;
    margin: 16px 0;
  }
}

/* line 14 : /Users/davetayls/projects/davetayls.github.com/_stylus/prettyprint.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/advert.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/advert.styl */
.advert {
  margin: 16px 0;
}

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/advert.styl */

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-comments.styl */

/* line 6 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-comments.styl */
.cp-comments:link,
.cp-comments:visited,
.cp-comments {
  display: block;
  color: #555;
  font-size: 0.8em;
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-comments.styl */

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-sharelinks.styl */

/* line 4 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-sharelinks.styl */
.cp-sharelinks {
  padding: 16px 0;
}

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/cp-sharelinks.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
.show-related {
  display: none;
}
@media screen and (max-width: 550px) {

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .js-nav #wrapper {
    right: 70%;
    position: relative;
  }

/* line 12 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */

/* line 13 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .csstransitions.csstransforms3d #wrapper {
    -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transition: -moz-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .csstransitions.csstransforms3d #related {
    -webkit-transform: rotateY(45deg) translate3d(-20px, 0, 0);
    -moz-transform: rotateY(45deg) translate3d(-20px, 0, 0);
    -o-transform: rotateY(45deg) translate3d(-20px, 0, 0);
    -ms-transform: rotateY(45deg) translate3d(-20px, 0, 0);
    transform: rotateY(45deg) translate3d(-20px, 0, 0);
    -webkit-transition: -webkit-transform 0.8s ease;
    -moz-transition: -moz-transform 0.8s ease;
    -o-transition: -o-transform 0.8s ease;
    -ms-transition: -ms-transform 0.8s ease;
    transition: transform 0.8s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  }

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */

/* line 23 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .csstransitions.csstransforms3d .js-nav #wrapper {
    right: auto;
    -webkit-transform: translate3d(-70%, 0, 0);
    -moz-transform: translate3d(-70%, 0, 0);
    -o-transform: translate3d(-70%, 0, 0);
    -ms-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0);
  }

/* line 27 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .csstransitions.csstransforms3d .js-nav #related {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

/* line 30 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .show-related {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 40px;
    width: 40px;
    overflow: hidden;
    display: block;
  }

/* line 39 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .show-related:before {
    content: '≣';
    color: #00adef;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 42px;
    line-height: 1;
    text-align: center;
  }

/* line 49 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */
  .show-related:active:before {
    background-color: #00adef;
    color: #fff;
  }
}

/* line 52 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/js-nav.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader {
  background: #333;
  background: rgba(30,30,30,0.9);
  padding: 8px;
  border-bottom: solid 2px #00adef;
  height: 56px;
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  -ms-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
  box-shadow: 0 0 8px rgba(0,0,0,0.5);
  z-index: 100;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader .pageHeader__inner {
  height: 100%;
}
@media all and (min-width: 990px) {

/* line 21 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader .pageHeader__inner {
    width: 980px;
    margin: 0 auto;
  }
}

/* line 25 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #logo {
  height: 100%;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

/* line 33 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #logo a {
  display: block;
  position: relative;
  -webkit-transition: top 0.15s ease-out;
  -moz-transition: top 0.15s ease-out;
  -o-transition: top 0.15s ease-out;
  -ms-transition: top 0.15s ease-out;
  transition: top 0.15s ease-out;
}

/* line 38 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #logo a img {
  display: block;
  height: 40px;
  width: auto;
}

/* line 43 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

/* line 50 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 59 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 8px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: relative;
  left: 0;
  -webkit-animation: fadeInLeft 0.4s ease-in;
  -moz-animation: fadeInLeft 0.4s ease-in;
  -o-animation: fadeInLeft 0.4s ease-in;
  -ms-animation: fadeInLeft 0.4s ease-in;
  animation: fadeInLeft 0.4s ease-in;
}

/* line 70 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* line 72 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

/* line 74 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

/* line 76 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li:nth-child(4) {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  -ms-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

/* line 78 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li:nth-child(5) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
  animation-delay: 1s;
}

/* line 81 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
#pageHeader #nav-primary li a:active,
#pageHeader #nav-primary li a:focus,
#pageHeader #nav-primary li a:hover {
  color: #fff;
}
@media all and (max-width: 500px) {

/* line 87 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary {
    position: relative;
    width: 100%;
    height: auto;
  }

/* line 92 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary ul {
    display: block;
  }

/* line 95 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary li {
    display: block;
    padding: 0;
    text-align: center;
    border-top: dotted 1px #444;
    -webkit-animation: fadeInTop 0.9s ease;
    -moz-animation: fadeInTop 0.9s ease;
    -o-animation: fadeInTop 0.9s ease;
    -ms-animation: fadeInTop 0.9s ease;
    animation: fadeInTop 0.9s ease;
  }

/* line 102 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary li a {
    display: block;
    padding: 8px;
  }

/* line 106 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary li a:active,
  #pageHeader #nav-primary li a:focus,
  #pageHeader #nav-primary li a:hover {
    background-color: #00adef;
  }
}
@media all and (max-width: 600px) {

/* line 112 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader #nav-primary .nav-primary-subscribe {
/* visually hidden */
    position: absolute;
    display: block;
    top: -10000px;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
}
@media all and (max-width: 500px) {

/* line 117 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader {
    height: auto;
    position: relative;
  }
}
@media all and (min-width: 501px) {

/* line 122 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader:hover {
    height: 76px;
  }

/* line 125 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */
  #pageHeader:hover #logo a {
    top: 10px;
  }
}

/* line 127 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/pageHeader.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */
.paging {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

/* line 7 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */
.paging li {
  width: 45%;
}

/* line 10 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */
.paging__previous {
  float: left;
}

/* line 13 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */
.paging__next {
  float: right;
  text-align: right;
}

/* line 16 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/paging.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader {
  position: relative;
  margin-bottom: 16px;
}

/* line 6 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader h1 {
  background: #000;
  height: auto;
  margin: 0;
  padding: 16px;
  z-index: 2;
  font-weight: 900;
  letter-spacing: -0.05em;
}
@media (min-width: 600px) {

/* line 15 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
  .postheader h1 {
    background: rgba(0,0,0,0.8);
    max-width: 65%;
    position: absolute;
    bottom: 10%;
    left: 0;
  }
}

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader h1 a,
.postheader h1 time {
  display: block;
  color: #fff;
}

/* line 27 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader h1 time {
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 300;
  line-height: 1.75;
}

/* line 33 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader__comment {
  display: inline-block;
  background: #555;
  padding: 8px;
  text-transform: uppercase;
}

/* line 39 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */

/* line 40 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */
.postheader__comment a,
.postheader__comment a:link,
.postheader__comment a:visited {
  font-weight: bold;
  color: #fff;
}

/* line 43 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postheader.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postimage.styl */

/* line 2 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postimage.styl */
.postimage {
  position: relative;
  overflow: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  margin: 0 0 8px;
  padding: 0;
}

/* line 6 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins/aspect-ratio.styl */
.postimage:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

/* line 11 : /Users/davetayls/projects/davetayls.github.com/_stylus/mixins/aspect-ratio.styl */
.postimage > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* line 8 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postimage.styl */
.postimage img {
  display: block;
  min-width: 100%;
}
@media all and (max-width: 500px) {

/* line 12 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postimage.styl */
  .postimage {
    margin: 0 -8px 8px;
  }
}

/* line 14 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/postimage.styl */

/* line 14 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/spinner.styl */

/* line 1 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/spinner.styl */
.spinner {
  color: #f00;
}

/* line 38 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
/**
=> mod-blogPosts
--------------------------------------------------*/

/* line 41 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
.mod-blogPosts article {
  border-bottom: dotted 1px #ddd;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

/* line 3 : /Users/davetayls/projects/davetayls.github.com/_stylus/blocks/spinner.styl */

/* line 3 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */

/* line 1 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

/* line 6 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list li {
  clear: both;
  margin: 0;
  padding: 0 0 21px;
  list-style: none outside none;
}

/* line 12 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list li:hover .tweet_avatar {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px #00adef;
  box-shadow: 0 0 10px #00adef;
}

/* line 17 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list .tweet_avatar {
  float: left;
  margin: 5px 10px 5px 0;
  overflow: hidden;
}

/* line 22 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list .tweet_avatar img {
  display: block;
  width: 37px;
  height: auto;
}

/* line 28 : /Users/davetayls/projects/davetayls.github.com/_stylus/components/tweet_list.styl */
.tweet_list .tweet_time a {
  color: #aaa;
}

/* line 48 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
.related h1 {
/* visually hidden */
  position: absolute;
  display: block;
  top: -10000px;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 59 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
@media screen and (max-width: 550px) {

/* line 61 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  body {
    overflow: hidden;
    position: relative;
  }

/* line 70 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  .menu ul {
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
  }

/* line 75 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  .menu ul li {
    border: solid 1px #ddd;
    border-bottom: none;
    padding: 0px;
    overflow: hidden;
  }

/* line 81 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  .menu ul li:last-child {
    border-bottom: solid 1px #ddd;
  }

/* line 84 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  .menu ul li a {
    display: block;
    padding: 6px;
  }

/* line 89 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #related {
    position: absolute;
    top: 0;
    left: 104%;
    width: 62%;
    padding-top: 8px;
  }
}

/* line 100 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
/*
	=> min
--------------------------------------------------*/

/* line 103 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
@media screen and (min-width:768px) and (max-width:1000px) {

/* line 104 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #contentWrapper {
    padding: 16px 0 16px 32px;
  }

/* line 107 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #content {
    position: relative;
    left: 50%;
    float: left;
    width: 568px;
    margin-left: -375px;
    -webkit-transition: left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: left 0.3s ease, margin-left 0.3s ease;
    -o-transition: left 0.3s ease, margin-left 0.3s ease;
    -ms-transition: left 0.3s ease, margin-left 0.3s ease;
    transition: left 0.3s ease, margin-left 0.3s ease;
  }

/* line 115 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #related {
    float: right;
    padding: 0 16px 0 0;
    width: 116px;
    font-size: 0.75em;
  }

/* line 121 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
}

/* line 126 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
/**
=> min-width 1000px screens
--------------------------------------------------*/

/* line 129 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
@media screen and (min-width:1000px) {

/* line 134 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #contentWrapper {
    width: 980px;
    margin: 0 auto;
    padding: 0 0 16px;
  }

/* line 139 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #content {
    float: left;
    width: 640px;
  }

/* line 143 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #related {
    float: right;
    padding: 0;
    width: 260px;
  }

/* line 148 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #related p {
    font-size: 0.75em;
  }

/* line 151 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #pageFooter {
    clear: both;
  }

/* line 154 : /Users/davetayls/projects/davetayls.github.com/_stylus/index.styl */
  #pageFooter-inner {
    width: 980px;
  }
}