@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* To use the light Solarized highlighting theme uncomment the following line */
/* If you want to tweak the Solarized colors you can do that here */
/* Non highlighted code colors */
/* non highlighted code colors */
/* Navigation */
/* Sidebar colors */
.heading, body > header h1, headings { font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif; }

.sans, body > header h2, article header p.meta, article > footer, #content .blog-index footer, html .gist .gist-file .gist-meta, #blog-archives a.category, #blog-archives time, body > footer { font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }

.serif, body, #content .blog-index a[rel=full-article] { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; }

.mono, pre, code, tt, p code, li code { font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace; }

body > header h1 { font-size: 2.2em; font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif; font-weight: normal; line-height: 1.2em; margin-bottom: 0.6667em; }

body > header h2 { font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif; }

body { line-height: 1.5em; color: #222; }

h1 { font-size: 2.2em; line-height: 1.2em; }

@media only screen and (min-width: 992px) { body { font-size: 16px; }
  h1 { font-size: 2.6em; line-height: 1.2em; } }

body article.hentry { line-height: 1.3em; }

@media only screen and (max-width: 480px) { body article.hentry { font-size: 1em; } }

@media only screen and (min-width: 768px) { body article.hentry { font-size: 1.2em; } }

@media only screen and (min-width: 992px) { body article.hentry { font-size: 1.3em; line-height: 1.4em; } }

headings { text-rendering: optimizelegibility; margin: 1em 0; font-weight: bold; }

h2, section h1 { font-size: 1.3em; }

h3, section h2, section section h1 { font-size: 1.3em; }

h4, section h3, section section h2, section section section h1 { font-size: 1em; }

h5, section h4, section section h3 { font-size: .9em; }

h6, section h5, section section h4, section section section h3 { font-size: .8em; }

p, blockquote, ul, ol { margin-bottom: 1.5em; }

ul { list-style-type: disc; }

ul ul { list-style-type: circle; margin-bottom: 0px; }

ul ul ul { list-style-type: square; margin-bottom: 0px; }

ol { list-style-type: decimal; }

ol ol { list-style-type: lower-alpha; margin-bottom: 0px; }

ol ol ol { list-style-type: lower-roman; margin-bottom: 0px; }

ul, ul ul, ul ol, ol, ol ul, ol ol { margin-left: 1.3em; }

strong { font-weight: bold; }

em { font-style: italic; }

sup, sub { font-size: 0.8em; position: relative; display: inline-block; }

sup { top: -1.0em; }

sub { bottom: -0.5em; }

q { font-style: italic; }

q:before { content: "\201C"; }

q:after { content: "\201D"; }

em, dfn { font-style: italic; }

strong, dfn { font-weight: bold; }

del, s { text-decoration: line-through; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

sub, sup { line-height: 0; }

hr { margin-bottom: 0.2em; }

small { font-size: .8em; }

big { font-size: 1.2em; }

blockquote { font-style: italic; position: relative; font-size: 1.2em; line-height: 1.5em; padding-left: 1em; border-left: 4px solid rgba(68, 68, 68, 0.5); }

blockquote cite { font-style: italic; }

blockquote cite a { color: #444 !important; word-wrap: break-word; }

blockquote cite:before { content: '\2014'; padding-right: .3em; padding-left: .3em; color: #444; }

@media only screen and (min-width: 992px) { blockquote { padding-left: 1.5em; border-left-width: 4px; } }

.pullquote-right:before, .pullquote-left:before { /* Reset metrics. */ padding: 0; border: none; /* Content */ content: attr(data-pullquote); /* Pull out to the right, modular scale based margins. */ float: right; width: 45%; margin: .5em 0 1em 1.5em; /* Baseline correction */ position: relative; top: 7px; font-size: 1.4em; line-height: 1.45em; }

.pullquote-left:before { /* Make left pullquotes align properly. */ float: left; margin: .5em 1.5em 1em 0; }

/* @extend this to force long lines of continuous text to wrap */
.force-wrap, article a { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; }

.group:after, body > header:after, body > nav:after, body > footer:after, body #content > article:after, body #content > div > article:after, body #content > div > section:after, body div.pagination:after, #main:after, #content:after, .sidebar:after { content: ""; display: table; clear: both; }

body { -webkit-text-size-adjust: none; max-width: 900px; position: relative; margin: 0 auto; padding: 0 32px; }

body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section { padding-left: 18px; padding-right: 18px; }

@media only screen and (min-width: 480px) { body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section { padding-left: 25px; padding-right: 25px; } }

@media only screen and (min-width: 768px) { body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section { padding-left: 35px; padding-right: 35px; } }

@media only screen and (min-width: 992px) { body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section { padding-left: 55px; padding-right: 55px; } }

body div.pagination { margin-left: 18px; margin-right: 18px; }

@media only screen and (min-width: 480px) { body div.pagination { margin-left: 25px; margin-right: 25px; } }

@media only screen and (min-width: 768px) { body div.pagination { margin-left: 35px; margin-right: 35px; } }

@media only screen and (min-width: 992px) { body div.pagination { margin-left: 55px; margin-right: 55px; } }

body > header { font-size: 1em; padding-top: 1.5em; padding-bottom: 1.5em; }

#content > div, #content > article { width: 100%; }

.flex-content, article img, article video, article .flash-video { max-width: 100%; height: auto; }

.basic-alignment.left, article img.left, article video.left, article .left.flash-video { float: left; margin-right: 1.5em; }

.basic-alignment.right, article img.right, article video.right, article .right.flash-video { float: right; margin-left: 1.5em; }

.basic-alignment.center, article img.center, article video.center, article .center.flash-video { display: block; margin: 0 auto 1.5em; }

.basic-alignment.left, article img.left, article video.left, article .left.flash-video, .basic-alignment.right, article img.right, article video.right, article .right.flash-video { margin-bottom: .8em; }

@media only screen and (min-width: 550px) { body > header { font-size: 1em; } }

@media only screen and (min-width: 768px) { body { -webkit-text-size-adjust: auto; }
  body > header { font-size: 1.2em; }
  #main { padding: 0; margin: 0 auto; }
  #content { overflow: visible; position: relative; }
  .no-sidebar #content { margin-right: 0; border-right: 0; }
  #content > div, #content > article { padding-top: 17.5px; padding-bottom: 17.5px; float: left; } }

@media only screen and (min-width: 992px) { body > header { font-size: 1.3em; }
  #content > div, #content > article { padding-top: 27.5px; padding-bottom: 27.5px; } }

body > header { background: #f8f8f8 image-url("noise.png") top left; }

body > header h1 { display: inline-block; margin: 0; }

body > header h1 a, body > header h1 a:visited, body > header h1 a:hover { color: #f2f2f2; text-decoration: none; }

body > header h2 { margin: .2em 0 0; font-size: 1em; color: #aaa; font-weight: normal; }

article { padding-top: 1em; }

article header { position: relative; padding-top: 2em; padding-bottom: 1em; margin-bottom: 1em; }

article header h1 { margin: 0; }

article header h1 a { text-decoration: none; }

article header h1 a:hover { text-decoration: underline; }

article header p { font-size: .9em; color: #444; margin: 0; }

article header p.meta { text-transform: uppercase; position: absolute; top: 0; }

@media only screen and (min-width: 768px) { article header { margin-bottom: 1.5em; padding-bottom: 1em; } }

.entry-content article h2:first-child, article header + h2 { padding-top: 0; }

article h2:first-child, article header + h2 { background: none; }

article .feature { padding-top: .5em; margin-bottom: 1em; padding-bottom: 1em; background: inline-image("dotted-border.png") bottom left repeat-x; font-size: 2.0em; font-style: italic; line-height: 1.3em; }

article img, article video, article .flash-video { border-radius: 0.3em; box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px; box-sizing: border-box; border: #fff 0.5em solid; }

article video, article .flash-video { margin: 0 auto 1.5em; }

article video { display: block; width: 100%; }

article .flash-video > div { position: relative; display: block; padding-bottom: 56.25%; padding-top: 1px; height: 0; overflow: hidden; }

article .flash-video > div iframe, article .flash-video > div object, article .flash-video > div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

article > footer { padding-bottom: 2.5em; margin-top: 2em; }

article > footer p.meta { margin-bottom: .8em; font-size: .85em; clear: both; overflow: hidden; }

.blog-index article + article { background: inline-image("dotted-border.png") top left repeat-x; }

#content .blog-index { padding-top: 0; padding-bottom: 0; }

#content .blog-index article { padding-top: 2em; }

#content .blog-index article header { background: none; padding-bottom: 0; }

#content .blog-index article h1 { font-size: 2.2em; }

#content .blog-index article h1 a { color: inherit; }

#content .blog-index article h1 a:hover { color: #0181eb; }

#content .blog-index a[rel=full-article] { background: #ebebeb; display: inline-block; padding: .4em .8em; margin-right: .5em; text-decoration: none; color: #333333; transition-property: background-color; transition-duration: .5s; }

#content .blog-index a[rel=full-article]:hover { background: #0181eb; text-shadow: none; color: #f8f8f8; }

#content .blog-index footer { margin-top: 1em; }

.separator, article > footer .byline + time:before, article > footer time + time:before, article > footer .comments:before, article > footer .byline ~ .categories:before { content: "\2022 "; padding: 0 .4em 0 .2em; display: inline-block; }

#content div.pagination { text-align: center; font-size: .95em; position: relative; background: inline-image("dotted-border.png") top left repeat-x; padding-top: 1.5em; padding-bottom: 1.5em; }

#content div.pagination a { text-decoration: none; color: #444; }

#content div.pagination a.prev { position: absolute; left: 0; }

#content div.pagination a.next { position: absolute; right: 0; }

#content div.pagination a:hover { color: #0181eb; }

#content div.pagination a[href*=archive]:before, #content div.pagination a[href*=archive]:after { content: '\2014'; padding: 0 .3em; }

.highlight, html .gist .gist-file .gist-syntax .gist-highlight { border: 1px solid #e7dec3 !important; }

.highlight table td.code, html .gist .gist-file .gist-syntax .gist-highlight table td.code { width: 100%; }

.highlight .line-numbers, html .gist .gist-file .gist-syntax .gist-highlight .line-numbers { text-align: right; font-size: 13px; line-height: 1.45em; background: #fdf8e8 image-url("noise.png") top left !important; border-right: 1px solid #ebe4ce !important; box-shadow: #fef9ed -1px 0 inset; text-shadow: #f1ecdc 0 -1px; padding: .8em !important; border-radius: 0; }

.highlight .line-numbers span, html .gist .gist-file .gist-syntax .gist-highlight .line-numbers span { color: #93a1a1 !important; }

figure.code, .gist-file, pre { box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px; }

figure.code .highlight pre, .gist-file .highlight pre, pre .highlight pre { box-shadow: none; }

html .gist .gist-file { margin-bottom: 1.8em; position: relative; border: none; padding-top: image-height("code_bg.png") !important; }

html .gist .gist-file .gist-syntax { border-bottom: 0 !important; background: none !important; }

html .gist .gist-file .gist-syntax .gist-highlight { background: #fdf6e3 !important; }

html .gist .gist-file .gist-meta { padding: .6em 0.8em; border: 1px solid #f1ecdc !important; color: #93a1a1; font-size: .7em !important; background: #fef9ed image-url("noise.png") top left; border: 1px solid #e7dec3 !important; border-top: 1px solid #fef9ed !important; line-height: 1.5em; }

html .gist .gist-file .gist-meta a { color: #76888b !important; }

html .gist .gist-file .gist-meta a:hover { color: #586e75 !important; }

html .gist .gist-file .gist-meta a[href*='#file'] { position: absolute; top: 0; left: 0; right: -10px; color: #474747 !important; }

html .gist .gist-file .gist-meta a[href*='#file']:hover { color: #1863a1 !important; }

html .gist .gist-file .gist-meta a[href*=raw] { top: .4em; }

pre { background: #fdf6e3 image-url("noise.png") top left; border-radius: .4em; border: 1px solid #e7dec3; line-height: 1.45em; font-size: 13px; margin-bottom: 2.1em; padding: .8em 1em; color: #586e75; overflow: auto; }

h3.filename + pre { border-top-radius: 0px; }

p code, li code { display: inline-block; white-space: no-wrap; background: #fff; font-size: .8em; line-height: 1.5em; color: #555; border: 1px solid #ddd; border-radius: .4em; padding: 0 .3em; margin: -1px 0; }

p pre code, li pre code { font-size: 1em !important; background: none; border: none; }

.pre-code, html .gist .gist-file .gist-syntax .gist-highlight pre, .highlight code { font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important; overflow: scroll; overflow-y: hidden; display: block; padding: .8em !important; overflow-x: auto; line-height: 1.45em; background: #fdf6e3 image-url("noise.png") top left !important; color: #586e75 !important; /* Comment */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Error */ /* Keyword */ /* Operator */ /* Operator */ /* Operator.Word */ /* Generic.Deleted */ /* Generic.Deleted.Specific */ /* Generic.Emph */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Inserted.Specific */ /* Generic.Strong */ /* Generic.Subheading */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Exception */ /* Name.Function */ /* Name.Namespace */ /* Name.Tag */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Name.Variable */ /* Literal.Number.Float */ /* Literal.Number */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.String */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Interpol */ /* Literal.String.Regex */ /* Literal.String.Single */ }

.pre-code *::-moz-selection, html .gist .gist-file .gist-syntax .gist-highlight pre *::-moz-selection, .highlight code *::-moz-selection { background: white; color: inherit; text-shadow: #fdf6e3 0 1px; }

.pre-code *::-webkit-selection, html .gist .gist-file .gist-syntax .gist-highlight pre *::-webkit-selection, .highlight code *::-webkit-selection { background: white; color: inherit; text-shadow: #fdf6e3 0 1px; }

.pre-code *::selection, html .gist .gist-file .gist-syntax .gist-highlight pre *::selection, .highlight code *::selection { background: white; color: inherit; text-shadow: #fdf6e3 0 1px; }

.pre-code span, html .gist .gist-file .gist-syntax .gist-highlight pre span, .highlight code span { color: #586e75 !important; }

.pre-code span, html .gist .gist-file .gist-syntax .gist-highlight pre span, .highlight code span { font-style: normal !important; font-weight: normal !important; }

.pre-code .c, html .gist .gist-file .gist-syntax .gist-highlight pre .c, .highlight code .c { color: #93a1a1 !important; font-style: italic !important; }

.pre-code .cm, html .gist .gist-file .gist-syntax .gist-highlight pre .cm, .highlight code .cm { color: #93a1a1 !important; font-style: italic !important; }

.pre-code .cp, html .gist .gist-file .gist-syntax .gist-highlight pre .cp, .highlight code .cp { color: #93a1a1 !important; font-style: italic !important; }

.pre-code .c1, html .gist .gist-file .gist-syntax .gist-highlight pre .c1, .highlight code .c1 { color: #93a1a1 !important; font-style: italic !important; }

.pre-code .cs, html .gist .gist-file .gist-syntax .gist-highlight pre .cs, .highlight code .cs { color: #93a1a1 !important; font-weight: bold !important; font-style: italic !important; }

.pre-code .err, html .gist .gist-file .gist-syntax .gist-highlight pre .err, .highlight code .err { color: #dc322f !important; background: none !important; }

.pre-code .k, html .gist .gist-file .gist-syntax .gist-highlight pre .k, .highlight code .k { color: #cb4b16 !important; }

.pre-code .o, html .gist .gist-file .gist-syntax .gist-highlight pre .o, .highlight code .o { color: #586e75 !important; font-weight: bold !important; }

.pre-code .p, html .gist .gist-file .gist-syntax .gist-highlight pre .p, .highlight code .p { color: #586e75 !important; }

.pre-code .ow, html .gist .gist-file .gist-syntax .gist-highlight pre .ow, .highlight code .ow { color: #2aa198 !important; font-weight: bold !important; }

.pre-code .gd, html .gist .gist-file .gist-syntax .gist-highlight pre .gd, .highlight code .gd { color: #586e75 !important; background-color: #f5c5b6 !important; display: inline-block; }

.pre-code .gd .x, html .gist .gist-file .gist-syntax .gist-highlight pre .gd .x, .highlight code .gd .x { color: #586e75 !important; background-color: #f1b1a4 !important; display: inline-block; }

.pre-code .ge, html .gist .gist-file .gist-syntax .gist-highlight pre .ge, .highlight code .ge { color: #586e75 !important; font-style: italic !important; }

.pre-code .gh, html .gist .gist-file .gist-syntax .gist-highlight pre .gh, .highlight code .gh { color: #93a1a1 !important; }

.pre-code .gi, html .gist .gist-file .gist-syntax .gist-highlight pre .gi, .highlight code .gi { color: #586e75 !important; background-color: #e5e3b6 !important; display: inline-block; }

.pre-code .gi .x, html .gist .gist-file .gist-syntax .gist-highlight pre .gi .x, .highlight code .gi .x { color: #586e75 !important; background-color: #cdd188 !important; display: inline-block; }

.pre-code .gs, html .gist .gist-file .gist-syntax .gist-highlight pre .gs, .highlight code .gs { color: #586e75 !important; font-weight: bold !important; }

.pre-code .gu, html .gist .gist-file .gist-syntax .gist-highlight pre .gu, .highlight code .gu { color: #6c71c4 !important; }

.pre-code .kc, html .gist .gist-file .gist-syntax .gist-highlight pre .kc, .highlight code .kc { color: #859900 !important; font-weight: bold !important; }

.pre-code .kd, html .gist .gist-file .gist-syntax .gist-highlight pre .kd, .highlight code .kd { color: #268bd2 !important; }

.pre-code .kp, html .gist .gist-file .gist-syntax .gist-highlight pre .kp, .highlight code .kp { color: #cb4b16 !important; font-weight: bold !important; }

.pre-code .kr, html .gist .gist-file .gist-syntax .gist-highlight pre .kr, .highlight code .kr { color: #d33682 !important; font-weight: bold !important; }

.pre-code .kt, html .gist .gist-file .gist-syntax .gist-highlight pre .kt, .highlight code .kt { color: #2aa198 !important; }

.pre-code .n, html .gist .gist-file .gist-syntax .gist-highlight pre .n, .highlight code .n { color: #268bd2 !important; }

.pre-code .na, html .gist .gist-file .gist-syntax .gist-highlight pre .na, .highlight code .na { color: #268bd2 !important; }

.pre-code .nb, html .gist .gist-file .gist-syntax .gist-highlight pre .nb, .highlight code .nb { color: #859900 !important; }

.pre-code .nc, html .gist .gist-file .gist-syntax .gist-highlight pre .nc, .highlight code .nc { color: #d33682 !important; }

.pre-code .no, html .gist .gist-file .gist-syntax .gist-highlight pre .no, .highlight code .no { color: #b58900 !important; }

.pre-code .nl, html .gist .gist-file .gist-syntax .gist-highlight pre .nl, .highlight code .nl { color: #859900 !important; }

.pre-code .ne, html .gist .gist-file .gist-syntax .gist-highlight pre .ne, .highlight code .ne { color: #268bd2 !important; font-weight: bold !important; }

.pre-code .nf, html .gist .gist-file .gist-syntax .gist-highlight pre .nf, .highlight code .nf { color: #268bd2 !important; font-weight: bold !important; }

.pre-code .nn, html .gist .gist-file .gist-syntax .gist-highlight pre .nn, .highlight code .nn { color: #b58900 !important; }

.pre-code .nt, html .gist .gist-file .gist-syntax .gist-highlight pre .nt, .highlight code .nt { color: #268bd2 !important; font-weight: bold !important; }

.pre-code .nx, html .gist .gist-file .gist-syntax .gist-highlight pre .nx, .highlight code .nx { color: #b58900 !important; }

.pre-code .vg, html .gist .gist-file .gist-syntax .gist-highlight pre .vg, .highlight code .vg { color: #268bd2 !important; }

.pre-code .vi, html .gist .gist-file .gist-syntax .gist-highlight pre .vi, .highlight code .vi { color: #268bd2 !important; }

.pre-code .nv, html .gist .gist-file .gist-syntax .gist-highlight pre .nv, .highlight code .nv { color: #268bd2 !important; }

.pre-code .mf, html .gist .gist-file .gist-syntax .gist-highlight pre .mf, .highlight code .mf { color: #2aa198 !important; }

.pre-code .m, html .gist .gist-file .gist-syntax .gist-highlight pre .m, .highlight code .m { color: #2aa198 !important; }

.pre-code .mh, html .gist .gist-file .gist-syntax .gist-highlight pre .mh, .highlight code .mh { color: #2aa198 !important; }

.pre-code .mi, html .gist .gist-file .gist-syntax .gist-highlight pre .mi, .highlight code .mi { color: #2aa198 !important; }

.pre-code .s, html .gist .gist-file .gist-syntax .gist-highlight pre .s, .highlight code .s { color: #2aa198 !important; }

.pre-code .sd, html .gist .gist-file .gist-syntax .gist-highlight pre .sd, .highlight code .sd { color: #2aa198 !important; }

.pre-code .s2, html .gist .gist-file .gist-syntax .gist-highlight pre .s2, .highlight code .s2 { color: #2aa198 !important; }

.pre-code .se, html .gist .gist-file .gist-syntax .gist-highlight pre .se, .highlight code .se { color: #dc322f !important; }

.pre-code .si, html .gist .gist-file .gist-syntax .gist-highlight pre .si, .highlight code .si { color: #268bd2 !important; }

.pre-code .sr, html .gist .gist-file .gist-syntax .gist-highlight pre .sr, .highlight code .sr { color: #2aa198 !important; }

.pre-code .s1, html .gist .gist-file .gist-syntax .gist-highlight pre .s1, .highlight code .s1 { color: #2aa198 !important; }

.pre-code div .gd, html .gist .gist-file .gist-syntax .gist-highlight pre div .gd, .highlight code div .gd, .pre-code div .gd .x, html .gist .gist-file .gist-syntax .gist-highlight pre div .gd .x, .highlight code div .gd .x, .pre-code div .gi, html .gist .gist-file .gist-syntax .gist-highlight pre div .gi, .highlight code div .gi, .pre-code div .gi .x, html .gist .gist-file .gist-syntax .gist-highlight pre div .gi .x, .highlight code div .gi .x { display: inline-block; width: 100%; }

.highlight, .gist-highlight { margin-bottom: 1.8em; background: #fdf6e3; overflow-y: hidden; overflow-x: auto; }

.highlight pre, .gist-highlight pre { background: none; border-radius: none; border: none; padding: 0; margin-bottom: 0; }

pre::-webkit-scrollbar, .highlight::-webkit-scrollbar, .gist-highlight::-webkit-scrollbar { height: .5em; background: rgba(0, 0, 0, 0.15); }

pre::-webkit-scrollbar-thumb:horizontal, .highlight::-webkit-scrollbar-thumb:horizontal, .gist-highlight::-webkit-scrollbar-thumb:horizontal { background: rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; border-radius: 4px; }

.highlight code { background: #000; }

figure.code { background: none; padding: 0; border: 0; margin-bottom: 1.5em; }

figure.code pre { margin-bottom: 0; }

figure.code figcaption { position: relative; }

figure.code .highlight { margin-bottom: 0; }

.code-title, html .gist .gist-file .gist-meta a[href*='#file'], h3.filename, figure.code figcaption { text-align: center; font-size: 13px; line-height: 2em; text-shadow: #cbcccc 0 1px 0; color: #474747; font-weight: normal; margin-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif; background: #aaaaaa image-url("code_bg.png") top repeat-x; border: 1px solid #565656; border-top-color: #cbcbcb; border-left-color: #a5a5a5; border-right-color: #a5a5a5; border-bottom: 0; }

.download-source, html .gist .gist-file .gist-meta a[href*=raw], figure.code figcaption a { position: absolute; right: .8em; color: #666 !important; z-index: 1; font-size: 13px; text-shadow: #cbcccc 0 1px 0; padding-left: 3em; }

#archive #content > div, #archive #content > div > article { padding-top: 0; }

#blog-archives { color: #444; }

#blog-archives article { padding: 1em 0 1em; position: relative; background: inline-image("dotted-border.png") bottom left repeat-x; }

#blog-archives article:last-child { background: none; }

#blog-archives article footer { padding: 0; margin: 0; }

#blog-archives h1 { color: #222; margin-bottom: .3em; }

#blog-archives h2 { display: none; }

#blog-archives h1 { font-size: 1.5em; }

#blog-archives h1 a { color: inherit; font-weight: normal; display: inline-block; }

#blog-archives h1 a:hover { color: #0181eb; }

#blog-archives a.category, #blog-archives time { color: #444; }

#blog-archives .entry-content { display: none; }

#blog-archives time { font-size: .9em; line-height: 1.2em; }

#blog-archives time .month, #blog-archives time .day { display: inline-block; }

#blog-archives time .month { text-transform: uppercase; }

#blog-archives p { margin-bottom: 1em; }

#blog-archives a, #blog-archives .entry-content a { color: inherit; }

#blog-archives a:hover, #blog-archives .entry-content a:hover { color: #0181eb; }

#blog-archives a:hover { color: #0181eb; }

@media only screen and (min-width: 550px) { #blog-archives article { margin-left: 5em; }
  #blog-archives h2 { margin-bottom: .3em; font-weight: normal; display: inline-block; position: relative; top: -1px; float: left; }
  #blog-archives h2:first-child { padding-top: .75em; }
  #blog-archives .year { display: none; }
  #blog-archives article { padding-left: 4.5em; padding-bottom: .7em; }
  #blog-archives a.category { line-height: 1.1em; } }

#content > .category article { margin-left: 0; padding-left: 6.8em; }

#content > .category .year { display: inline; }

body > footer { font-size: .8em; color: #222; text-shadow: white 0 1px; position: relative; padding-top: 1em; padding-bottom: 1em; margin-bottom: 3em; border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; z-index: 1; }

body > footer a { color: #1863a1; }

body > footer a:visited { color: #1863a1; }

body > footer a:hover { color: #0181eb; }

body > footer p:last-child { margin-bottom: 0; }

sup { top: -1.0em; }

@media only screen and (min-width: 992px) { body { font-size: 1.2em; } }

body { font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; -webkit-font-smoothing: antialiased; }

.andxyz-header { padding-left: 0px; padding-right: 0px; }

.andxyz-header .search { width: 200px; }

div.about-author { width: 100%; padding: 0 !important; margin: 0 auto; }

div.about-author h1 { margin: 0 0 18px 0px; font-size: 52px; font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif; }

div.about-author .avatar-figure { float: left; padding: 0 20px 0 10px; }

div.about-author img.avatar { border: none; width: 255px; height: 255px; vertical-align: text-top; margin-right: 5%; border-radius: 135px; box-shadow: 0 0 10px 0px #888; }

div.about-author .bio-overview h1, div.about-author .bio-overview h2, div.about-author .bio-overview h3, div.about-author .bio-overview h4, div.about-author .bio-overview h5, div.about-author .bio-overview h6 { margin-bottom: 0.5em; }

div.about-author .bio-overview p { margin-bottom: 0.5em; }

div.about-author .bio-overview ul { margin: 0em; padding-left: 32px; list-style: none; }

div.about-author .bio-overview img.li { vertical-align: text-bottom; margin-right: 10px; }

div.about-author .bio-overview li { padding-top: 20px; }

body > header { padding-top: 10px; padding-bottom: 10px; }

footer .footer-copyright { text-align: center; line-height: 57px; }

footer .rss-icon { margin-left: 8px; vertical-align: text-bottom; }

footer #rss-button { float: right; }

body #content #blog-archives h3 { color: #222; padding: 0; }

body #content #blog-archives article { padding: 0px 10px 10px 10px; margin: 10px 20px 0px 20px; }

body #content #blog-archives span.title { margin: 0em; font-size: 1.2em; display: inline; }

body #content #blog-archives span.title a { color: #222; text-decoration: none; }

body #content #blog-archives span.title a:visited { color: #751590; }

body #content #blog-archives span.title a:hover { color: #0181eb; text-decoration: underline; }

body #content #blog-archives time { font-family: "Droid Sans Mono", "Courier New", sans-serif; line-height: 1.2em; font-size: 1.2em; float: right; display: inline; }

body #content #blog-archives .year { display: inline; }

.writings-main-img { text-align: center; }

body #content > article, body #content > div > article, body #content > div > section { padding: 0px; }

#content article h1.entry-title { text-align: center; font-weight: lighter; font-size: 62px; }

article img.plain { border: 0; border-radius: 0, 0; }

img.emoji { width: 24px; height: 24px; vertical-align: text-bottom; }

article header { padding-top: 0; }

article header .author-link { font-weight: lighter !important; font-size: 1em; text-align: center; margin: 0; }

article header .meta { font-size: 0.8em; color: #444; text-transform: uppercase; text-align: center; margin: 0; }

article.hentry > h1 { font-size: 28px; }

article.hentry > h3 { font-size: 15px; }

article.hentry .footnotes { font-size: 70%; }

article.hentry .footnotes ul { -webkit-padding-start: 20px; margin-left: 0px; }

@media screen and (max-width: 520px) { body { margin: 0 auto; width: 100%; padding: 10px 20px; word-wrap: break-word; }
  pre { font-size: 14px; line-height: 16px; }
  body #content #blog-archives time { display: none; }
  img.avatar { max-width: 100%; width: auto; height: auto; }
  div.about-author h1 { margin: 0 0 10px 0; font-size: 38px; }
  div.about-author .avatar-figure { float: none; padding: 0; margin: 0; }
  div.about-author img.avatar { height: 156px; width: 156px; } }

@media screen and (max-width: 450px) { body { width: 100%; }
  div.about-author h1 { margin: 0 0 10px 0; font-size: 32px; }
  div.about-author .avatar-figure { padding: 0 15px 0 5px; }
  div.about-author img.avatar { height: 110px; width: 110px; } }

@font-face { font-family: 'andxyz'; src: url("fonts/andxyz.eot"); }

@font-face { font-family: 'andxyz'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'andxyz'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-github, .icon-twitter, .icon-email, .icon-resume { font-family: 'andxyz'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-github:before { content: "\e000"; }

.icon-twitter:before { content: "\e001"; }

.icon-email:before { content: "\e002"; }

.icon-resume:before { content: "\e003"; }

body > header form { margin: 0; padding: 0; }

body > header form .search { border-radius: 16px; background: transparent; padding: .3em .5em 0; font-size: .85em; line-height: 1.1em; color: #888; }

.andxyz-header:after { content: ""; display: table; clear: both; }

body > header fieldset { border: none; }

body > header fieldset.search { float: right; width: 33%; }

body > header form .search:focus { color: #444; background: #fff; border-color: #80b1df; outline: none; }

body > header fieldset.mobile-nav { float: left; width: 20%; }

body > header fieldset.mobile-nav select { width: 100%; font-size: .8em; border: 1px solid #888; }

/** KEYS.css A simple stylesheet for rendering beautiful keyboard-style elements. Author:  Michael Hüneburg Website: http://michaelhue.com/keyscss License: MIT License (see LICENSE.txt) */
/* Base style, essential for every key. */
kbd, .key { display: inline; display: inline-block; min-width: 1em; padding: .2em .3em; font: normal .85em/1 "Lucida Grande", Lucida, Arial, sans-serif; text-align: center; text-decoration: none; -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; border: none; cursor: default; -moz-user-select: none; -webkit-user-select: none; user-select: none; }

kbd[title], .key[title] { cursor: help; }

/* Dark style for display on light background. This is the default style. */
kbd, kbd.dark, .dark-keys kbd, .key, .key.dark, .dark-keys .key { background: #505050; background: -moz-linear-gradient(top, #3c3c3c, #505050); background: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#505050)); color: #fafafa; text-shadow: -1px -1px 0 #464646; -moz-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 1px #969696, inset 0 -0.05em 0.4em #505050, 0 0.1em 0 #1e1e1e, 0 0.1em 0.1em rgba(0, 0, 0, 0.3); }

/* Light style for display on dark background. */
kbd.light, .light-keys kbd, .key.light, .light-keys .key { background: #fafafa; background: -moz-linear-gradient(top, #d2d2d2, white); background: -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(white)); color: #323232; text-shadow: 0 0 2px white; -moz-box-shadow: inset 0 0 1px white, inset 0 0 0.4em #c8c8c8, 0 0.1em 0 #828282, 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 0 1px white, inset 0 0 0.4em #c8c8c8, 0 0.1em 0 #828282, 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); box-shadow: inset 0 0 1px white, inset 0 0 0.4em #c8c8c8, 0 0.1em 0 #828282, 0 0.11em 0 rgba(0, 0, 0, 0.4), 0 0.1em 0.11em rgba(0, 0, 0, 0.9); }

/* Core */
* { box-sizing: border-box; }

a { color: #1863a1; transition-property: color; transition-duration: .3s; }

a:visited { color: #751590; }

a:focus { color: #0181eb; }

a:hover { color: #0181eb; }

a:active { color: #01579f; }

html { background-color: #f8f8f8; background-image: url("/images/noise.png"); background-origin: border-box; background-position: top; background-repeat: repeat; }