html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{border:0;font:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}body{line-height:1}ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}:focus{outline:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*{box-sizing:border-box}











body{
 width:100%}
 body:before, body:after{
 content:"";
 display:table}
 body:after{
 clear:both}
 body{
 zoom:1}



p{
 font-size:20px;
 line-height:33px}

.intro{
 font-size:28px;
 line-height:1.4em}

.post ul li{
 font-size:20px;
 line-height:33px;
 margin-bottom:11px}


h1, .h1{
 font-size:64px}

h2, .h2{
 font-size:48px}

h3, .h3{
 font-size:28px}

h4, .h4{
 font-size:24px}

h5, .h5{
 font-size:16px}

h6, .h6{
 font-size:14px}

.meta{
 font-size:14px}

blockquote, blockquote p{
 font-size:48px}

.archive input{
 font-size:48px}

@media only screen and (max-width:480px){
 p{
 font-size:16px;
 line-height:24px}
 .intro{
 font-size:24px;
 line-height:1.4em}
 .post ul li{
 font-size:16px;
 line-height:24px;
 margin-bottom:12px}
 h1, .h1{
 font-size:48px}
 h2, .h2{
 font-size:28px}
 h3, .h3{
 font-size:24px}
 h4, .h4{
 font-size:16px}
 h5, .h5{
 font-size:14px}
 h6, .h6{
 font-size:14px}
 .meta{
 font-size:14px}
 blockquote, blockquote p{
 font-size:24px}
 .archive input{
 font-size:28px}}


body{
 font-family:"Georgia", serif;
 color:#3b3b3b;
 -webkit-font-smoothing:antialiased;
 
 -moz-osx-font-smoothing:grayscale;
 
 text-size-adjust:100%;
 background:#f9f9f9;
 min-height:100%;
 height:100%;
 overflow-x:hidden}

h1, h2, h3, h4, h5{
 font-family:"Georgia", serif}

p{
 margin-bottom:33px}

a, a:visited, a:active{
 color:#8AB9D1;
 -moz-transition:all 0.25s ease-in-out;
 -o-transition:all 0.25s ease-in-out;
 -webkit-transition:all 0.25s ease-in-out;
 -ms-transition:all 0.25s ease-in-out;
 transition:all 0.25s ease-in-out}

a:hover{
 color:#24536B;
 -moz-transition:all 0.25s ease-in-out;
 -o-transition:all 0.25s ease-in-out;
 -webkit-transition:all 0.25s ease-in-out;
 -ms-transition:all 0.25s ease-in-out;
 transition:all 0.25s ease-in-out}

em{
 padding:1px 2px;
 border-radius:2px;
 background:#ffe8c0}

strong{
 font-weight:bold}

small{
 font-size:16px}

sup{
 vertical-align:super;
 font-size:14px}

.hilite{
 display:inline-block;
 padding:0 0.3em;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
 background:#fffbd7}

blockquote, blockquote p{
 font-style:italic;
 line-height:1.3em;
 text-align:center;
 color:#3c3c3c;
 margin-bottom:33px}

hr{
 display:block;
 margin:0 auto;
 width:100%;
 height:4px;
 background:#d9d9d9;
 border:none;
 margin-bottom:33px;
 border-radius:2px}

input{
 background:none;
 border:none;
 outline:none}

.archive input{
 background:none;
 outline:none;
 width:100%;
 font-family:"Georgia", serif}
 .archive input:focus{
 background:white;
 color:#3b3b3b}


.icons{
 font-family:"Icons";
 font-size:14px;
 line-height:20px}

.bb{
 border-bottom:2px solid #8AB9D1}

.pad-top{
 padding-top:66px}


#bump{
 min-height:100%;
 height:auto;
 margin:0 auto-320px}

.wrap{
 max-width:960px;
 display:inline;
 float:left;
 width:97%;
 margin:0 1.5%;
 float:none;
 margin:0 auto;
 overflow:hidden}
 .wrap:before, .wrap:after{
 content:"";
 display:table}
 .wrap:after{
 clear:both}
 .wrap{
 zoom:1}

.post{
 display:inline;
 float:left;
 width:77%;
 margin:0 1.5%;
 max-width:680px;
 display:block;
 margin:0 auto;
 float:none}


header.site-header{
 padding:20px 0;
 position:absolute;
 width:100%;
 z-index:5000}
 header.site-header .wrap{
 max-width:90vw}

#bump .darken a{
 color:#3b3b3b;
 -moz-transition:all 0.2s ease-in-out;
 -o-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 -ms-transition:all 0.2s ease-in-out;
 transition:all 0.2s ease-in-out}
 #bump .darken a:hover{
 color:#8AB9D1;
 -moz-transition:all 0.2s ease-in-out;
 -o-transition:all 0.2s ease-in-out;
 -webkit-transition:all 0.2s ease-in-out;
 -ms-transition:all 0.2s ease-in-out;
 transition:all 0.2s ease-in-out}

#bump .darken .menu .icons{
 color:#3b3b3b}

#bump .darken nav ul li a{
 color:#3b3b3b}
 #bump .darken nav ul li a:active{
 color:#8AB9D1}
 #bump .darken nav ul li a:hover{
 text-shadow:none;
 color:#8AB9D1}

header.site-header a.menu{
 display:none}

header.site-header hgroup h1, header.site-header nav ul{
 font-family:"Arial", sans-serif}

header.site-header hgroup{
 float:left;
 padding-left:5vw}
 header.site-header hgroup h1{
 font-weight:700;
 font-size:18px;
 line-height:100%;
 color:#24536B;
 letter-spacing:2px;
 text-transform:uppercase}
 header.site-header hgroup a{
 color:#fff;
 -moz-transition:all 0.2s ease;
 -o-transition:all 0.2s ease;
 -webkit-transition:all 0.2s ease;
 -ms-transition:all 0.2s ease;
 transition:all 0.2s ease}
 header.site-header hgroup a:hover{
 text-shadow:0 0 3px rgba(255, 255, 255, 0.6);
 -moz-transition:all 0.2s ease;
 -o-transition:all 0.2s ease;
 -webkit-transition:all 0.2s ease;
 -ms-transition:all 0.2s ease;
 transition:all 0.2s ease}

header.site-header nav{
 float:right;
 display:block;
 padding-right:5vw}
 header.site-header nav:before, header.site-header nav:after{
 content:"";
 display:table}
 header.site-header nav:after{
 clear:both}
 header.site-header nav{
 zoom:1}
 header.site-header nav ul li{
 font-size:16px;
 text-transform:uppercase;
 display:inline;
 font-weight:bold;
 top:2px;
 position:relative;
 margin-left:20px}
 header.site-header nav ul li a{
 color:white;
 -moz-transition:all 0.2s ease;
 -o-transition:all 0.2s ease;
 -webkit-transition:all 0.2s ease;
 -ms-transition:all 0.2s ease;
 transition:all 0.2s ease}
 header.site-header nav ul li a:hover{
 text-shadow:0 0 3px rgba(255, 255, 255, 0.6);
 -moz-transition:all 0.2s ease;
 -o-transition:all 0.2s ease;
 -webkit-transition:all 0.2s ease;
 -ms-transition:all 0.2s ease;
 transition:all 0.2s ease}


.article{
 position:relative;
 margin-bottom:33px}
 .article .overlay{
 vertical-align:middle;
 min-height:360px;
 height:50vh;
 width:100%;
 max-height:800px;
 position:absolute;
 z-index:2;
 background:rgba(0, 0, 0, 0.55)}
 .article .overlay-lighter{
 background:rgba(0, 0, 0, 0.1)}
 .article .featured-image{
 vertical-align:middle;
 min-height:360px;
 height:50vh;
 width:100%;
 max-height:800px;
 background-position:center center;
 background-size:cover;
 vertical-align:middle;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 position:relative;
 top:0;
 z-index:-1}
 .article .featured-image img{
 max-height:800px}
 .article header{
 margin:66px 0 33px 0}
 .article header hgroup{
 color:#3b3b3b;
 position:relative;
 text-align:center;
 width:100%;
 margin-top:0}
 .article header hgroup .date{
 font-family:"Arial", sans-serif;
 font-size:16px;
 font-weight:bold;
 color:#d9d9d9;
 text-transform:uppercase;
 margin-top:22px}
 .article header .intro{
 text-align:left}

.archive{
 display:inline;
 float:left;
 width:97%;
 margin:0 1.5%;
 display:block;
 margin:0 auto;
 float:none;
 min-height:500px}

.archive-wrap{
 display:inline;
 float:left;
 width:97%;
 margin:0 1.5%;
 max-width:800px;
 display:block;
 margin:0 auto;
 float:none;
 padding-top:140px}
 .archive-wrap .post-list{
 list-style-type:none;
 list-style:none;
 display:inline;
 float:left;
 width:67%;
 margin:0 1.5%;
 margin-left:21.5%;
 display:block;
 float:none}
 .archive-wrap .post-list lh h2{
 margin-bottom:49.5px}
 .archive-wrap .post-list li{
 display:block;
 float:none;
 font-size:28px;
 margin-bottom:66px;
 position:relative}
 .archive-wrap .post-list li a{
 position:relative}
 .archive-wrap .post-list li a:hover{
 -moz-transition:all 1s ease-in-out;
 -o-transition:all 1s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
 -ms-transition:all 1s ease-in-out;
 transition:all 1s ease-in-out}
 .archive-wrap .post-list li h1{
 font-size:28px;
 font-style:italic}
 .archive-wrap .post-list .summary{
 font-size:18px;
 line-height:1.45em}
 .archive-wrap .post-list .date{
 margin-bottom:3px}
 .archive-wrap .post-list .date time{
 position:relative;
 top:-3px;
 font-size:16px;
 font-weight:bold;
 font-family:"Arial", sans-serif;
 font-style:normal;
 color:#d9d9d9;
 text-transform:uppercase;
 vertical-align:middle}

.post{
 min-height:500px}
 .post .deets{
 position:relative;
 top:45px;
 z-index:5}
 .post .deets .date{
 font-size:16px;
 position:relative;
 top:10px;
 left:6px;
 color:#999;
 margin-bottom:16.5px}
 .post h1{
 font-style:italic}
 .post h1, .post h2, .post h3, .post h4, .post h5{
 padding-top:16.5px;
 margin-bottom:16.5px;
 line-height:1.25em}
 .post figure{
 margin:33px 0}
 .post figure img{
 margin-bottom:16.5px}
 .post figure figcaption{
 font-size:16px;
 font-family:"Arial", sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 color:#bbbbbb;
 text-align:center}
 .post img{
 width:100%;
 height:auto;
 display:block;
 margin:33px auto;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px}
 .post table{
 margin-bottom:33px;
 width:100%;
 font-size:20px}
 .post table caption{
 font-size:16px;
 font-family:"Arial", sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 color:#bbbbbb;
 text-align:center;
 margin-bottom:16.5px}
 .post tbody tr:hover > td, .post tbody tr:hover > th{
 background-color:#999}
 .post thead tr:first-child td{
 border-bottom:2px solid #222}
 .post th{
 padding:12px;
 padding:0.6rem;
 font-family:"Arial", sans-serif;
 font-size:16px;
 font-weight:bold;
 text-align:left;
 background-color:#d9d9d9;
 border-bottom:1px solid black}
 .post td{
 font-size:16px;
 border-bottom:1px solid #222;
 padding:12px;
 padding:0.6rem}
 .post tr, .post td, .post th{
 vertical-align:middle}
 .post ul{
 display:block;
 margin-bottom:33px;
 list-style:disc;
 list-style-type:disc}
 .post ul lh h1, .post ul lh h2, .post ul lh h3, .post ul lh h4, .post ul lh h5{
 border-bottom:2px solid #d9d9d9}
 .post ul li{
 list-style:disc;
 list-style-type:disc;
 margin-left:66px;
 padding-left:11px}
 .post ul li:last-child{
 margin-bottom:0}
 .post ol{
 display:block;
 margin-bottom:33px}
 .post ol lh h1, .post ol lh h2, .post ol lh h3, .post ol lh h4, .post ol lh h5{
 border-bottom:2px solid #d9d9d9}
 .post ol li{
 margin-left:66px;
 padding-left:11px;
 margin-bottom:11px;
 line-height:33px;
 font-size:20px}
 .post ol li:last-child{
 margin-bottom:0}
 .post .share{
 text-align:center;
 display:block;
 margin:0 auto;
 width:76px;
 font-size:16px;
 font-family:"Arial", sans-serif;
 text-transform:uppercase;
 font-weight:bold;
 letter-spacing:1px;
 padding:4px 6px 4px 6px;
 color:#d9d9d9;
 border:2px solid rgba(217, 217, 217, 0.7);
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px}
 .post .share:hover{
 color:#8AB9D1;
 border-color:rgba(138, 185, 209, 0.7);
 -moz-transition:all 0.2s ease;
 -o-transition:all 0.2s ease;
 -webkit-transition:all 0.2s ease;
 -ms-transition:all 0.2s ease;
 transition:all 0.2s ease}


.push{
 height:80px !important}

footer{
 width:100%;
 background:#3b3b3b;
 height:320px;
 font-size:20px;
 color:#f9f9f9;
 position:relative}
 footer section{
 display:inline;
 float:left;
 width:97%;
 margin:0 1.5%;
 display:block;
 width:103%;
 margin:0 -1.5%;
 display:block;
 margin:0 auto}
 footer section:before, footer section:after{
 content:"";
 display:table}
 footer section:after{
 clear:both}
 footer section{
 zoom:1}
 footer small{
 font-size:14px;
 text-align:center;
 display:block;
 width:100%;
 position:absolute;
 bottom:8px;
 font-family:"Arial", sans-serif;
 text-transform:uppercase;
 color:rgba(249, 249, 249, 0.1)}
 footer small a{
 color:rgba(249, 249, 249, 0.3)}
 footer .list-title{
 margin-bottom:16.5px;
 border-bottom:2px solid #8AB9D1;
 font-style:italic;
 font-size:24px}
 footer .prev-posts{
 display:inline;
 float:left;
 width:57%;
 margin:0 1.5%;
 max-width:600px;
 min-height:250px;
 padding-left:5vw}
 footer .prev-posts p{
 padding-top:66px}
 footer .prev-posts li{
 display:block;
 width:102.5%;
 margin:0 -1.25%;
 margin-top:16.5px}
 footer .prev-posts li:before, footer .prev-posts li:after{
 content:"";
 display:table}
 footer .prev-posts li:after{
 clear:both}
 footer .prev-posts li{
 zoom:1}
 footer .prev-posts li .recent-title{
 display:inline;
 float:left;
 width:64.16667%;
 margin:0 1.25%;
 font-style:italic}
 footer .prev-posts li .recent-title a:hover{
 color:#f9f9f9}
 footer .prev-posts li span.date{
 float:none;
 color:rgba(217, 217, 217, 0.6);
 display:inline;
 float:left;
 width:30.83333%;
 margin:0 1.25%;
 position:relative;
 font-size:16px;
 font-family:"Arial", sans-serif;
 text-transform:uppercase;
 text-align:right}
 footer .social{
 position:absolute;
 top:109px;
 display:inline;
 float:left;
 width:14.16667%;
 margin:0 1.25%;
 right:5vw;
 font-style:italic}
 footer .social a:hover{
 color:#f9f9f9}
 footer .social ul li{
 margin-bottom:16.5px}
 footer .social ul li:last-child{
 margin-bottom:0}

.disqus{
 margin-top:99px}


@media only screen and (max-width:800px){
 h1{
 font-size:48px}
 blockquote, blockquote p{
 font-size:28px}
 footer{
 font-size:16px}
 footer .prev-posts li span.date{
 font-size:14px}
 footer .social{
 right:10vw}}


@media only screen and (max-width:500px){
 footer .social{
 display:none}
 footer aside{
 width:90%;
 margin:0 auto}
 footer .prev-posts{
 display:inline;
 float:left;
 width:87%;
 margin:0 1.5%;
 padding-left:0;
 float:none;
 margin:0 auto;
 display:block}
 footer .prev-posts li{
 margin-top:16.5px}}

@media only screen and (max-width:680px){
 
 section.article img.loading{
 top:10px !important;
 right:6%;
 left:inherit}
 header.site-header{
 min-height:59px;
 margin-top:20px;
 padding-top:0}
 header.site-header hgroup h1{
 margin-bottom:0;
 font-size:20px}
 header.site-header hgroup{
 position:absolute;
 left:7%;
 float:none;
 padding-left:0}
 header.site-header a.menu{
 position:absolute;
 right:7%;
 display:block;
 float:right;
 width:16px;
 height:16px;
 color:white}
 header.site-header a.menu .icons{
 font-size:32px}
 header.site-header a.menu img{
 width:24px;
 height:auto}
 header.site-header nav{
 display:none;
 float:none;
 width:100%;
 padding-right:0}
 header.site-header nav:before{
 display:table;
 clear:both;
 content:''}
 header.site-header nav ul{
 padding:20px 0 10px 0;
 margin-top:15px}
 header.site-header nav ul li{
 display:block;
 margin-left:0;
 top:0px;
 font-size:16px}
 header.site-header nav ul li a{
 display:block;
 text-align:right;
 font-weight:bold;
 padding:15px 0px;
 padding-right:7%;
 position:relative;
 width:100%;
 color:#f9f9f9}
 header.site-header nav ul li a:active{
 background-color:#8AB9D1;
 color:white}
 header.site-header nav ul li a:hover{
 text-shadow:none}
 #bump .darken nav ul{
 padding:0;
 margin-top:40px;
 background:#3b3b3b}
 #bump .darken nav ul li a{
 color:#f9f9f9}
 #bump .darken nav ul li a:active{
 background-color:#8AB9D1}
 #bump .darken nav ul li a:hover{
 text-shadow:none;
 color:#f9f9f9;
 background-color:#8AB9D1}}

@media only screen and (max-width:480px){
 .post{
 display:inline;
 float:left;
 width:87%;
 margin:0 1.5%;
 max-width:420px;
 display:block;
 margin:0 auto;
 float:none}
 footer{
 font-size:16px}
 small{
 font-size:14px}}

 code{font-family:"Monaco", "Courier New", "Courier";margin-bottom:33px}pre .sourceCode{display:block;padding:10px;font-size:.9em;word-break:break-all;word-wrap:break-word;background-color:#f7f7f6;border:1px solid #dfdedc;border-radius:4px}div.sourceCode{overflow-x:auto}table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode{margin:0;padding:0;vertical-align:baseline;border:none}table.sourceCode{width:100%;line-height:100%}td.lineNumbers{text-align:right;padding-right:4px;padding-left:4px;color:#aaaaaa;border-right:1px solid #aaaaaa}td.sourceCode{padding-left:5px}.sourceCode{}.sourceCode .kw{color:#007020;font-weight:bold}.sourceCode .dt{color:#902000}.sourceCode .dv{color:#40a070}.sourceCode .bn{color:#40a070}.sourceCode .fl{color:#40a070}.sourceCode .ch{color:#4070a0}.sourceCode .st{color:#4070a0}.sourceCode .co{color:#60a0b0;font-style:italic}.sourceCode .ot{color:#007020}.sourceCode .al{color:#ff0000;font-weight:bold}.sourceCode .fu{color:#06287e}.sourceCode .er{color:#ff0000;font-weight:bold}.sourceCode .wa{color:#60a0b0;font-weight:bold;font-style:italic}.sourceCode .cn{color:#880000}.sourceCode .sc{color:#4070a0}.sourceCode .vs{color:#4070a0}.sourceCode .ss{color:#bb6688}.sourceCode .va{color:#19177c}.sourceCode .cf{color:#007020;font-weight:bold}.sourceCode .op{color:#666666}.sourceCode .pp{color:#bc7a00}.sourceCode .at{color:#7d9029}.sourceCode .do{color:#ba2121;font-style:italic}.sourceCode .an{color:#60a0b0;font-weight:bold;font-style:italic}.sourceCode .cv{color:#60a0b0;font-weight:bold;font-style:italic}.sourceCode .in{color:#60a0b0;font-weight:bold;font-style:italic}