/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 300; color: #111; background: #f7fbff; /* Old browsers */ background: -moz-linear-gradient(left, #f7fbff 0%, #d2e6f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f7fbff), color-stop(100%, #d2e6f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f7fbff 0%, #d2e6f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f7fbff 0%, #d2e6f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f7fbff 0%, #d2e6f7 100%); /* IE10+ */ background: linear-gradient(to right, #f7fbff 0%, #d2e6f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbff', endColorstr='#d2e6f7',GradientType=1 ); /* IE6-9 */ }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 24px; line-height: 1.6; }

strong { font-weight: bold; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 13.125px; }

/** Lists */
ul, ol { margin-left: 20px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: #111; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 10px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-family: "Source Code Pro"; font-size: 15px; border: 1px solid #cccbba; border-radius: 3px; background-color: #f6f3ec; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: 880px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; position: relative; }

@media screen and (max-width: 600px) { .wrapper { max-width: 880px; padding-right: 10px; padding-left: 10px; } }

.wrapper-fullscreen { max-width: calc(100% - 80px); margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; position: relative; }

@media screen and (max-width: 600px) { .wrapper-fullscreen { max-width: calc(100% - 40px); padding-right: 10px; padding-left: 10px; } }

/** Clearfix */
.footer-col-wrapper:after, .wrapper:after, .wrapper-fullscreen:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #828282; }

/** Site header */
.site-header { min-height: 56px; position: relative; background-color: #fdfdfd; }

.site-title { font-size: 26px; line-height: 56px; letter-spacing: -1px; margin-bottom: 0; float: left; }

.site-title, .site-title:visited { color: #424242; }

.site-nav { float: right; line-height: 56px; }

.site-nav .page-link { color: #111; line-height: 1.6; }

.site-nav .page-link:not(:first-child) { margin-left: 20px; }

.rss { font-size: 14px; color: #555; text-height: 16px; text-align: right; }

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 20px 0; }

.footer-heading { font-size: 18px; margin-bottom: 10px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -10px; }

.footer-col { float: left; margin-bottom: 10px; padding-left: 10px; }

.footer-col-1 { width: -webkit-calc(35% - (20px / 2)); width: calc(35% - (20px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (20px / 2)); width: calc(20% - (20px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (20px / 2)); width: calc(45% - (20px / 2)); }

/* @include media-query($screen960) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (20px / 2)); width:         calc(50% - (20px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (20px / 2)); width:         calc(100% - (20px / 2)); } } */
@media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (20px / 2)); width: calc(100% - (20px / 2)); } }

/** Page content */
.page-content { padding: 20px 0; }

.page-heading { font-size: 20px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 20px; }

.post-meta { font-size: 13.125px; color: #828282; }

.post-link { display: block; height: 90px; transition: background-color 100ms; }

.post-link:hover { background-color: #2a7ae2; text-decoration: none; color: white; }

.post-link:hover .thumbnail-outer .thumbnail-tint { background-color: #2a7ae2; }

.post-link:active { background-color: #6da4eb; }

.post-link:active .thumbnail-outer .thumbnail-tint { background-color: #6da4eb; }

.post-link .thumbnail-outer { display: inline-block; margin-right: 22px; position: relative; }

.post-link .thumbnail-outer .thumbnail-tint { width: 90px; height: 90px; position: absolute; opacity: .25; transition: background-color 100ms; }

.post-thumbnail { width: 86px; height: 86px; display: inline-block; box-shadow: 2px 2px 10px -1px rgba(126, 126, 126, 0.8); border: 2px solid white; }

.post-link-title { display: inline-block; vertical-align: top; font-size: 22px; width: -webkit-calc(100% - 130px); width: calc(100% - 130px); position: relative; top: 50%; transform: translateY(-50%); }

@media screen and (max-width: 600px) { .post-link-title { font-size: 18px; } }

.inline-image { margin-bottom: 15px; margin-top: 4px; }

.inline-image img { display: block; margin-left: auto; margin-right: auto; }

.flair-image-right { float: right; margin-left: 20px; margin-bottom: 15px; margin-top: 4px; }

.flair-image-left { float: left; margin-right: 20px; margin-bottom: 15px; margin-top: 4px; }

.flair-image-center { margin-bottom: 15px; margin-top: 4px; }

.flair-image-center img { display: block; margin-left: auto; margin-right: auto; }

.flair-caption { color: #515151; font-size: 75%; text-align: center; max-width: 260px; margin: 10px auto; }

.pagination { margin: 10px auto; text-align: center; }

.paginate_link { font-weight: bold; width: 30px; height: 30px; text-align: center; background-color: #CDCDCD; border: 1px solid #AAA; display: inline-block; font-size: 85%; line-height: 30px; }

/** Posts */
.post, .home { background-color: white; padding: 5px 40px; border: 1px solid #c6dcff; min-height: 600px; -webkit-box-shadow: 2px 2px 8px 0px #505050; -moz-box-shadow: 2px 2px 8px 0px #505050; box-shadow: 2px 2px 8px 0px #505050; width: -webkit-calc(100% - 262px); width: calc(100% - 262px); }

@media screen and (max-width: 980px) { .post, .home { width: -webkit-calc(100% - 222px); width: calc(100% - 222px); } }

@media screen and (max-width: 600px) { .post, .home { width: -webkit-calc(100% - 82px); width: calc(100% - 82px); } }

.topmobilead { width: 320px; height: 100px; display: none; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 980px) { .topmobilead { display: none; } }

@media screen and (max-width: 600px) { .topmobilead { display: block; margin-bottom: 20px; } }

.rightfullad { width: 160px; height: 600px; right: 20px; position: absolute; }

@media screen and (max-width: 980px) { .rightfullad { display: none; } }

@media screen and (max-width: 600px) { .rightfullad { display: none; } }

.rightslimad { width: 120px; height: 600px; display: none; right: 20px; position: absolute; }

@media screen and (max-width: 980px) { .rightslimad { display: inline-block; } }

@media screen and (max-width: 600px) { .rightslimad { display: none; } }

.post-header { margin-bottom: 20px; }

.post-title { font-size: 25.5px; letter-spacing: -1px; line-height: 1; border-bottom: 1px solid #aaa; }

.post-title h1 { margin-bottom: 8px; background-color: red; }

.post-content { margin-bottom: 50px; }

h1, h2, h3, h4 { clear: both; }

h1 { font-size: 25.5px; margin-top: 25.5px; }

h2 { font-size: 21px; margin-top: 21px; border: 1px solid #99b9cc; background: #f0f9ff; /* Old browsers */ background: -moz-linear-gradient(45deg, #f0f9ff 0%, #bfe7ff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #f0f9ff), color-stop(100%, #bfe7ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f0f9ff 0%, #bfe7ff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f0f9ff 0%, #bfe7ff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f0f9ff 0%, #bfe7ff 100%); /* IE10+ */ background: linear-gradient(45deg, #f0f9ff 0%, #bfe7ff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#bfe7ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-top-right-radius: 15px; border-bottom-left-radius: 15px; padding-left: 15px; /* subtract padding & border & a little fudge for shadow */ width: -webkit-calc(100% + 61px); width: calc(100% + 61px); position: relative; left: -80px; -webkit-box-shadow: 1px 1px 4px 0px #646464; -moz-box-shadow: 1px 1px 4px 0px #646464; box-shadow: 1px 1px 4px 0px #646464; }

@media screen and (max-width: 980px) { h2 { width: -webkit-calc(100% + 41px); width: calc(100% + 41px); left: -60px; } }

@media screen and (max-width: 600px) { h2 { width: -webkit-calc(100% + 31px); width: calc(100% + 31px); left: -50px; } }

h3 { font-size: 18px; margin-top: 18px; margin-left: -20px; margin-bottom: 8px; }

h4 { font-size: 15.75px; margin-top: 15.75px; margin-bottom: 8px; }

.download-table { min-width: 95%; margin: 20px auto; border-collapse: separate; padding: 4px; }

.download-table th { text-align: left; border-bottom: 1px solid #919191; background-color: #e5e5e5; }

.download-table tr :nth-child(1) { width: 60%; }

.download-table tbody :nth-child(even) td { background-color: #ededed; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: url(/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxTopLeft { width: 21px; height: 21px; background: url(/colorbox/controls.png) no-repeat -101px 0; }

#cboxTopRight { width: 21px; height: 21px; background: url(/colorbox/controls.png) no-repeat -130px 0; }

#cboxBottomLeft { width: 21px; height: 21px; background: url(/colorbox/controls.png) no-repeat -101px -29px; }

#cboxBottomRight { width: 21px; height: 21px; background: url(/colorbox/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft { width: 21px; background: url(/colorbox/controls.png) left top repeat-y; }

#cboxMiddleRight { width: 21px; background: url(/colorbox/controls.png) right top repeat-y; }

#cboxTopCenter { height: 21px; background: url(/colorbox/border.png) 0 0 repeat-x; }

#cboxBottomCenter { height: 21px; background: url(/colorbox/border.png) 0 -29px repeat-x; }

#cboxContent { background: #fff; overflow: hidden; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { margin-bottom: 28px; }

#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #444; }

#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }

#cboxLoadingOverlay { background: url(/colorbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(/colorbox/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/colorbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: -75px -25px; }

#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/colorbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxNext:hover { background-position: -50px -25px; }

#cboxClose { position: absolute; bottom: 0; right: 0; background: url(/colorbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxClose:hover { background-position: -25px -25px; }

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#cboxTitle p { line-height: 1; margin: 0; font-size: 85%; }

#cboxCurrent { visibility: hidden; }

.spoiler { display: none; }

/*# sourceMappingURL=main.css.map */