body{font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:300;color:#444;font-size:18px}.codepen{width:100%;overflow:hidden}.wrapper{width:960px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:700;font-family:'Droid Serif', serif;letter-spacing:-0.4pt}b,strong{font-weight:700}.primary-nav{display:none;position:fixed;top:5.5em;left:3em}.primary-nav a{color:#444;text-decoration:none;display:block;margin:0 0 0.9em 0}.primary-nav a.active,.primary-nav a:hover{color:#d72c30}.visible{display:block}.navigation-toggle{position:fixed;top:2em;left:2em;width:36px;height:32px;background:url("../img/menu.png") left center no-repeat;cursor:pointer;animation:animatedBackgroundRecover 0.15s linear;animation-fill-mode:forwards;-webkit-animation:animatedBackgroundRecover 0.15s linear;-webkit-animation-fill-mode:forwards}.navigation-toggle:hover{animation:animatedBackgroundHover 0.15s linear;animation-fill-mode:forwards;-webkit-animation:animatedBackgroundHover 0.15s linear;-webkit-animation-fill-mode:forwards}.engaged{background-position:right center !important}frames animatedBackgroundRecover from{background-position:right center}frames animatedBackgroundRecover to{background-position:left center}@keyframes animatedBackgroundRecover{from{background-position:right center}to{background-position:left center}}@keyframes animatedBackgroundHover{from{background-position:left center}to{background-position:right center}}@-webkit-keyframes animatedBackgroundRecover{from{background-position:right center}to{background-position:left center}}@-webkit-keyframes animatedBackgroundHover{from{background-position:left center}to{background-position:right center}}header.logo{width:25%;max-width:150px;margin:5em auto;text-align:center}header.logo img{width:100%}.content{margin:100px 0}.content a{color:#d72c30;text-decoration:none}.content article header a{color:#444}.content article header a:hover{color:#d72c30}.content h1{font-size:40px;line-height:1.45em;margin:0;padding:0}.content h2{font-size:34px;line-height:1.3em}.content p.meta{text-align:right;font-size:14px;color:#aaa}.content p{line-height:1.5em;margin:1.25em 0}.content figcaption{font-size:16px;color:#aaa;font-style:italic;margin:2em 0 1em 0}.content ul li{margin-bottom:0.5em}.content textarea.copyright{font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:300;color:#444;font-size:15px;padding:1em;resize:none;width:100%;height:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.post-entry{margin:0 0 5em 0}.page-navigation{text-align:center}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}