@import url("/font/source-serif-pro-3.001R/source-serif-pro.css");
body {
  width: 100%;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
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,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
input,
button {
  margin: 0;
  padding: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
@font-face {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  src: url("fonts/fontawesome-webfont.eot?v=#4.0.3");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=#4.0.3") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=#4.0.3") format("woff"), url("fonts/fontawesome-webfont.ttf?v=#4.0.3") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular?v=#4.0.3") format("svg");
}
html,
body,
#container {
  height: 100%;
}
body {
  background: #eee;
  font: 16px 'Source Serif Pro', Georgia, "Times New Roman", serif;
  -webkit-text-size-adjust: 100%;
  font-variant-numeric: oldstyle-nums;
}
.outer {
  max-width: 100ch;
  margin: 0 auto;
  padding: 0 20px;
}
.outer:before,
.outer:after {
  content: "";
  display: table;
}
.outer:after {
  clear: both;
}
.inner {
  display: inline;
  float: left;
  width: 98.33333333333333%;
  margin: 0 0.833333333333333%;
}
.left,
.alignleft {
  float: left;
}
.right,
.alignright {
  float: right;
}
.clear {
  clear: both;
}
#container {
  position: relative;
}
.mobile-nav-on {
  overflow: hidden;
}
#wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 1;
  background: #eee;
}
.mobile-nav-on #wrap {
  left: 280px;
}
@media screen and (min-width: 1295px) {
  #main {
    display: inline;
    float: left;
    width: 73.33333333333333%;
    margin: 0 0.833333333333333%;
  }
}
#main {
  width: 100%;
  margin: auto;
}
.article-date,
.article-category-link,
.archive-year,
.widget-title {
  text-decoration: none;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: #999;
  margin-bottom: 1em;
  margin-left: 5px;
  line-height: 1em;
  text-shadow: 0 1px #fff;
  font-weight: bold;
}
.article-inner,
.archive-article-inner {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.article-entry h1,
.floating-footnote h1,
.mobile-fn-float h1,
.widget h1 {
  font-size: 2em;
}
.article-entry h2,
.floating-footnote h2,
.mobile-fn-float h2,
.widget h2 {
  font-size: 1.5em;
}
.article-entry h3,
.floating-footnote h3,
.mobile-fn-float h3,
.widget h3 {
  font-size: 1.3em;
}
.article-entry h4,
.floating-footnote h4,
.mobile-fn-float h4,
.widget h4 {
  font-size: 1.2em;
}
.article-entry h5,
.floating-footnote h5,
.mobile-fn-float h5,
.widget h5 {
  font-size: 1em;
}
.article-entry h6,
.floating-footnote h6,
.mobile-fn-float h6,
.widget h6 {
  font-size: 1em;
  color: #999;
}
.article-entry hr,
.floating-footnote hr,
.mobile-fn-float hr,
.widget hr {
  border: 1px dashed #ddd;
}
.article-entry strong,
.floating-footnote strong,
.mobile-fn-float strong,
.widget strong {
  font-weight: bold;
}
.article-entry em,
.floating-footnote em,
.mobile-fn-float em,
.widget em,
.article-entry cite,
.floating-footnote cite,
.mobile-fn-float cite,
.widget cite {
  font-style: italic;
}
.article-entry sup,
.floating-footnote sup,
.mobile-fn-float sup,
.widget sup,
.article-entry sub,
.floating-footnote sub,
.mobile-fn-float sub,
.widget sub {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.article-entry sup,
.floating-footnote sup,
.mobile-fn-float sup,
.widget sup {
  top: -0.5em;
}
.article-entry sub,
.floating-footnote sub,
.mobile-fn-float sub,
.widget sub {
  bottom: -0.2em;
}
.article-entry small,
.floating-footnote small,
.mobile-fn-float small,
.widget small {
  font-size: 0.85em;
}
.article-entry acronym,
.floating-footnote acronym,
.mobile-fn-float acronym,
.widget acronym,
.article-entry abbr,
.floating-footnote abbr,
.mobile-fn-float abbr,
.widget abbr {
  border-bottom: 1px dotted;
}
.article-entry ul,
.floating-footnote ul,
.mobile-fn-float ul,
.widget ul,
.article-entry ol,
.floating-footnote ol,
.mobile-fn-float ol,
.widget ol,
.article-entry dl,
.floating-footnote dl,
.mobile-fn-float dl,
.widget dl {
  margin: 20px 0px 20px 40px;
  line-height: 1.5em;
}
.article-entry ul ul,
.floating-footnote ul ul,
.mobile-fn-float ul ul,
.widget ul ul,
.article-entry ol ul,
.floating-footnote ol ul,
.mobile-fn-float ol ul,
.widget ol ul,
.article-entry ul ol,
.floating-footnote ul ol,
.mobile-fn-float ul ol,
.widget ul ol,
.article-entry ol ol,
.floating-footnote ol ol,
.mobile-fn-float ol ol,
.widget ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.article-entry ul,
.floating-footnote ul,
.mobile-fn-float ul,
.widget ul {
  list-style: disc;
}
.article-entry ol,
.floating-footnote ol,
.mobile-fn-float ol,
.widget ol {
  list-style: decimal;
}
.article-entry .toc,
.floating-footnote .toc,
.mobile-fn-float .toc,
.widget .toc {
  list-style: none;
}
.article-entry dt,
.floating-footnote dt,
.mobile-fn-float dt,
.widget dt {
  font-weight: bold;
}
#header {
  height: 60px;
  position: relative;
  font-variant: small-caps;
}
#header:before,
#header:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0px;
}
#header:before {
  top: 0;
  background: -webkit-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: -moz-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: -ms-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: linear-gradient(rgba(0,0,0,0.2), transparent);
}
#header:after {
  bottom: 0;
  background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: -moz-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: -ms-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: linear-gradient(transparent, rgba(0,0,0,0.2));
}
#header-outer {
  height: 100%;
  position: relative;
}
#header-inner {
  position: relative;
  overflow: hidden;
}
#banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  z-index: -1;
}
#header-title {
  text-align: center;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
}
#logo,
#subtitle {
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
#logo {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 2px;
}
#subtitle {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
}
#subtitle-wrap {
  margin-top: 16px;
}
#main-nav {
  float: left;
  margin-left: -15px;
}
.nav-icon,
.main-nav-link {
  float: left;
  color: inherit;
  opacity: 0.6;
  text-decoration: none;
  text-shadow: 0 1px rgba(0,0,0,0.2);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  padding: 20px 15px;
}
.nav-icon:hover,
.main-nav-link:hover {
  opacity: 1;
}
.nav-icon {
  font-family: FontAwesome;
  text-align: center;
  font-size: 16px;
  width: 16px;
  height: 16px;
  padding: 20px 15px;
  position: relative;
  cursor: pointer;
}
.main-nav-link {
  font-weight: 420;
  letter-spacing: 1px;
  font-size: 1.05em;
}
@media screen and (max-width: 479px) {
  .main-nav-link {
    display: none;
  }
}
#main-nav-toggle {
  display: none;
}
#main-nav-toggle:before {
  content: "\f0c9";
}
@media screen and (max-width: 479px) {
  #main-nav-toggle {
    display: block;
  }
}
#sub-nav {
  float: right;
  margin-right: -15px;
}
#nav-rss-link:before {
  content: "\f09e";
}
#nav-search-btn:before {
  content: "\f002";
}
#search-form-wrap {
  position: absolute;
  top: 15px;
  width: 150px;
  height: 30px;
  right: -150px;
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#search-form-wrap.on {
  opacity: 1;
  right: 0;
}
@media screen and (max-width: 479px) {
  #search-form-wrap {
    width: 100%;
    right: -100%;
  }
}
.search-form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 5px 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.search-form-input {
  border: none;
  background: none;
  color: #555;
  width: 100%;
  font: 13px "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  outline: none;
}
.search-form-input::-webkit-search-results-decoration,
.search-form-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-form-submit {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  font: 13px FontAwesome;
  border: none;
  background: none;
  color: #bbb;
  cursor: pointer;
}
.search-form-submit:hover,
.search-form-submit:focus {
  color: #777;
}
.article {
  margin: 50px 0;
}
.article-inner {
  overflow: hidden;
  padding: 5px;
}
.article-meta {
  font-variant: small-caps;
}
.article-meta:before,
.article-meta:after {
  content: "";
  display: table;
}
.article-meta:after {
  clear: both;
}
.article-date {
  float: left;
  letter-spacing: 1px;
  font-variant-numeric: proportional-nums lining-nums;
}
.article-category {
  float: left;
  line-height: 1em;
  color: #ccc;
  text-shadow: 0 1px #fff;
  margin-left: 8px;
}
.article-category:before {
  content: "\2022";
}
.article-category-link {
  margin: 0 12px 1em;
}
.article-header {
  padding: 20px 20px 0;
  text-align: center;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  padding: 30px 25px 0;
}
.article-title,
.main-title {
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  color: #555;
  line-height: 1.1em;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  font-size: 2.5em;
}
a.article-title:hover,
a.main-title:hover {
  color: #258fb8;
}
.main-title {
  text-align: center;
  margin-top: 40px;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  font-variant-numeric: lining-nums;
}
.main-info {
  margin-top: 10px;
  padding: 20px;
  line-height: 1.5em;
  font-size: 16px;
}
.smallcaps {
  font-feature-settings: "smcp";
  font-variant: small-caps;
}
.article-entry,
.floating-footnote,
.mobile-fn-float {
  color: #555;
  padding: 0 20px;
  font-variant-numeric: oldstyle-nums proportional-nums;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}
.article-entry:before,
.floating-footnote:before,
.mobile-fn-float:before,
.article-entry:after,
.floating-footnote:after,
.mobile-fn-float:after {
  content: "";
  display: table;
}
.article-entry:after,
.floating-footnote:after,
.mobile-fn-float:after {
  clear: both;
}
.article-entry p,
.floating-footnote p,
.mobile-fn-float p,
.article-entry table,
.floating-footnote table,
.mobile-fn-float table {
  line-height: 1.5em;
  margin: 1.5em 0;
}
.article-entry h1,
.floating-footnote h1,
.mobile-fn-float h1,
.article-entry h2,
.floating-footnote h2,
.mobile-fn-float h2,
.article-entry h3,
.floating-footnote h3,
.mobile-fn-float h3,
.article-entry h4,
.floating-footnote h4,
.mobile-fn-float h4,
.article-entry h5,
.floating-footnote h5,
.mobile-fn-float h5,
.article-entry h6,
.floating-footnote h6,
.mobile-fn-float h6 {
  font-weight: bold;
}
.article-entry h1,
.floating-footnote h1,
.mobile-fn-float h1,
.article-entry h2,
.floating-footnote h2,
.mobile-fn-float h2,
.article-entry h3,
.floating-footnote h3,
.mobile-fn-float h3,
.article-entry h4,
.floating-footnote h4,
.mobile-fn-float h4,
.article-entry h5,
.floating-footnote h5,
.mobile-fn-float h5,
.article-entry h6,
.floating-footnote h6,
.mobile-fn-float h6 {
  font-variant-numeric: lining-nums;
  line-height: 1.1em;
  margin: 1.1em 0;
  text-align: left;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.article-entry a,
.floating-footnote a,
.mobile-fn-float a {
  color: inherit;
  text-decoration: underline;
}
.article-entry a:hover,
.floating-footnote a:hover,
.mobile-fn-float a:hover {
  color: #777;
}
.article-entry ul,
.floating-footnote ul,
.mobile-fn-float ul,
.article-entry ol,
.floating-footnote ol,
.mobile-fn-float ol,
.article-entry dl,
.floating-footnote dl,
.mobile-fn-float dl {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.article-entry img,
.floating-footnote img,
.mobile-fn-float img,
.article-entry video,
.floating-footnote video,
.mobile-fn-float video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
.article-entry iframe,
.floating-footnote iframe,
.mobile-fn-float iframe {
  border: none;
}
.article-entry table,
.floating-footnote table,
.mobile-fn-float table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.article-entry thead th,
.floating-footnote thead th,
.mobile-fn-float thead th {
  font-weight: bold;
  border-bottom: 3px solid #ddd;
  padding-bottom: 0.5em;
}
.article-entry thead.slantheaders th,
.floating-footnote thead.slantheaders th,
.mobile-fn-float thead.slantheaders th {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  padding-bottom: 1.5em;
  padding-left: 0.5em;
}
.article-entry .sideheader,
.floating-footnote .sideheader,
.mobile-fn-float .sideheader {
  font-weight: bold;
  border-right: 3px solid #ddd;
}
.article-entry .equalwidth,
.floating-footnote .equalwidth,
.mobile-fn-float .equalwidth {
  table-layout: fixed;
}
.article-entry td,
.floating-footnote td,
.mobile-fn-float td {
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}
.article-entry .red,
.floating-footnote .red,
.mobile-fn-float .red {
  background-color: #e9736e;
}
.article-entry .green,
.floating-footnote .green,
.mobile-fn-float .green {
  background-color: #6fb95f;
}
.article-entry .yellow,
.floating-footnote .yellow,
.mobile-fn-float .yellow {
  background-color: #efefbb;
}
.article-entry blockquote,
.floating-footnote blockquote,
.mobile-fn-float blockquote {
  font-family: 'Source Serif Pro', Georgia, "Times New Roman", serif;
  font-size: 1.25em;
  margin: 1.5em 20px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: normal;
  max-width: 80%;
}
.article-entry blockquote footer,
.floating-footnote blockquote footer,
.mobile-fn-float blockquote footer {
  font-size: 16px;
  margin: 1.5em 0;
  font-family: "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.article-entry blockquote cite,
.floating-footnote blockquote cite,
.mobile-fn-float blockquote cite {
  padding: 0 0.5em;
  display: block;
  text-align: center;
}
.article-entry blockquote cite:before,
.floating-footnote blockquote cite:before,
.mobile-fn-float blockquote cite:before {
  content: "—";
}
.article-entry .pullquote,
.floating-footnote .pullquote,
.mobile-fn-float .pullquote {
  text-align: left;
  width: 45%;
  margin: 0;
}
.article-entry .pullquote.left,
.floating-footnote .pullquote.left,
.mobile-fn-float .pullquote.left {
  margin-left: 0.5em;
  margin-right: 1em;
}
.article-entry .pullquote.right,
.floating-footnote .pullquote.right,
.mobile-fn-float .pullquote.right {
  margin-right: 0.5em;
  margin-left: 1em;
}
.article-entry .caption,
.floating-footnote .caption,
.mobile-fn-float .caption {
  color: #999;
  display: block;
  font-size: 0.9em;
  margin-top: 0.5em;
  position: relative;
  text-align: center;
}
.article-entry .video-container,
.floating-footnote .video-container,
.mobile-fn-float .video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.article-entry .video-container iframe,
.floating-footnote .video-container iframe,
.mobile-fn-float .video-container iframe,
.article-entry .video-container object,
.floating-footnote .video-container object,
.mobile-fn-float .video-container object,
.article-entry .video-container embed,
.floating-footnote .video-container embed,
.mobile-fn-float .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.floating-footnote {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 20px;
  margin: 5px;
  color: #555;
  position: absolute;
}
.floating-footnote a {
  color: inherit;
  text-decoration: underline;
}
.floating-footnote a:hover {
  color: #777;
}
.floating-footnote p {
  margin: 0.5em 0;
}
.floating-footnote em {
  font-style: italic;
}
@media screen and (max-width: 1295px) {
  .floating-footnote {
    display: none;
  }
}
.article-more-link a {
  display: inline-block;
  line-height: 1em;
  padding: 6px 15px;
  border-radius: 15px;
  background: #eee;
  color: #999;
  text-shadow: 0 1px #fff;
  text-decoration: none;
}
.article-more-link a:hover {
  background: #258fb8;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px #1e7293;
}
.article-footer {
  font-size: 0.85em;
  line-height: 1.5em;
  border-top: 1px solid #ddd;
  padding-top: 1.5em;
  margin: 0 20px 20px;
}
.article-footer:before,
.article-footer:after {
  content: "";
  display: table;
}
.article-footer:after {
  clear: both;
}
.article-footer a {
  color: #999;
  text-decoration: none;
}
.article-footer a:hover {
  color: #555;
}
.article-tag-list-item {
  float: left;
  margin-right: 10px;
}
.article-tag-list-link:before {
  content: "#";
}
.article-comment-link {
  float: right;
}
.article-comment-link:before {
  content: "\f075";
  font-family: FontAwesome;
  padding-right: 8px;
}
.article-share-link {
  cursor: pointer;
  float: right;
  margin-left: 20px;
}
.article-share-link:before {
  content: "\f064";
  font-family: FontAwesome;
  padding-right: 6px;
}
#article-nav {
  position: relative;
}
#article-nav:before,
#article-nav:after {
  content: "";
  display: table;
}
#article-nav:after {
  clear: both;
}
@media screen and (min-width: 1295px) {
  #article-nav {
    margin: 50px 0;
  }
  #article-nav:before {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    content: "";
    border-radius: 50%;
    background: #ddd;
    -webkit-box-shadow: 0 1px 2px #fff;
    box-shadow: 0 1px 2px #fff;
  }
}
.article-nav-link-wrap {
  text-decoration: none;
  text-shadow: 0 1px #fff;
  color: #999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 50px;
  text-align: center;
  display: block;
}
.article-nav-link-wrap:hover {
  color: #555;
}
@media screen and (min-width: 1295px) {
  .article-nav-link-wrap {
    width: 50%;
    margin-top: 0;
  }
}
@media screen and (min-width: 1295px) {
  #article-nav-newer {
    float: left;
    text-align: right;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1295px) {
  #article-nav-older {
    float: right;
    text-align: left;
    padding-left: 20px;
  }
}
.article-nav-caption {
  font-variant: small-caps;
  letter-spacing: -1px;
  color: #ddd;
  line-height: 1em;
  font-weight: bold;
}
#article-nav-newer .article-nav-caption {
  margin-right: -2px;
}
.article-nav-title {
  font-size: 0.85em;
  line-height: 1.5em;
  margin-top: 0.5em;
}
.article-share-box {
  position: absolute;
  display: none;
  background: #fff;
  -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
  border-radius: 3px;
  margin-left: -145px;
  overflow: hidden;
  z-index: 1;
}
.article-share-box.on {
  display: block;
}
.article-share-input {
  width: 100%;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  padding: 0 15px;
  color: #555;
  outline: none;
  border: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  height: 36px;
  line-height: 36px;
}
.article-share-links {
  background: #eee;
}
.article-share-links:before,
.article-share-links:after {
  content: "";
  display: table;
}
.article-share-links:after {
  clear: both;
}
.article-share-twitter,
.article-share-facebook,
.article-share-pinterest,
.article-share-google {
  width: 50px;
  height: 36px;
  display: block;
  float: left;
  position: relative;
  color: #999;
  text-shadow: 0 1px #fff;
}
.article-share-twitter:before,
.article-share-facebook:before,
.article-share-pinterest:before,
.article-share-google:before {
  font-size: 20px;
  font-family: FontAwesome;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  text-align: center;
}
.article-share-twitter:hover,
.article-share-facebook:hover,
.article-share-pinterest:hover,
.article-share-google:hover {
  color: #fff;
}
.article-share-twitter:before {
  content: "\f099";
}
.article-share-twitter:hover {
  background: #00aced;
  text-shadow: 0 1px #008abe;
}
.article-share-facebook:before {
  content: "\f09a";
}
.article-share-facebook:hover {
  background: #3b5998;
  text-shadow: 0 1px #2f477a;
}
.article-share-pinterest:before {
  content: "\f0d2";
}
.article-share-pinterest:hover {
  background: #cb2027;
  text-shadow: 0 1px #a21a1f;
}
.article-share-google:before {
  content: "\f0d5";
}
.article-share-google:hover {
  background: #dd4b39;
  text-shadow: 0 1px #be3221;
}
.article-gallery {
  background: #000;
  position: relative;
}
.article-gallery-photos {
  position: relative;
  overflow: hidden;
}
.article-gallery-img {
  display: none;
  max-width: 100%;
}
.article-gallery-img:first-child {
  display: block;
}
.article-gallery-img.loaded {
  position: absolute;
  display: block;
}
.article-gallery-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.footnote-float-numeral {
  font-size: 1.2em;
  height: 32px;
  width: 32px;
  border: solid 1px #ddd;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.mobile-fn-float-wrapper {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 25%;
  width: calc(100% - 20px);
  padding: 10px;
  display: none;
}
.mobile-fn-float {
  position: absolute;
  bottom: 10px;
  max-width: 120ch;
  max-height: 100%;
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #555;
  padding: 10px;
  width: calc(100% - 20px - 20px);
  display: block;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.mobile-fn-float a {
  color: inherit;
  text-decoration: underline;
}
.mobile-fn-float a:hover {
  color: #777;
}
.mobile-fn-float p {
  margin: 0.5em 0;
}
.mobile-fn-float em {
  font-style: italic;
}
@media screen and (min-width: 1295px) {
  .mobile-fn-float {
    display: none;
  }
}
.mobile-fn-float img {
  max-width: calc(100% - 10px);
}
.footnote-float-overflow {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 0px;
  left: 0;
  height: 30px;
  opacity: 0.7;
  background: #bbb;
  display: none;
  font-size: 1.15em;
}
.footnote-float-overflow:hover {
  background: #ddd;
}
.toc-outer {
  max-width: 200px;
  float: left;
}
.acronym {
  font-feature-settings: 'smcp', 'c2sc';
}
em .acronym {
  font-variant: small-caps;
  text-transform: lowercase;
}
.acronymlower {
  font-size: 0.95em;
  font-feature-settings: normal;
}
.acronym-first {
  font-variant: normal;
  text-transform: uppercase;
  font-feature-settings: normal;
}
.main-info {
  text-align: justify;
}
.main-info a {
  color: inherit;
  text-decoration: underline;
}
.main-info a:hover {
  color: #777;
}
.lining-nums {
  font-variant-numeric: lining-nums;
}
.article-title {
  font-variant-numeric: lining-nums;
}
.tbl-right-align tr td {
  text-align: right;
}
#comments {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 50px 0;
}
#comments a {
  color: #258fb8;
}
.archives-wrap {
  margin: 50px 0;
}
.archives:before,
.archives:after {
  content: "";
  display: table;
}
.archives:after {
  clear: both;
}
.archive-year-wrap {
  margin-bottom: 1em;
}
.archive-year {
  letter-spacing: -1px;
  font-size: 32px;
}
.archives {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .archives {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (min-width: 1295px) {
  .archives {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.archive-article {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  break-inside: avoid-column;
}
.archive-article-inner {
  padding: 10px;
  margin-bottom: 15px;
}
.archive-article-title {
  text-decoration: none;
  font-weight: bold;
  color: #555;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1.5em;
}
.archive-article-title:hover {
  color: #258fb8;
}
.archive-article-footer {
  margin-top: 1em;
}
.archive-article-date {
  color: #999;
  text-decoration: none;
  font-size: 0.85em;
  line-height: 1em;
  margin-bottom: 0.5em;
  display: block;
  font-variant-numeric: oldstyle-nums;
}
#page-nav {
  margin: 50px auto;
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-align: center;
  color: #999;
  overflow: hidden;
}
#page-nav:before,
#page-nav:after {
  content: "";
  display: table;
}
#page-nav:after {
  clear: both;
}
#page-nav a,
#page-nav span {
  padding: 10px 20px;
  line-height: 1;
  height: 2ex;
}
#page-nav a {
  color: #999;
  text-decoration: none;
}
#page-nav a:hover {
  background: #999;
  color: #fff;
}
#page-nav .prev {
  float: left;
}
#page-nav .next {
  float: right;
}
#page-nav .page-number {
  display: inline-block;
}
@media screen and (max-width: 479px) {
  #page-nav .page-number {
    display: none;
  }
}
#page-nav .current {
  color: #555;
  font-weight: bold;
}
#page-nav .space {
  color: #ddd;
}
#footer {
  background: #262a30;
  padding: 50px 0;
  border-top: 1px solid #ddd;
  color: #999;
}
#footer a {
  color: #258fb8;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer-info {
  line-height: 1.5em;
  font-size: 0.85em;
}
.article-entry pre,
.article-entry .highlight {
  background: #2d2d2d;
  margin: 0 -20px;
  padding: 15px 20px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  line-height: 24px;
}
.article-entry .highlight .gutter pre,
.article-entry .gist .gist-file .gist-data .line-numbers {
  color: #666;
  font-size: 0.72em;
}
.article-entry pre,
.article-entry code {
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
  font-size: 0.85em;
}
.article-entry code {
  background: #eee;
  text-shadow: 0 1px #fff;
  padding: 0 0.3em;
}
.article-entry pre code {
  background: none;
  text-shadow: none;
  padding: 0;
}
.article-entry .highlight pre {
  border: none;
  margin: 0;
  padding: 0;
}
.article-entry .highlight table {
  margin: 0;
  width: auto;
}
.article-entry .highlight td {
  border: none;
  padding: 0;
}
.article-entry .highlight figcaption {
  font-size: 0.85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em;
}
.article-entry .highlight figcaption:before,
.article-entry .highlight figcaption:after {
  content: "";
  display: table;
}
.article-entry .highlight figcaption:after {
  clear: both;
}
.article-entry .highlight figcaption a {
  float: right;
}
.article-entry .highlight .gutter pre {
  text-align: right;
  padding-right: 20px;
}
.article-entry .highlight .line {
  height: 24px;
}
.article-entry .highlight .line.marked {
  background: #515151;
}
.article-entry .gist {
  margin: 0 -20px;
  border-style: solid;
  border-color: #ddd;
  border-width: 1px 0;
  background: #2d2d2d;
  padding: 15px 20px 15px 0;
}
.article-entry .gist .gist-file {
  border: none;
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
  margin: 0;
}
.article-entry .gist .gist-file .gist-data {
  background: none;
  border: none;
}
.article-entry .gist .gist-file .gist-data .line-numbers {
  background: none;
  border: none;
  padding: 0 20px 0 0;
}
.article-entry .gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.article-entry .gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.article-entry .gist .gist-file .gist-meta {
  background: #2d2d2d;
  color: #999;
  font: 0.85em "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 20px;
}
.article-entry .gist .gist-file .gist-meta a {
  color: #258fb8;
  font-weight: normal;
}
.article-entry .gist .gist-file .gist-meta a:hover {
  text-decoration: underline;
}
pre .comment,
pre .title {
  color: #999;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #f2777a;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f99157;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #9c9;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #9c9;
}
pre .css .hexcolor {
  color: #6cc;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #69c;
}
pre .keyword,
pre .javascript .function {
  color: #c9c;
}
@media screen and (max-width: 479px) {
  #mobile-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #191919;
    border-right: 1px solid #fff;
  }
}
@media screen and (max-width: 479px) {
  .mobile-nav-link {
    display: block;
    color: #999;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: bold;
  }
  .mobile-nav-link:hover {
    color: #fff;
  }
}
@media screen and (min-width: 1295px) {
  .sidebar {
    display: inline;
    float: left;
    width: 23.333333333333332%;
    margin: 0 0.833333333333333%;
    width: calc(50% - 50ch - 25px);
  }
}
@media screen and (min-width: 1295px) {
  .sidebar-left {
    left: 0;
    position: absolute;
  }
}
.sidebar-left .sidebar-align {
  margin-left: auto;
  margin-right: 0px;
}
@media screen and (min-width: 1295px) {
  .sidebar-right {
    left: calc(50% + 50ch);
    position: absolute;
  }
}
.widget-wrap {
  margin: 50px 10px;
  width: 220px;
}
.widget-title {
  letter-spacing: 1px;
}
.widget {
  color: #777;
  text-shadow: 0 1px #fff;
  background: #ddd;
  -webkit-box-shadow: 0 -1px 4px #ccc inset;
  box-shadow: 0 -1px 4px #ccc inset;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 3px;
}
.widget a {
  color: #258fb8;
  text-decoration: none;
}
.widget a:hover {
  text-decoration: underline;
}
.widget ul ul,
.widget ol ul,
.widget dl ul,
.widget ul ol,
.widget ol ol,
.widget dl ol,
.widget ul dl,
.widget ol dl,
.widget dl dl {
  margin-left: 15px;
  list-style: disc;
}
.avatar {
  margin: auto;
  border-top: 1px solid #eee;
  padding: 10px;
}
.avatar .ava-img {
  min-width: 200px;
  min-height: 200px;
  max-width: 200px;
  max-height: 200px;
  border-radius: 6px;
}
.authname {
  padding: 10px 0;
  font-variant: small-caps;
  font-size: 2em;
  font-weight: bold;
  color: #555;
}
.sdesc {
  font-size: 1.2em;
}
.recentposts li {
  margin: 5px 0;
}
.mainnav {
  padding-top: 20px;
}
.mainnav-link {
  color: inherit;
  text-align: right;
  float: right;
  font-weight: bold;
  font-size: 2em;
  font-variant: small-caps;
  padding-right: 10px;
  display: block;
}
.widget {
  line-height: 1.5em;
  word-wrap: break-word;
  font-size: 0.9em;
}
.widget ul,
.widget ol {
  list-style: none;
  margin: 0;
}
.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
  margin: 0 20px;
}
.widget ul ul,
.widget ol ul {
  list-style: disc;
}
.widget ul ol,
.widget ol ol {
  list-style: decimal;
}
.category-list-count,
.tag-list-count,
.archive-list-count {
  padding-left: 5px;
  color: #999;
  font-size: 0.85em;
}
.category-list-count:before,
.tag-list-count:before,
.archive-list-count:before {
  content: "(";
}
.category-list-count:after,
.tag-list-count:after,
.archive-list-count:after {
  content: ")";
}
.tagcloud a {
  margin-right: 5px;
  display: inline-block;
}
.contact {
  color: #222;
  padding: 10px;
  font-size: 1.1em;
}
.contact .fa {
  min-width: 25px;
}
.contact a {
  color: inherit;
  text-decoration: none;
}