diff --git a/static/css/hugo-octopress.css b/static/css/hugo-octopress.css
index 96153a6..8024d47 100644
--- a/static/css/hugo-octopress.css
+++ b/static/css/hugo-octopress.css
@@ -1,413 +1,268 @@
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     font-size: 100%;
     vertical-align: baseline;
-    font-family: "PT Serif",Georgia,Times,"Times New Roman",serif;
+    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif
+}
+
+article .feature, article blockquote cite, dfn, em, q {
+    font-style: italic
+}
 
+body > header h1, h1 {
+    font-size: 2.2em;
+    line-height: 1.2em
 }
+
 html {
-    line-height: 1
+    line-height: 1;
+    background: top left #252525
 }
-ol,
-ul {
+
+ol, ul {
     list-style: none
 }
+
 table {
     border-collapse: collapse;
-    border-spacing: 0;
+    border-spacing: 0
 }
-caption,
-th,
-td {
+
+caption, td, th {
     text-align: left;
-    font-weight: normal;
-    vertical-align: middle;
+    font-weight: 400;
+    vertical-align: middle
 }
-q,
-blockquote {
+
+blockquote, q {
     quotes: none
 }
-q:before,
-q:after,
-blockquote:before,
-blockquote:after {
-    content: "";
+
+blockquote:after, blockquote:before, q:after, q:before {
     content: none
 }
+
 a img {
     border: none
 }
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section,
-summary {
+
+article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {
     display: block
 }
+
 a {
-    color: #1863a1
+    color: #1863a1;
+    -webkit-transition: color .3s;
+    -moz-transition: color .3s;
+    -o-transition: color .3s;
+    transition: color .3s
 }
+
 a:visited {
     color: #751590
 }
-a:focus {
-    color: #0181eb
-}
-a:hover {
-    color: #0181eb
-}
-a:active {
-    color: #01579f
-}
-aside.sidebar a {
-    color: #222
-}
-aside.sidebar a:focus {
-    color: #0181eb
-}
-aside.sidebar a:hover {
+
+a:focus, a:hover, aside.sidebar a:focus, aside.sidebar a:hover {
     color: #0181eb
 }
-aside.sidebar a:active {
+
+a:active, aside.sidebar a:active {
     color: #01579f
 }
-a {
-    -webkit-transition: color 0.3s;
-    -moz-transition: color 0.3s;
-    -o-transition: color 0.3s;
-    transition: color 0.3s
-}
-html {
-    background: #252525 top left
-}
-body>div {
-    background: #f2f2f2  top left;
+
+body > div {
+    background: top left #f2f2f2;
     border-bottom: 1px solid #bfbfbf
 }
-body>div>div {
-    background: #f8f8f8 top left;
+
+body > div > div {
+    background: top left #f8f8f8;
     border-right: 1px solid #e0e0e0
 }
-.heading,
-body>header h1,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    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,
-aside.sidebar section,
-body>footer {
+
+.heading, body > header h1, h1, h2, h3, h4, h5, h6 {
+    font-family: "PT Serif", Georgia, "Helvetica Neue", Arial, sans-serif
+}
+
+#blog-archives a.category, #blog-archives time, #content .blog-index footer, .sans, article header p.meta, article > footer, aside.sidebar section, body > footer, body > header h2, html .gist .gist-file .gist-meta {
     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, code, li code, p code, pre, tt {
+    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace
 }
-.mono,
-pre,
-code,
-tt,
-p code,
-li code {
-    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
+
+body > header h1, body > header h2 {
+    font-family: "PT Serif", Georgia, "Helvetica Neue", Arial, sans-serif
 }
-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 h1 {
+    font-weight: 400;
+    margin-bottom: .6667em
 }
-body>header h2 {
-    font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif
+
+ol ol, ol ol ol, ol ul, ul ol, ul ul, ul ul ul {
+    margin-bottom: 0
 }
+
 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: 1.15em
     }
+
     h1 {
         font-size: 2.6em;
         line-height: 1.2em
     }
 }
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+
+h1, h2, h3, h4, h5, h6 {
     text-rendering: optimizelegibility;
     margin-bottom: 1em;
-    font-weight: bold;
-    margin-top: 1em;
+    font-weight: 700;
+    margin-top: 1em
 }
-h2,
-section h1 {
+
+h2, section h1 {
     font-size: 1.5em
 }
-h3,
-section h2,
-section section h1 {
+
+h3, section h2, section section h1 {
     font-size: 1.3em
 }
-h4,
-section h3,
-section section h2,
-section section section h1 {
+
+h4, section h3, section section h2, section section section h1 {
     font-size: 1em
 }
-h5,
-section h4,
-section section h3 {
+
+h5, section h4, section section h3 {
     font-size: .9em
 }
-h6,
-section h5,
-section section h4,
-section section section h3 {
+
+h6, section h5, section section h4, section section section h3, small {
     font-size: .8em
 }
-p,
-article blockquote,
-ul,
-ol {
-    margin-bottom: 0.8em; /* changed this from 1.5em to 0.8 */
+
+article blockquote, ol, p, ul {
+    margin-bottom: .8em
 }
+
 ul {
     list-style-type: disc
 }
+
 ul ul {
-    list-style-type: circle;
-    margin-bottom: 0px
+    list-style-type: circle
 }
+
 ul ul ul {
-    list-style-type: square;
-    margin-bottom: 0px
+    list-style-type: square
 }
+
 ol {
     list-style-type: decimal
 }
+
 ol ol {
-    list-style-type: lower-alpha;
-    margin-bottom: 0px
+    list-style-type: lower-alpha
 }
+
 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
+    list-style-type: lower-roman
 }
-ul ul,
-ul ol,
-ol ul,
-ol ol {
-    margin-bottom: 0em
-}
-strong {
-    font-weight: bold
+
+ol, ol ol, ol ul, ul, ul ol, ul ul {
+    margin-left: 1.3em
 }
-em {
-    font-style: italic
+
+dfn, strong {
+    font-weight: 700
 }
-sup,
-sub {
-    font-size: 0.75em;
+
+sub, sup {
+    font-size: .75em;
     position: relative;
     display: inline-block;
     padding: 0 .2em;
     line-height: .8em
 }
+
 sup {
     top: -.5em
 }
+
 sub {
     bottom: -.5em
 }
-a[rev='footnote'] {
+
+a[rev=footnote] {
     font-size: .75em;
     padding: 0 .3em;
     line-height: 1
 }
-q {
-    font-style: italic
-}
+
 q:before {
     content: "\201C"
 }
+
 q:after {
     content: "\201D"
 }
-em,
-dfn {
-    font-style: italic
-}
-strong,
-dfn {
-    font-weight: bold
-}
-del,
-s {
+
+del, s {
     text-decoration: line-through
 }
-abbr,
-acronym {
+
+abbr, acronym {
     border-bottom: 1px dotted;
     cursor: help
 }
+
 hr {
-    margin-bottom: 0.2em
-}
-small {
-    font-size: .8em
+    margin-bottom: .2em
 }
+
 big {
     font-size: 1.2em
 }
+
 article blockquote {
     font-style: italic;
     position: relative;
-    font-size: 1.0em;
+    font-size: 1em;
     line-height: 1.5em;
     padding-left: 1em;
-    border-left: 4px solid rgba(170, 170, 170, 0.5)
-}
-article blockquote cite {
-    font-style: italic
+    border-left: 4px solid rgba(170, 170, 170, .5)
 }
+
 article blockquote cite a {
     color: #aaa !important;
     word-wrap: break-word
 }
+
 article blockquote cite:before {
     content: '\2014';
     padding-right: .3em;
     padding-left: .3em;
     color: #aaa
 }
+
 @media only screen and (min-width: 992px) {
     article blockquote {
         padding-left: 1.5em;
         border-left-width: 4px
     }
 }
-.pullquote-right:before,
-.pullquote-left:before {
+
+.pullquote-left:before, .pullquote-right:before {
     padding: 0;
     border: none;
     content: attr(data-pullquote);
@@ -419,190 +274,142 @@ article blockquote cite:before {
     font-size: 1.4em;
     line-height: 1.45em
 }
+
 .pullquote-left:before {
     float: left;
     margin: .5em 1.5em 1em 0
 }
-.force-wrap,
-article a,
-aside.sidebar a {
+
+.force-wrap, article a, aside.sidebar a {
     white-space: -moz-pre-wrap;
-    white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     white-space: pre-wrap;
     word-wrap: break-word
 }
-.group,
-body>header,
-body>nav,
-body>footer,
-body #content>article,
-body #content>div>article,
-body #content>div>section,
-body div.pagination,
-aside.sidebar,
-#main,
-#content,
-.sidebar {
-    *zoom: 1
-}
-.group:after,
-body>header:after,
-body>nav:after,
-body>footer:after,
-body #content>article:after,
-body #content>div>section:after,
-body div.pagination:after,
-#main:after,
-#content:after,
-.sidebar:after {
+
+#content:after, #main:after, .group:after, .sidebar:after, body #content > article:after, body #content > div > section:after, body div.pagination:after, body > footer:after, body > header:after, body > nav:after {
     content: "";
     display: table;
     clear: both
 }
+
 body {
     -webkit-text-size-adjust: none;
-    max-width: 1200px; /* original is 1200px but for some reason it is smaller in my screen */
+    max-width: 1200px;
     position: relative;
     margin: 0 auto;
-    font-size: 110%;
-}
-body>header,
-body>nav,
-body>footer,
-body #content>article,
-body #content>div>article,
-body #content>div>section {
+    font-size: 110%
+}
+
+body #content > article, body #content > div > article, body #content > div > section, body > footer, body > header, body > nav {
     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 {
+    body #content > article, body #content > div > article, body #content > div > section, body > footer, body > header, body > nav {
         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 {
+    body #content > article, body #content > div > article, body #content > div > section, body > footer, body > header, body > nav {
         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 { /* changed padding for the main article from 55px to 40px*/
-        padding-left: 40px;
-        padding-right: 40px;
-    }
-}
+
 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 #content > article, body #content > div > article, body #content > div > section, body > footer, body > header, body > nav {
+        padding-left: 40px;
+        padding-right: 40px
+    }
+
     body div.pagination {
         margin-left: 55px;
         margin-right: 55px
     }
 }
-body>header {
+
+body > header {
     font-size: 1em;
     padding-top: 1.5em;
     padding-bottom: 1.5em
 }
+
 #content {
     overflow: hidden
 }
-#content>div,
-#content>article {
+
+#content > article, #content > div {
     width: 100%
 }
+
 aside.sidebar {
     float: none;
     padding: 0 18px 1px;
     background-color: #f7f7f7;
     border-top: 1px solid #e0e0e0
 }
-.flex-content,
-article img,
-article video,
-article .flash-video,
-article .caption-wrapper,
-aside.sidebar img {
+
+.flex-content, article .caption-wrapper, article .flash-video, article img, article video, aside.sidebar img {
     max-width: 100%;
     height: auto
 }
-.basic-alignment.left,
-article img.left,
-article video.left,
-article .left.flash-video,
-article .left.caption-wrapper,
-aside.sidebar img.left {
+
+.basic-alignment.left, article .left.caption-wrapper, article .left.flash-video, article img.left, article video.left, aside.sidebar img.left {
     float: left;
     margin-right: 1.5em
 }
-.basic-alignment.right,
-article img.right,
-article video.right,
-article .right.flash-video,
-article .right.caption-wrapper,
-aside.sidebar img.right {
+
+.basic-alignment.right, article .right.caption-wrapper, article .right.flash-video, article img.right, article video.right, aside.sidebar img.right {
     float: right;
     margin-left: 1.5em
 }
-.basic-alignment.center,
-article img.center,
-article video.center,
-article .center.flash-video,
-article .center.caption-wrapper,
-aside.sidebar img.center {
+
+.basic-alignment.center, article .center.caption-wrapper, article .center.flash-video, article img.center, article video.center, aside.sidebar img.center {
     display: block;
     margin: 0 auto 1.5em
 }
-.basic-alignment.left,
-article img.left,
-article video.left,
-article .left.flash-video,
-article .left.caption-wrapper,
-aside.sidebar img.left,
-.basic-alignment.right,
-article img.right,
-article video.right,
-article .right.flash-video,
-article .right.caption-wrapper,
-aside.sidebar img.right {
+
+.no-sidebar .toggle-sidebar, .toggle-sidebar, body.sidebar-footer .toggle-sidebar {
+    display: none
+}
+
+.basic-alignment.left, .basic-alignment.right, article .left.caption-wrapper, article .left.flash-video, article .right.caption-wrapper, article .right.flash-video, article img.left, article img.right, article video.left, article video.right, aside.sidebar img.left, aside.sidebar img.right {
     margin-bottom: .8em
 }
-.toggle-sidebar,
-.no-sidebar .toggle-sidebar {
-    display: none
+
+body.sidebar-footer #content {
+    margin-right: 0
+}
+
+@media only screen and (min-width: 550px) {
+    body > header {
+        font-size: 1em
+    }
 }
+
 @media only screen and (min-width: 750px) {
     body.sidebar-footer aside.sidebar {
         float: none;
@@ -613,38 +420,30 @@ aside.sidebar img.right {
         background-color: #f7f7f7;
         border-top: 1px solid #eaeaea
     }
-    body.sidebar-footer aside.sidebar section.odd,
-    body.sidebar-footer aside.sidebar section.even {
+
+    body.sidebar-footer aside.sidebar section.even, body.sidebar-footer aside.sidebar section.odd {
         float: left;
         width: 48%
     }
+
     body.sidebar-footer aside.sidebar section.odd {
         margin-left: 0
     }
+
     body.sidebar-footer aside.sidebar section.even {
         margin-left: 4%
     }
+
     body.sidebar-footer aside.sidebar.thirds section {
         width: 30%;
         margin-left: 5%
     }
+
     body.sidebar-footer aside.sidebar.thirds section.first {
         margin-left: 0;
         clear: both
     }
-}
-body.sidebar-footer #content {
-    margin-right: 0px
-}
-body.sidebar-footer .toggle-sidebar {
-    display: none
-}
-@media only screen and (min-width: 550px) {
-    body>header {
-        font-size: 1em
-    }
-}
-@media only screen and (min-width: 750px) {
+
     aside.sidebar {
         float: none;
         width: auto;
@@ -654,73 +453,86 @@ body.sidebar-footer .toggle-sidebar {
         background-color: #f7f7f7;
         border-top: 1px solid #eaeaea
     }
-    aside.sidebar section.odd,
-    aside.sidebar section.even {
+
+    aside.sidebar section.even, aside.sidebar section.odd {
         float: left;
         width: 48%
     }
+
     aside.sidebar section.odd {
         margin-left: 0
     }
+
     aside.sidebar section.even {
         margin-left: 4%
     }
+
     aside.sidebar.thirds section {
         width: 30%;
         margin-left: 5%
     }
+
     aside.sidebar.thirds section.first {
         margin-left: 0;
         clear: both
     }
 }
+
 @media only screen and (min-width: 768px) {
     body {
         -webkit-text-size-adjust: auto
     }
-    body>header {
+
+    body > header {
         font-size: 1.2em
     }
+
     #main {
         padding: 0;
         margin: 0 auto
     }
+
     #content {
         overflow: visible;
         margin-right: 240px;
         position: relative
     }
+
     .no-sidebar #content {
         margin-right: 0;
         border-right: 0
     }
+
     .collapse-sidebar #content {
         margin-right: 20px
     }
-    #content>div,
-    #content>article {
-        padding-top: 17.5px;
-        padding-bottom: 17.5px;
+
+    #content > article, #content > div {
+        padding-top: 17px;
+        padding-bottom: 17px;
         float: left
     }
+
     aside.sidebar {
         width: 210px;
         padding: 0 15px 15px;
-        background: none;
+        background: 0 0;
         clear: none;
         float: left;
-        margin: 0 -100% 0 0;
+        margin: 0 -100% 0 0
     }
+
     aside.sidebar section {
         width: auto;
         margin-left: 0
     }
-    aside.sidebar section.odd,
-    aside.sidebar section.even {
+
+    aside.sidebar section.even, aside.sidebar section.odd {
         float: none;
         width: auto;
         margin-left: 0
     }
+
     .collapse-sidebar aside.sidebar {
         float: none;
         width: auto;
@@ -730,97 +542,108 @@ body.sidebar-footer .toggle-sidebar {
         background-color: #f7f7f7;
         border-top: 1px solid #eaeaea
     }
-    .collapse-sidebar aside.sidebar section.odd,
-    .collapse-sidebar aside.sidebar section.even {
+
+    .collapse-sidebar aside.sidebar section.even, .collapse-sidebar aside.sidebar section.odd {
         float: left;
         width: 48%
     }
+
     .collapse-sidebar aside.sidebar section.odd {
         margin-left: 0
     }
+
     .collapse-sidebar aside.sidebar section.even {
         margin-left: 4%
     }
+
     .collapse-sidebar aside.sidebar.thirds section {
         width: 30%;
         margin-left: 5%
     }
+
     .collapse-sidebar aside.sidebar.thirds section.first {
         margin-left: 0;
         clear: both
     }
 }
+
 @media only screen and (min-width: 992px) {
-    body>header {
+    body > header {
         font-size: 1.3em
     }
+
     #content {
-        margin-right: 320px; /* increase this by X where X is the increase in width of aside.sidebar a few line down */
+        margin-right: 320px
     }
-    #content>div,
-    #content>article {
-        padding-top: 0.5em;
-        padding-bottom: 0.5em;
+
+    #content > article, #content > div {
+        padding-top: .5em;
+        padding-bottom: .5em
     }
+
     aside.sidebar {
-        width: 280px;   /* increase sidebad, remember to increase the margin-right of #content a few lines up by the same amount */
-        padding: 0em 20px 20px
+        width: 280px;
+        padding: 0 20px 20px
     }
+
     .collapse-sidebar aside.sidebar {
         padding-left: 55px;
         padding-right: 55px
     }
 }
-body>header {
+
+body > header {
     background: #333
 }
-body>header h1 {
+
+body > header h1 {
     display: inline-block;
     margin: 0
 }
-body>header h1 a,
-body>header h1 a:visited,
-body>header h1 a:hover {
+
+body > header h1 a, body > header h1 a:hover, body > header h1 a:visited {
     color: #f2f2f2;
     text-decoration: none
 }
-body>header h2 {
+
+body > header h2 {
     margin: .2em 0 0;
     font-size: 1em;
     color: #aaa;
-    font-weight: normal
+    font-weight: 400
 }
-body>nav {
+
+body > nav {
     position: relative;
     background-color: #ccc;
-    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
-    background: -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #e0e0e0), color-stop(50%, #ccc), color-stop(100%, #b0b0b0));
+    background: -webkit-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: -moz-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: -o-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: linear-gradient(#e0e0e0, #ccc, #b0b0b0);
     border-top: 1px solid #f2f2f2;
     border-bottom: 1px solid #8c8c8c;
     padding-top: .35em;
     padding-bottom: .35em
 }
-body>nav form {
+
+body > nav form {
     -webkit-background-clip: padding;
     -moz-background-clip: padding;
     background-clip: padding-box;
     margin: 0;
     padding: 0
 }
-body>nav form .search {
+
+body > nav form .search {
     padding: .3em .5em 0;
     font-size: .85em;
     font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
     line-height: 1.1em;
     width: 95%;
-    -webkit-border-radius: 0.5em;
-    -moz-border-radius: 0.5em;
-    -ms-border-radius: 0.5em;
-    -o-border-radius: 0.5em;
-    border-radius: 0.5em;
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
     -webkit-background-clip: padding;
     -moz-background-clip: padding;
     background-clip: padding-box;
@@ -831,77 +654,81 @@ body>nav form .search {
     border: 1px solid #b3b3b3;
     color: #888
 }
-body>nav form .search:focus {
+
+body > nav form .search:focus {
     color: #444;
     border-color: #80b1df;
     -webkit-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
     -moz-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
     box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
     background-color: #fff;
-    outline: none
+    outline: 0
 }
-body>nav fieldset[role=search] {
+
+body > nav fieldset[role=search] {
     float: right;
     width: 48%
 }
-body>nav fieldset.mobile-nav {
+
+body > nav fieldset.mobile-nav {
     float: left;
     width: 48%
 }
-body>nav fieldset.mobile-nav select {
+
+body > nav fieldset.mobile-nav select {
     width: 100%;
     font-size: .8em;
     border: 1px solid #888
 }
-body>nav ul {
+
+body > nav ul {
     display: none
 }
+
 @media only screen and (min-width: 550px) {
-    body>nav {
+    body > nav a, body > nav a:visited {
+        color: #6b6b6b
+    }
+
+    body > nav {
         font-size: .9em
     }
-    body>nav ul {
+
+    body > nav ul {
         margin: 0;
-        padding: 0;
+        padding: .15em 0 0;
         border: 0;
         overflow: hidden;
-        *zoom: 1;
-        float: left;
-        display: block;
-        padding-top: .15em
-    }
-    body>nav ul li {
-        list-style-image: none;
-        list-style-type: none;
-        margin-left: 0;
-        white-space: nowrap;
-        display: inline;
         float: left;
-        padding-left: 0;
-        padding-right: 0
+        display: block
     }
-    body>nav ul li:first-child,
-    body>nav ul li.first {
+
+    body > nav ul li, body > nav ul li.first, body > nav ul li:first-child {
         padding-left: 0
     }
-    body>nav ul li:last-child {
+
+    body > nav ul li, body > nav ul li.last, body > nav ul li:last-child, body > nav ul.subscription li:last-child a {
         padding-right: 0
     }
-    body>nav ul li.last {
-        padding-right: 0
+
+    body > nav ul li {
+        list-style: none none;
+        margin-left: 0;
+        white-space: nowrap;
+        display: inline;
+        float: left
     }
-    body>nav ul.subscription {
+
+    body > nav ul.subscription {
         margin-left: .8em;
         float: right
     }
-    body>nav ul.subscription li:last-child a {
-        padding-right: 0
-    }
-    body>nav ul li {
+
+    body > nav ul li {
         margin: 0
     }
-    body>nav a {
-        color: #6b6b6b;
+
+    body > nav a {
         font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
         text-shadow: #ebebeb 0 1px;
         float: left;
@@ -910,93 +737,104 @@ body>nav ul {
         padding: .1em 0;
         line-height: 1.5em
     }
-    body>nav a:visited {
-        color: #6b6b6b
-    }
-    body>nav a:hover {
+
+    body > nav a:hover {
         color: #2b2b2b
     }
-    body>nav li+li {
+
+    body > nav li + li {
         border-left: 1px solid #b0b0b0;
         margin-left: .8em
     }
-    body>nav li+li a {
+
+    body > nav li + li a {
         padding-left: .8em;
         border-left: 1px solid #dedede
     }
-    body>nav form {
+
+    body > nav form {
         float: right;
         text-align: left;
         padding-left: .8em;
         width: 175px
     }
-    body>nav form .search {
+
+    body > nav form .search {
         width: 93%;
         font-size: .95em;
         line-height: 1.2em
     }
-    body>nav ul[data-subscription$=email]+form {
+
+    body > nav ul[data-subscription$=email] + form {
         width: 97px
     }
-    body>nav ul[data-subscription$=email]+form .search {
+
+    body > nav ul[data-subscription$=email] + form .search {
         width: 91%
     }
-    body>nav fieldset.mobile-nav {
+
+    body > nav fieldset.mobile-nav {
         display: none
     }
-    body>nav fieldset[role=search] {
+
+    body > nav fieldset[role=search] {
         width: 99%
     }
 }
+
 @media only screen and (min-width: 992px) {
-    body>nav form {
+    body > nav form {
         width: 215px
     }
-    body>nav ul[data-subscription$=email]+form {
+
+    body > nav ul[data-subscription$=email] + form {
         width: 147px
     }
 }
-.no-placeholder body>nav .search {
-    background: #f2f2f2 0.3em 0.25em no-repeat;
+
+.no-placeholder body > nav .search {
+    background: .3em .25em no-repeat #f2f2f2;
     text-indent: 1.3em
 }
+
 @media only screen and (min-width: 550px) {
-    .maskImage body>nav ul[data-subscription$=email]+form {
+    .maskImage body > nav ul[data-subscription$=email] + form {
         width: 123px
     }
 }
+
 @media only screen and (min-width: 992px) {
-    .maskImage body>nav ul[data-subscription$=email]+form {
+    .maskImage body > nav ul[data-subscription$=email] + form {
         width: 173px
     }
 }
+
 .maskImage ul.subscription {
     position: relative;
     top: .2em
 }
-.maskImage ul.subscription li,
-.maskImage ul.subscription a {
+
+.maskImage ul.subscription a, .maskImage ul.subscription li {
     border: 0;
     padding: 0
 }
+
 .maskImage a[rel=subscribe-rss] {
     position: relative;
-    top: 0px;
+    top: 0;
     text-indent: -999999em;
     background-color: #dedede;
     border: 0;
     padding: 0
 }
-.maskImage a[rel=subscribe-rss],
-.maskImage a[rel=subscribe-rss]:after {
+
+.maskImage a[rel=subscribe-rss], .maskImage a[rel=subscribe-rss]:after {
     -webkit-mask-repeat: no-repeat;
-    -moz-mask-repeat: no-repeat;
-    -ms-mask-repeat: no-repeat;
-    -o-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     width: 22px;
     height: 22px
 }
+
 .maskImage a[rel=subscribe-rss]:after {
     content: "";
     position: absolute;
@@ -1004,27 +842,27 @@ body>nav ul {
     left: 0;
     background-color: #ababab
 }
+
 .maskImage a[rel=subscribe-rss]:hover:after {
     background-color: #9e9e9e
 }
+
 .maskImage a[rel=subscribe-email] {
     position: relative;
-    top: 0px;
+    top: 0;
     text-indent: -999999em;
     background-color: #dedede;
     border: 0;
     padding: 0
 }
-.maskImage a[rel=subscribe-email],
-.maskImage a[rel=subscribe-email]:after {
+
+.maskImage a[rel=subscribe-email], .maskImage a[rel=subscribe-email]:after {
     -webkit-mask-repeat: no-repeat;
-    -moz-mask-repeat: no-repeat;
-    -ms-mask-repeat: no-repeat;
-    -o-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     width: 28px;
     height: 22px
 }
+
 .maskImage a[rel=subscribe-email]:after {
     content: "";
     position: absolute;
@@ -1032,99 +870,98 @@ body>nav ul {
     left: 0;
     background-color: #ababab
 }
+
 .maskImage a[rel=subscribe-email]:hover:after {
     background-color: #9e9e9e
 }
+
 article {
     padding-top: 1em
 }
+
 article header {
     position: relative;
-    /*padding-top: 2em;*/
     padding-bottom: 1em;
-    margin-bottom: 1em;
+    margin-bottom: 1em
 }
+
 article header h1 {
-    margin: 0;
-    margin-top: 0.15em;
+    margin: .15em 0 0
 }
+
 article header h1 a {
     text-decoration: none
 }
+
 article header h1 a:hover {
     text-decoration: underline
 }
+
 article header p {
     font-size: .9em;
     color: #aaa;
     margin: 0
 }
+
 article header p.meta {
     text-transform: uppercase;
-    /*position: absolute;*/
-    top: 0;
+    top: 0
 }
+
 @media only screen and (min-width: 768px) {
     article header {
         margin-bottom: 1.5em;
-        padding-bottom: 1em;
+        padding-bottom: 1em
     }
 }
 
-.entry-content article h2:first-child,
-article header+h2 {
+.entry-content article h2:first-child, article header + h2 {
     padding-top: 0
 }
-article h2:first-child,
-article header+h2 {
-    background: none
+
+article h2:first-child, article header + h2 {
+    background: 0 0
 }
+
 article .feature {
     padding-top: .5em;
     margin-bottom: 1em;
     padding-bottom: 1em;
-    font-size: 2.0em;
-    font-style: italic;
+    font-size: 2em;
     line-height: 1.3em
 }
-article img,
-article video,
-article .flash-video,
-article .caption-wrapper {
-    -webkit-border-radius: 0.3em;
-    -moz-border-radius: 0.3em;
-    -ms-border-radius: 0.3em;
-    -o-border-radius: 0.3em;
-    border-radius: 0.3em;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
-    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+
+article .caption-wrapper, article .flash-video, article img, article video {
+    -webkit-border-radius: .3em;
+    -moz-border-radius: .3em;
+    border-radius: .3em;
+    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
+    -moz-box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
+    box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    border: #fff 0.5em solid
-}
-article img.caption,
-article video.caption,
-article .flash-video.caption,
-article .caption-wrapper.caption {
-    -webkit-border-radius: 0px;
-    -moz-border-radius: 0px;
-    -ms-border-radius: 0px;
-    -o-border-radius: 0px;
-    border-radius: 0px;
-    -webkit-box-shadow: 0px;
-    -moz-box-shadow: 0px;
-    box-shadow: 0px;
+    border: .5em solid #fff
+}
+
+article .caption-wrapper.caption, article .flash-video.caption, article img.caption, article video.caption {
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    -webkit-box-shadow: 0;
+    -moz-box-shadow: 0;
+    box-shadow: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    border: 0px
+    border: 0
 }
+
 article .caption-wrapper {
     display: inline-block;
-    margin-bottom: 1em;
+    margin-bottom: 1em
 }
+
 article .caption-wrapper .caption-text {
     background: #fff;
     text-align: center;
@@ -1132,15 +969,17 @@ article .caption-wrapper .caption-text {
     color: #666;
     display: block
 }
-article video,
-article .flash-video {
+
+article .flash-video, article video {
     margin: 0 auto 1.5em
 }
+
 article video {
     display: block;
     width: 100%
 }
-article .flash-video>div {
+
+article .flash-video > div {
     position: relative;
     display: block;
     padding-bottom: 56.25%;
@@ -1148,48 +987,54 @@ article .flash-video>div {
     height: 0;
     overflow: hidden
 }
-article .flash-video>div iframe,
-article .flash-video>div object,
-article .flash-video>div embed {
+
+article .flash-video > div embed, article .flash-video > div iframe, article .flash-video > div object {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
-article>footer {
-    padding-bottom: 0.3em;  /* decrease footer padding */
-    margin-top: 0.3em;
+
+article > footer {
+    padding-bottom: .3em;
+    margin-top: .3em
 }
-article>footer p.meta {
+
+article > footer p.meta {
     margin-bottom: .8em;
     font-size: .85em;
     clear: both;
     overflow: hidden
 }
-.blog-index article+article {
-}
+
 #content .blog-index {
     padding-top: 0;
     padding-bottom: 0
 }
+
 #content .blog-index article {
     padding-top: 2em;
-    font-family: "PT Serif",Georgia,Times,"Times New Roman",serif;
+    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif
 }
+
 #content .blog-index article header {
-    background: none;
+    background: 0 0;
     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;
@@ -1197,29 +1042,28 @@ article>footer p.meta {
     margin-right: .5em;
     text-decoration: none;
     color: #666;
-    -webkit-transition: background-color 0.5s;
-    -moz-transition: background-color 0.5s;
-    -o-transition: background-color 0.5s;
-    transition: background-color 0.5s
+    -webkit-transition: background-color .5s;
+    -moz-transition: background-color .5s;
+    -o-transition: background-color .5s;
+    transition: background-color .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 {
+
+.separator, article > footer .byline + time:before, article > footer .byline ~ .categories:before, article > footer .comments:before, article > footer time + time:before {
     content: "\2022 ";
     padding: 0 .4em 0 .2em;
     display: inline-block
 }
-/* pagination stuff */
+
 #content div.pagination {
     text-align: center;
     font-size: .95em;
@@ -1227,54 +1071,39 @@ article>footer .byline ~ .categories:before {
     padding-top: 1.5em;
     padding-bottom: 1.5em
 }
+
 #content div.pagination a {
     text-decoration: none;
     color: #000;
-    padding-left: 0.4em; /* horizontal space between pagination links */
-}
-#content div.pagination a:hover {   /* hover color for pagination links/icons */
-    color: #0181eb
+    padding-left: .4em
 }
 
-/* if you want to send pagination icons/links to left or right, you can use these labels
-#content div.pagination a.prev {
-    position: absolute;
-    left: 0
-}
-#content div.pagination a.next {
-    position: absolute;
-    right: 0
-}
-#content div.pagination a[href*=archive]:before,
-#content div.pagination a[href*=archive]:after {
-    content: '\2014';
-    padding: 0 .3em
+#content div.pagination a:hover {
+    color: #0181eb
 }
-*/
 
-p.meta+.sharing {
+p.meta + .sharing {
     padding-top: 1em;
-    padding-left: 0;
+    padding-left: 0
 }
+
 #fb-root {
     display: none
 }
-.highlighttable,
-html .gist .gist-file .gist-syntax .gist-highlighttable {
-    border-left: 1px solid #05232b !important;
 
+.highlighttable, html .gist .gist-file .gist-syntax .gist-highlighttable {
+    border-left: 1px solid #05232b !important
 }
-.highlighttable table td.code,
-html .gist .gist-file .gist-syntax .gist-highlighttable table td.code {
-    width: 100%;
 
+.highlighttable table td.code, html .gist .gist-file .gist-syntax .gist-highlighttable table td.code {
+    width: 100%
 }
-.highlighttable .line-numbers,
-html .gist .gist-file .gist-syntax .highlighttable .line_numbers {
+
+.highlighttable .line-numbers, html .gist .gist-file .gist-syntax .highlighttable .line_numbers {
     text-align: right;
     font-size: 13px;
     line-height: 1.45em;
-    background: #073642 top left !important;
+    background: top left #073642 !important;
     border-right: 1px solid #00232c !important;
     -webkit-box-shadow: #083e4b -1px 0 inset;
     -moz-box-shadow: #083e4b -1px 0 inset;
@@ -1283,82 +1112,75 @@ html .gist .gist-file .gist-syntax .highlighttable .line_numbers {
     padding: .8em !important;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
-    -ms-border-radius: 0;
-    -o-border-radius: 0;
     border-radius: 0
 }
-.highlighttable .line-numbers span,
-html .gist .gist-file .gist-syntax .highlighttable .line_numbers span {
+
+.highlighttable .line-numbers span, html .gist .gist-file .gist-syntax .highlighttable .line_numbers span {
     color: #586e75 !important
 }
-figure.code,
-.gist-file,
-pre {
-    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px
+
+.gist-file, figure.code, pre {
+    -webkit-box-shadow: rgba(0, 0, 0, .06) 0 0 10px;
+    -moz-box-shadow: rgba(0, 0, 0, .06) 0 0 10px;
+    box-shadow: rgba(0, 0, 0, .06) 0 0 10px
 }
-figure.code .highlighttable pre,
-.gist-file .highlighttable pre,
-pre .highlighttable pre {
+
+.gist-file .highlighttable pre, figure.code .highlighttable pre, pre .highlighttable pre {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none
 }
-.gist .highlighttable *::-moz-selection,
-figure.code .highlighttable *::-moz-selection {
-    background: #386774;
-    color: inherit;
-    text-shadow: #002b36 0 1px;
-}
-.gist .highlighttable *::-webkit-selection,
-figure.code .highlighttable *::-webkit-selection {
+
+.gist .highlighttable ::-moz-selection, figure.code .highlighttable ::-moz-selection {
     background: #386774;
     color: inherit;
     text-shadow: #002b36 0 1px
 }
-.gist .highlighttable *::selection,
-figure.code .highlighttable *::selection {
+
+.gist .highlighttable ::selection, figure.code .highlighttable ::selection {
     background: #386774;
     color: inherit;
     text-shadow: #002b36 0 1px
 }
+
 html .gist .gist-file {
     margin-bottom: 1.8em;
     position: relative;
     border: none;
     padding-top: 26px !important
 }
-html .gist .gist-file .highlighttable {
+
+html .gist .gist-file .highlighttable, pre {
     margin-bottom: 0
 }
+
 html .gist .gist-file .gist-syntax {
     border-bottom: 0 !important;
-    background: none !important
+    background: 0 0 !important
 }
+
 html .gist .gist-file .gist-syntax .gist-highlighttable {
     background: #002b36 !important
 }
-html .gist .gist-file .gist-syntax .highlighttable pre {
-    padding: 0
-}
+
 html .gist .gist-file .gist-meta {
-    padding: .6em 0.8em;
+    padding: .6em .8em;
     border: 1px solid #083e4b !important;
     color: #586e75;
     font-size: .7em !important;
     line-height: 1.5em
 }
+
 html .gist .gist-file .gist-meta a {
     color: #75878b !important;
     text-decoration: none
 }
+
 html .gist .gist-file .gist-meta a:hover {
-    text-decoration: underline
-}
-html .gist .gist-file .gist-meta a:hover {
+    text-decoration: underline;
     color: #93a1a1 !important
 }
+
 html .gist .gist-file .gist-meta a[href*='#file'] {
     position: absolute;
     top: 0;
@@ -1366,60 +1188,57 @@ html .gist .gist-file .gist-meta a[href*='#file'] {
     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: #002b36 top left;
-    -webkit-border-radius: 0.0em;
-    -moz-border-radius: 0.0em;
-    -ms-border-radius: 0.0em;
-    -o-border-radius: 0.0em;
-    border-radius: 0.0em;
+    background: top left #002b36;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
     line-height: 1.45em;
-    margin-bottom: 0em;
-    padding: 0em 0em;
+    padding: 0;
     color: #93a1a1;
-    font-size: 80%;  /* change the code font size */
-
+    font-size: 80%
 }
-h3.filename+pre {
-    -moz-border-radius-topleft: 0px;
-    -webkit-border-top-left-radius: 0px;
-    border-top-left-radius: 0px;
-    -moz-border-radius-topright: 0px;
-    -webkit-border-top-right-radius: 0px;
-    border-top-right-radius: 0px
+
+h3.filename + pre {
+    -moz-border-radius-topleft: 0;
+    -webkit-border-top-left-radius: 0;
+    border-top-left-radius: 0;
+    -moz-border-radius-topright: 0;
+    -webkit-border-top-right-radius: 0;
+    border-top-right-radius: 0
 }
-p code,
-li code {
+
+li code, p code {
     display: inline-block;
-    white-space: no-wrap;
+    white-space: nowrap;
     background: #fff;
     font-size: .8em;
     line-height: 1.5em;
     color: #555;
     border: 1px solid #ddd;
-    -webkit-border-radius: 0.4em;
-    -moz-border-radius: 0.4em;
-    -ms-border-radius: 0.4em;
-    -o-border-radius: 0.4em;
-    border-radius: 0.4em;
+    -webkit-border-radius: .4em;
+    -moz-border-radius: .4em;
+    border-radius: .4em;
     padding: 0 .3em;
     margin: -1px 0
 }
-p pre code,
-li pre code {
+
+li pre code, p pre code {
     font-size: 1em !important;
-    background: none;
+    background: 0 0;
     border: none
 }
-.pre-code,
-html .gist .gist-file .gist-syntax .highlighttable pre,
-.highlighttable code {
+
+.highlighttable code, .pre-code, html .gist .gist-file .gist-syntax .highlighttable pre {
     font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;
     overflow: scroll;
     overflow-y: hidden;
@@ -1429,347 +1248,224 @@ html .gist .gist-file .gist-syntax .highlighttable pre,
     line-height: 1.45em;
     color: #93a1a1 !important
 }
-.pre-code span,
-html .gist .gist-file .gist-syntax .highlighttable pre span,
-.highlighttable code span {
-    color: #93a1a1 !important
-}
-.pre-code span,
-html .gist .gist-file .gist-syntax .highlighttable pre span,
-.highlighttable code span {
+
+.highlighttable code span, .pre-code span, html .gist .gist-file .gist-syntax .highlighttable pre span {
+    color: #93a1a1 !important;
     font-style: normal !important;
-    font-weight: normal !important
-}
-.pre-code .c,
-html .gist .gist-file .gist-syntax .highlighttable pre .c,
-.highlighttable code .c {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .cm,
-html .gist .gist-file .gist-syntax .highlighttable pre .cm,
-.highlighttable code .cm {
-    color: #586e75 !important;
-    font-style: italic !important
-}
-.pre-code .cp,
-html .gist .gist-file .gist-syntax .highlighttable pre .cp,
-.highlighttable code .cp {
-    color: #586e75 !important;
-    font-style: italic !important
+    font-weight: 400 !important
 }
-.pre-code .c1,
-html .gist .gist-file .gist-syntax .highlighttable pre .c1,
-.highlighttable code .c1 {
+
+.highlighttable code .c, .highlighttable code .c1, .highlighttable code .cm, .highlighttable code .cp, .pre-code .c, .pre-code .c1, .pre-code .cm, .pre-code .cp, html .gist .gist-file .gist-syntax .highlighttable pre .c, html .gist .gist-file .gist-syntax .highlighttable pre .c1, html .gist .gist-file .gist-syntax .highlighttable pre .cm, html .gist .gist-file .gist-syntax .highlighttable pre .cp {
     color: #586e75 !important;
     font-style: italic !important
 }
-.pre-code .cs,
-html .gist .gist-file .gist-syntax .highlighttable pre .cs,
-.highlighttable code .cs {
+
+.highlighttable code .cs, .pre-code .cs, html .gist .gist-file .gist-syntax .highlighttable pre .cs {
     color: #586e75 !important;
-    font-weight: bold !important;
+    font-weight: 700 !important;
     font-style: italic !important
 }
-.pre-code .err,
-html .gist .gist-file .gist-syntax .highlighttable pre .err,
-.highlighttable code .err {
+
+.highlighttable code .err, .pre-code .err, html .gist .gist-file .gist-syntax .highlighttable pre .err {
     color: #dc322f !important;
-    background: none !important
+    background: 0 0 !important
 }
-.pre-code .k,
-html .gist .gist-file .gist-syntax .highlighttable pre .k,
-.highlighttable code .k {
+
+.highlighttable code .k, .pre-code .k, html .gist .gist-file .gist-syntax .highlighttable pre .k {
     color: #cb4b16 !important
 }
-.pre-code .o,
-html .gist .gist-file .gist-syntax .highlighttable pre .o,
-.highlighttable code .o {
+
+.highlighttable code .o, .pre-code .o, html .gist .gist-file .gist-syntax .highlighttable pre .o {
     color: #93a1a1 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .p,
-html .gist .gist-file .gist-syntax .highlighttable pre .p,
-.highlighttable code .p {
+
+.highlighttable code .p, .pre-code .p, html .gist .gist-file .gist-syntax .highlighttable pre .p {
     color: #93a1a1 !important
 }
-.pre-code .ow,
-html .gist .gist-file .gist-syntax .highlighttable pre .ow,
-.highlighttable code .ow {
+
+.highlighttable code .ow, .pre-code .ow, html .gist .gist-file .gist-syntax .highlighttable pre .ow {
     color: #2aa198 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .gd,
-html .gist .gist-file .gist-syntax .highlighttable pre .gd,
-.highlighttable code .gd {
+
+.highlighttable code .gd, .pre-code .gd, html .gist .gist-file .gist-syntax .highlighttable pre .gd {
     color: #93a1a1 !important;
     background-color: #372c34 !important;
     display: inline-block
 }
-.pre-code .gd .x,
-html .gist .gist-file .gist-syntax .highlighttable pre .gd .x,
-.highlighttable code .gd .x {
+
+.highlighttable code .gd .x, .pre-code .gd .x, html .gist .gist-file .gist-syntax .highlighttable pre .gd .x {
     color: #93a1a1 !important;
     background-color: #4d2d33 !important;
     display: inline-block
 }
-.pre-code .ge,
-html .gist .gist-file .gist-syntax .highlighttable pre .ge,
-.highlighttable code .ge {
+
+.highlighttable code .ge, .pre-code .ge, html .gist .gist-file .gist-syntax .highlighttable pre .ge {
     color: #93a1a1 !important;
     font-style: italic !important
 }
-.pre-code .gh,
-html .gist .gist-file .gist-syntax .highlighttable pre .gh,
-.highlighttable code .gh {
+
+.highlighttable code .gh, .pre-code .gh, html .gist .gist-file .gist-syntax .highlighttable pre .gh {
     color: #586e75 !important
 }
-.pre-code .gi,
-html .gist .gist-file .gist-syntax .highlighttable pre .gi,
-.highlighttable code .gi {
+
+.highlighttable code .gi, .pre-code .gi, html .gist .gist-file .gist-syntax .highlighttable pre .gi {
     color: #93a1a1 !important;
     background-color: #1a412b !important;
     display: inline-block
 }
-.pre-code .gi .x,
-html .gist .gist-file .gist-syntax .highlighttable pre .gi .x,
-.highlighttable code .gi .x {
+
+.highlighttable code .gi .x, .pre-code .gi .x, html .gist .gist-file .gist-syntax .highlighttable pre .gi .x {
     color: #93a1a1 !important;
     background-color: #355720 !important;
     display: inline-block
 }
-.pre-code .gs,
-html .gist .gist-file .gist-syntax .highlighttable pre .gs,
-.highlighttable code .gs {
+
+.highlighttable code .gs, .pre-code .gs, html .gist .gist-file .gist-syntax .highlighttable pre .gs {
     color: #93a1a1 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .gu,
-html .gist .gist-file .gist-syntax .highlighttable pre .gu,
-.highlighttable code .gu {
+
+.highlighttable code .gu, .pre-code .gu, html .gist .gist-file .gist-syntax .highlighttable pre .gu {
     color: #6c71c4 !important
 }
-.pre-code .kc,
-html .gist .gist-file .gist-syntax .highlighttable pre .kc,
-.highlighttable code .kc {
+
+.highlighttable code .kc, .pre-code .kc, html .gist .gist-file .gist-syntax .highlighttable pre .kc {
     color: #859900 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .kd,
-html .gist .gist-file .gist-syntax .highlighttable pre .kd,
-.highlighttable code .kd {
+
+.highlighttable code .kd, .pre-code .kd, html .gist .gist-file .gist-syntax .highlighttable pre .kd {
     color: #268bd2 !important
 }
-.pre-code .kp,
-html .gist .gist-file .gist-syntax .highlighttable pre .kp,
-.highlighttable code .kp {
+
+.highlighttable code .kp, .pre-code .kp, html .gist .gist-file .gist-syntax .highlighttable pre .kp {
     color: #cb4b16 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .kr,
-html .gist .gist-file .gist-syntax .highlighttable pre .kr,
-.highlighttable code .kr {
+
+.highlighttable code .kr, .pre-code .kr, html .gist .gist-file .gist-syntax .highlighttable pre .kr {
     color: #d33682 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .kt,
-html .gist .gist-file .gist-syntax .highlighttable pre .kt,
-.highlighttable code .kt {
+
+.highlighttable code .kt, .pre-code .kt, html .gist .gist-file .gist-syntax .highlighttable pre .kt {
     color: #2aa198 !important
 }
-.pre-code .n,
-html .gist .gist-file .gist-syntax .highlighttable pre .n,
-.highlighttable code .n {
-    color: #268bd2 !important
-}
-.pre-code .na,
-html .gist .gist-file .gist-syntax .highlighttable pre .na,
-.highlighttable code .na {
+
+.highlighttable code .n, .highlighttable code .na, .pre-code .n, .pre-code .na, html .gist .gist-file .gist-syntax .highlighttable pre .n, html .gist .gist-file .gist-syntax .highlighttable pre .na {
     color: #268bd2 !important
 }
-.pre-code .nb,
-html .gist .gist-file .gist-syntax .highlighttable pre .nb,
-.highlighttable code .nb {
+
+.highlighttable code .nb, .pre-code .nb, html .gist .gist-file .gist-syntax .highlighttable pre .nb {
     color: #859900 !important
 }
-.pre-code .nc,
-html .gist .gist-file .gist-syntax .highlighttable pre .nc,
-.highlighttable code .nc {
+
+.highlighttable code .nc, .pre-code .nc, html .gist .gist-file .gist-syntax .highlighttable pre .nc {
     color: #d33682 !important
 }
-.pre-code .no,
-html .gist .gist-file .gist-syntax .highlighttable pre .no,
-.highlighttable code .no {
+
+.highlighttable code .no, .pre-code .no, html .gist .gist-file .gist-syntax .highlighttable pre .no {
     color: #b58900 !important
 }
-.pre-code .nl,
-html .gist .gist-file .gist-syntax .highlighttable pre .nl,
-.highlighttable code .nl {
+
+.highlighttable code .nl, .pre-code .nl, html .gist .gist-file .gist-syntax .highlighttable pre .nl {
     color: #859900 !important
 }
-.pre-code .ne,
-html .gist .gist-file .gist-syntax .highlighttable pre .ne,
-.highlighttable code .ne {
-    color: #268bd2 !important;
-    font-weight: bold !important
-}
-.pre-code .nf,
-html .gist .gist-file .gist-syntax .highlighttable pre .nf,
-.highlighttable code .nf {
+
+.highlighttable code .ne, .highlighttable code .nf, .pre-code .ne, .pre-code .nf, html .gist .gist-file .gist-syntax .highlighttable pre .ne, html .gist .gist-file .gist-syntax .highlighttable pre .nf {
     color: #268bd2 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .nn,
-html .gist .gist-file .gist-syntax .highlighttable pre .nn,
-.highlighttable code .nn {
+
+.highlighttable code .nn, .pre-code .nn, html .gist .gist-file .gist-syntax .highlighttable pre .nn {
     color: #b58900 !important
 }
-.pre-code .nt,
-html .gist .gist-file .gist-syntax .highlighttable pre .nt,
-.highlighttable code .nt {
+
+.highlighttable code .nt, .pre-code .nt, html .gist .gist-file .gist-syntax .highlighttable pre .nt {
     color: #268bd2 !important;
-    font-weight: bold !important
+    font-weight: 700 !important
 }
-.pre-code .nx,
-html .gist .gist-file .gist-syntax .highlighttable pre .nx,
-.highlighttable code .nx {
+
+.highlighttable code .nx, .pre-code .nx, html .gist .gist-file .gist-syntax .highlighttable pre .nx {
     color: #b58900 !important
 }
-.pre-code .vg,
-html .gist .gist-file .gist-syntax .highlighttable pre .vg,
-.highlighttable code .vg {
-    color: #268bd2 !important
-}
-.pre-code .vi,
-html .gist .gist-file .gist-syntax .highlighttable pre .vi,
-.highlighttable code .vi {
-    color: #268bd2 !important
-}
-.pre-code .nv,
-html .gist .gist-file .gist-syntax .highlighttable pre .nv,
-.highlighttable code .nv {
+
+.highlighttable code .nv, .highlighttable code .vg, .highlighttable code .vi, .pre-code .nv, .pre-code .vg, .pre-code .vi, html .gist .gist-file .gist-syntax .highlighttable pre .nv, html .gist .gist-file .gist-syntax .highlighttable pre .vg, html .gist .gist-file .gist-syntax .highlighttable pre .vi {
     color: #268bd2 !important
 }
-.pre-code .mf,
-html .gist .gist-file .gist-syntax .highlighttable pre .mf,
-.highlighttable code .mf {
-    color: #2aa198 !important
-}
-.pre-code .m,
-html .gist .gist-file .gist-syntax .highlighttable pre .m,
-.highlighttable code .m {
-    color: #2aa198 !important
-}
-.pre-code .mh,
-html .gist .gist-file .gist-syntax .highlighttable pre .mh,
-.highlighttable code .mh {
-    color: #2aa198 !important
-}
-.pre-code .mi,
-html .gist .gist-file .gist-syntax .highlighttable pre .mi,
-.highlighttable code .mi {
-    color: #2aa198 !important
-}
-.pre-code .s,
-html .gist .gist-file .gist-syntax .highlighttable pre .s,
-.highlighttable code .s {
-    color: #2aa198 !important
-}
-.pre-code .sd,
-html .gist .gist-file .gist-syntax .highlighttable pre .sd,
-.highlighttable code .sd {
-    color: #2aa198 !important
-}
-.pre-code .s2,
-html .gist .gist-file .gist-syntax .highlighttable pre .s2,
-.highlighttable code .s2 {
+
+.highlighttable code .m, .highlighttable code .mf, .highlighttable code .mh, .highlighttable code .mi, .highlighttable code .s, .highlighttable code .s2, .highlighttable code .sd, .pre-code .m, .pre-code .mf, .pre-code .mh, .pre-code .mi, .pre-code .s, .pre-code .s2, .pre-code .sd, html .gist .gist-file .gist-syntax .highlighttable pre .m, html .gist .gist-file .gist-syntax .highlighttable pre .mf, html .gist .gist-file .gist-syntax .highlighttable pre .mh, html .gist .gist-file .gist-syntax .highlighttable pre .mi, html .gist .gist-file .gist-syntax .highlighttable pre .s, html .gist .gist-file .gist-syntax .highlighttable pre .s2, html .gist .gist-file .gist-syntax .highlighttable pre .sd {
     color: #2aa198 !important
 }
-.pre-code .se,
-html .gist .gist-file .gist-syntax .highlighttable pre .se,
-.highlighttable code .se {
+
+.highlighttable code .se, .pre-code .se, html .gist .gist-file .gist-syntax .highlighttable pre .se {
     color: #dc322f !important
 }
-.pre-code .si,
-html .gist .gist-file .gist-syntax .highlighttable pre .si,
-.highlighttable code .si {
+
+.highlighttable code .si, .pre-code .si, html .gist .gist-file .gist-syntax .highlighttable pre .si {
     color: #268bd2 !important
 }
-.pre-code .sr,
-html .gist .gist-file .gist-syntax .highlighttable pre .sr,
-.highlighttable code .sr {
-    color: #2aa198 !important
-}
-.pre-code .s1,
-html .gist .gist-file .gist-syntax .highlighttable pre .s1,
-.highlighttable code .s1 {
+
+.highlighttable code .s1, .highlighttable code .sr, .pre-code .s1, .pre-code .sr, html .gist .gist-file .gist-syntax .highlighttable pre .s1, html .gist .gist-file .gist-syntax .highlighttable pre .sr {
     color: #2aa198 !important
 }
-.pre-code div .gd,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gd,
-.highlighttable code div .gd,
-.pre-code div .gd .x,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gd .x,
-.highlighttable code div .gd .x,
-.pre-code div .gi,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gi,
-.highlighttable code div .gi,
-.pre-code div .gi .x,
-html .gist .gist-file .gist-syntax .highlighttable pre div .gi .x,
-.highlighttable code div .gi .x {
+
+.highlighttable code div .gd, .highlighttable code div .gd .x, .highlighttable code div .gi, .highlighttable code div .gi .x, .pre-code div .gd, .pre-code div .gd .x, .pre-code div .gi, .pre-code div .gi .x, html .gist .gist-file .gist-syntax .highlighttable pre div .gd, html .gist .gist-file .gist-syntax .highlighttable pre div .gd .x, html .gist .gist-file .gist-syntax .highlighttable pre div .gi, html .gist .gist-file .gist-syntax .highlighttable pre div .gi .x {
     display: inline-block;
     width: 100%
 }
-.highlighttable,
-.gist-highlighttable {
+
+.gist-highlighttable, .highlighttable {
     margin-bottom: 1.8em;
     background: #002b36;
     overflow-y: hidden;
     overflow-x: auto
 }
 
-pre::-webkit-scrollbar,
-.highlighttable::-webkit-scrollbar,
-.gist-highlighttable::-webkit-scrollbar {
+.gist-highlighttable::-webkit-scrollbar, .highlighttable::-webkit-scrollbar, pre::-webkit-scrollbar {
     height: .5em;
-    background: rgba(255, 255, 255, 0.15)
+    background: rgba(255, 255, 255, .15)
 }
-pre::-webkit-scrollbar-thumb:horizontal,
-.highlighttable::-webkit-scrollbar-thumb:horizontal,
-.gist-highlighttable::-webkit-scrollbar-thumb:horizontal {
-    background: rgba(255, 255, 255, 0.2);
+
+.gist-highlighttable::-webkit-scrollbar-thumb:horizontal, .highlighttable::-webkit-scrollbar-thumb:horizontal, pre::-webkit-scrollbar-thumb:horizontal {
+    background: rgba(255, 255, 255, .2);
     -webkit-border-radius: 4px;
     border-radius: 4px
 }
+
 .highlighttable code {
     background: #000
 }
+
 figure.code {
-    background: none;
+    background: 0 0;
     padding: 0;
     border: 0;
     margin-bottom: 1.5em
 }
+
 figure.code pre {
     margin-bottom: 0
 }
+
 figure.code figcaption {
     position: relative
 }
+
 figure.code .highlighttable {
     margin-bottom: 0;
     table-layout: fixed;
-    width: 100%;
+    width: 100%
 }
-.code-title,
-html .gist .gist-file .gist-meta a[href*='#file'],
-h3.filename,
-figure.code figcaption { /* figcaption changes */
+
+.code-title, figure.code figcaption, h3.filename, html .gist .gist-file .gist-meta a[href*='#file'] {
     text-align: center;
     line-height: 2em;
     text-shadow: #cbcccc 0 1px 0;
     color: #474747;
-    font-weight: normal;
+    font-weight: 400;
     margin-bottom: 0;
     -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
@@ -1777,18 +1473,15 @@ figure.code figcaption { /* figcaption changes */
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
-    background: #aaa top repeat-x;
-    font-family: "Helvetica Neue",Arial,"Lucida Grande","Lucida Sans Unicode",Lucida,sans-serif;
-    border: 1px solid #565656;
+    background: top repeat-x #aaa;
+    font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
+    border: 1px solid #a5a5a5;
     border-top-color: #cbcbcb;
-    border-left-color: #a5a5a5;
-    border-right-color: #a5a5a5;
-    border-bottom: 0;
-    font-size: 90%; /* change size of font in figcaption */
-}
-.download-source,
-html .gist .gist-file .gist-meta a[href*=raw],
-figure.code figcaption a {
+    border-bottom: 0 #565656;
+    font-size: 90%
+}
+
+.download-source, figure.code figcaption a, html .gist .gist-file .gist-meta a[href*=raw] {
     position: absolute;
     right: .8em;
     text-decoration: none;
@@ -1798,199 +1491,215 @@ figure.code figcaption a {
     text-shadow: #cbcccc 0 1px 0;
     padding-left: 3em
 }
-.download-source:hover,
-html .gist .gist-file .gist-meta a[href*=raw]:hover,
-figure.code figcaption a:hover {
+
+#blog-archives h1 a:hover, .download-source:hover, figure.code figcaption a:hover, html .gist .gist-file .gist-meta a[href*=raw]:hover {
     text-decoration: underline
 }
-#archive #content>div,
-#archive #content>div>article {
+
+#archive #content > div, #archive #content > div > article {
     padding-top: 0
 }
-#blog-archives {
+
+#blog-archives, #blog-archives a.category, #blog-archives time {
     color: #aaa
 }
+
 #blog-archives article {
-    padding: 1em 0 1em;
-    position: relative;
+    padding: 1em 0;
+    position: relative
 }
+
 #blog-archives article:last-child {
-    background: none
+    background: 0 0
 }
+
 #blog-archives article footer {
     padding: 0;
     margin: 0
 }
+
 #blog-archives h1 {
     color: #222;
-    margin-bottom: .3em
+    margin-bottom: .3em;
+    font-size: 1.5em
 }
+
 #blog-archives h2 {
     display: none
 }
-#blog-archives h1 {
-    font-size: 1.5em
-}
+
 #blog-archives h1 a {
     text-decoration: none;
     color: inherit;
-    font-weight: normal;
+    font-weight: 400;
     display: inline-block
 }
-#blog-archives h1 a:hover {
-    text-decoration: underline
-}
+
 #blog-archives h1 a:hover {
     color: #0181eb
 }
-#blog-archives a.category,
-#blog-archives time {
-    color: #aaa;
 
+#pinboard_linkroll .pin-tag, .googleplus a {
+    text-decoration: none
 }
+
 #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 .day, #blog-archives time .month {
+    display: inline-block
 }
+
 #blog-archives time .month {
     text-transform: uppercase
 }
+
 #blog-archives p {
     margin-bottom: 1em
 }
-#blog-archives a,
-#blog-archives .entry-content a {
+
+#blog-archives .entry-content a, #blog-archives a {
     color: inherit
 }
-#blog-archives a:hover,
-#blog-archives .entry-content a:hover {
-    color: #0181eb
-}
-#blog-archives a:hover {
+
+#blog-archives .entry-content a:hover, #blog-archives a:hover {
     color: #0181eb
 }
+
 @media only screen and (min-width: 550px) {
     #blog-archives article {
-        margin-left: 5em
+        margin-left: 5em;
+        padding-left: 4.5em;
+        padding-bottom: .7em
     }
+
     #blog-archives h2 {
-        margin-bottom: 0.3em;
-        font-weight: normal;
+        margin-bottom: .3em;
+        font-weight: 400;
         display: inline-block;
         position: relative;
         top: -1px;
         float: left;
-        margin-top: 1.7em;     /* align year with the rest */
+        margin-top: 1.7em
     }
+
     #blog-archives time {
         position: absolute;
         text-align: right;
-        left: 0em;
-        top: 3em; /* may need to change this to align the month/date on the tag/category (archive) pages with post name */
-        font-family: "PT Sans","Helvetica Neue",Arial,sans-serif;
+        left: 0;
+        top: 3em;
+        font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif
     }
 
-   /* #blog-archives .year {
-        display: none;
-    }*/
-    #blog-archives article {
-        padding-left: 4.5em;
-        padding-bottom: .7em;
-    }
     #blog-archives a.category {
-        line-height: 1.1em;
+        line-height: 1.1em
     }
 }
-#content>.category article {
+
+.label, th {
+    font-weight: 700;
+    text-align: center
+}
+
+#content > .category article {
     margin-left: 0;
     padding-left: 6.8em
 }
-#content>.category .year {
-    display: inline;
+
+#content > .category .year {
+    display: inline
 }
-.side-shadow-border,
-aside.sidebar section h1,
-aside.sidebar li {
+
+.side-shadow-border, aside.sidebar li, aside.sidebar section h1 {
     -webkit-box-shadow: #fff 0 1px;
     -moz-box-shadow: #fff 0 1px;
     box-shadow: #fff 0 1px
 }
+
 aside.sidebar {
     overflow: hidden;
     color: #4b4b4b;
-    text-shadow: #fff 0 1px;
+    text-shadow: #fff 0 1px
 }
+
 aside.sidebar section {
-    font-size: 0.9em;
+    font-size: .9em;
     line-height: 1.4em;
-    margin-bottom: 0.5em
+    margin-bottom: .5em
 }
+
 aside.sidebar section h1 {
-    margin: 0.5em 0 0;
+    margin: .5em 0 0;
     padding-bottom: .2em;
     border-bottom: 1px solid #e0e0e0
 }
-aside.sidebar section h1+p {
+
+aside.sidebar section h1 + p {
     padding-top: .4em
 }
+
 aside.sidebar img {
-    -webkit-border-radius: 0.3em;
-    -moz-border-radius: 0.3em;
-    -ms-border-radius: 0.3em;
-    -o-border-radius: 0.3em;
-    border-radius: 0.3em;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
-    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
-    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    -webkit-border-radius: .3em;
+    -moz-border-radius: .3em;
+    border-radius: .3em;
+    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
+    -moz-box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
+    box-shadow: rgba(0, 0, 0, .15) 0 1px 4px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    border: #fff 0.3em solid
+    border: .3em solid #fff
 }
+
 aside.sidebar ul {
-    margin-bottom: 0.5em;
+    margin-bottom: .5em;
     margin-left: 0
 }
+
 aside.sidebar li {
     list-style: none;
     padding: .5em 0;
     margin: 0;
     border-bottom: 1px solid #e0e0e0
 }
+
 aside.sidebar li p:last-child {
     margin-bottom: 0
 }
+
 aside.sidebar a {
     color: inherit;
-    -webkit-transition: color 0.5s;
-    -moz-transition: color 0.5s;
-    -o-transition: color 0.5s;
-    transition: color 0.5s
+    -webkit-transition: color .5s;
+    -moz-transition: color .5s;
+    -o-transition: color .5s;
+    transition: color .5s
 }
+
 aside.sidebar:hover a {
     color: #222
 }
+
 aside.sidebar:hover a:hover {
     color: #0181eb
 }
-.aside-alt-link,
-#pinboard_linkroll .pin-tag {
+
+#pinboard_linkroll .pin-tag, .aside-alt-link {
     color: #7e7e7e
 }
-.aside-alt-link:hover,
-#pinboard_linkroll .pin-tag:hover {
+
+#pinboard_linkroll .pin-tag:hover, .aside-alt-link:hover {
     color: #0181eb
 }
+
 @media only screen and (min-width: 768px) {
     .toggle-sidebar {
-        outline: none;
+        outline: 0;
         position: absolute;
         right: -10px;
         top: 0;
@@ -2001,14 +1710,16 @@ aside.sidebar:hover a:hover {
         width: 9px;
         cursor: pointer
     }
+
     .toggle-sidebar:hover {
         background: #e9e9e9;
-        background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(224, 224, 224, 0.5)), color-stop(100%, rgba(224, 224, 224, 0)));
-        background: -webkit-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
-        background: -moz-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
-        background: -o-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
-        background: linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0))
+        background: -webkit-gradient(linear, 0 50%, 100% 50%, color-stop(0, rgba(224, 224, 224, .5)), color-stop(100%, rgba(224, 224, 224, 0)));
+        background: -webkit-linear-gradient(left, rgba(224, 224, 224, .5), rgba(224, 224, 224, 0));
+        background: -moz-linear-gradient(left, rgba(224, 224, 224, .5), rgba(224, 224, 224, 0));
+        background: -o-linear-gradient(left, rgba(224, 224, 224, .5), rgba(224, 224, 224, 0));
+        background: linear-gradient(left, rgba(224, 224, 224, .5), rgba(224, 224, 224, 0))
     }
+
     .toggle-sidebar:after {
         position: absolute;
         right: -11px;
@@ -2017,270 +1728,205 @@ aside.sidebar:hover a:hover {
         font-size: 1.2em;
         line-height: 1.1em;
         padding-bottom: .15em;
-        -moz-border-radius-bottomright: 0.3em;
-        -webkit-border-bottom-right-radius: 0.3em;
-        border-bottom-right-radius: 0.3em;
+        -moz-border-radius-bottomright: .3em;
+        -webkit-border-bottom-right-radius: .3em;
+        border-bottom-right-radius: .3em;
         text-align: center;
         border-bottom: 1px solid #e0e0e0;
         border-right: 1px solid #e0e0e0;
         content: "\00BB";
         text-indent: -1px
     }
+
     .collapse-sidebar .toggle-sidebar {
-        text-indent: 0px;
+        text-indent: 0;
         right: -20px;
         width: 19px
     }
+
     .collapse-sidebar .toggle-sidebar:hover {
         background: #e9e9e9
     }
+
     .collapse-sidebar .toggle-sidebar:after {
-        border-left: 1px solid #e0e0e0;
         text-shadow: #fff 0 1px;
         content: "\00AB";
-        left: 0px;
+        left: 0;
         right: 0;
         text-align: center;
         text-indent: 0;
-        border: 0;
-        border-right-width: 0;
-        background: none
+        border-width: 0;
+        background: 0 0
     }
 }
+
+#pinboard_linkroll .pin-description, #pinboard_linkroll .pin-title, .delicious-posts a.delicious-link {
+    margin-bottom: .5em;
+    display: block
+}
+
+.delicious-posts p, body > footer {
+    font-size: 1em
+}
+
 .googleplus h1 {
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     -o-box-shadow: none !important;
     box-shadow: none !important;
-    border-bottom: 0px none !important
+    border-bottom: 0 none !important
 }
+
 .googleplus a {
-    text-decoration: none;
     white-space: normal !important;
     line-height: 32px
 }
+
 .googleplus a img {
     float: left;
-    margin-right: 0.5em;
-    border: 0 none
+    margin-right: .5em;
+    border: 0
 }
+
 .googleplus-hidden {
     position: absolute;
     top: -1000em;
     left: -1000em
 }
-#pinboard_linkroll .pin-title,
-#pinboard_linkroll .pin-description {
-    display: block;
-    margin-bottom: .5em
-}
-#pinboard_linkroll .pin-tag {
-    text-decoration: none
-}
+
 #pinboard_linkroll .pin-tag:hover {
     text-decoration: underline
 }
+
 #pinboard_linkroll .pin-tag:after {
     content: ','
 }
+
 #pinboard_linkroll .pin-tag:last-child:after {
     content: ''
 }
-.delicious-posts a.delicious-link {
-    margin-bottom: .5em;
-    display: block
-}
-.delicious-posts p {
-    font-size: 1em
-}
-body>footer {
-    font-size: 1em; /* increase font size for footer */
+
+body > footer {
     color: #888;
     text-shadow: #d9d9d9 0 1px;
     background-color: #ccc;
-    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
-    background: -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
-    background: linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #e0e0e0), color-stop(50%, #ccc), color-stop(100%, #b0b0b0));
+    background: -webkit-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: -moz-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: -o-linear-gradient(#e0e0e0, #ccc, #b0b0b0);
+    background: linear-gradient(#e0e0e0, #ccc, #b0b0b0);
     border-top: 1px solid #f2f2f2;
     position: relative;
     padding-top: 1em;
     padding-bottom: 1em;
     margin-bottom: 3em;
-    -moz-border-radius-bottomleft: 0.4em;
-    -webkit-border-bottom-left-radius: 0.4em;
-    border-bottom-left-radius: 0.4em;
-    -moz-border-radius-bottomright: 0.4em;
-    -webkit-border-bottom-right-radius: 0.4em;
-    border-bottom-right-radius: 0.4em;
+    -moz-border-radius-bottomleft: .4em;
+    -webkit-border-bottom-left-radius: .4em;
+    border-bottom-left-radius: .4em;
+    -moz-border-radius-bottomright: .4em;
+    -webkit-border-bottom-right-radius: .4em;
+    border-bottom-right-radius: .4em;
     z-index: 1
 }
-body>footer a {
-    color: #6b6b6b
-}
-body>footer a:visited {
+
+body > footer a, body > footer a:visited {
     color: #6b6b6b
 }
-body>footer a:hover {
+
+body > footer a:hover {
     color: #484848
 }
-body>footer p:last-child {
+
+body > footer p:last-child {
     margin-bottom: 0
 }
-table,
-th,
-td
- {
-    border-left: 1px solid black; /* remove the right border for when overflow happens */
-    padding: 3px;
-}
-th {
-    font-weight: bold;
-    text-align: center;
-}
-
-/* Taken from hyde-x.css to format labels (categories) as octopress doesn't have  */
 
-.label {
-  display: inline;
-  padding: .2em .6em .3em;
-  font-size: 80%;
-  font-weight: bold;
-  line-height: 1;
-  color: #fff;
-  text-align: center;
-  vertical-align: baseline;
-  border-radius: .25em;
-}
-a.label:hover,
-a.label:focus {
-  color: #fff;
-  text-decoration: none;
-  cursor: pointer;
+table, td, th {
+    border-left: 1px solid #000;
+    padding: 3px
 }
 
-.label:empty {
-  display: none;
+.label {
+    display: inline;
+    padding: .2em .6em .3em;
+    font-size: 80%;
+    line-height: 1;
+    color: #fff;
+    vertical-align: baseline;
+    border-radius: .25em;
+    margin: 0 .25em;
+    background-color: #313131
 }
 
-/* keep the color of visited categories- visited color makes them unreadable */
-a.label:visited {
+a.label:focus, a.label:hover {
     color: #fff;
+    text-decoration: none;
+    cursor: pointer
 }
 
-.label {
-  margin: 0 .25em;
-  background-color: #313131;
+.label:empty {
+    display: none
 }
 
-.posts a.label,
-.post-date a.label {
-  color: #fff;
-  text-decoration: none;
-  cursor: pointer;
+a.label:visited {
+    color: #fff
 }
 
-/* this part makes the mycode shortcode work */
+.post-date a.label, .posts a.label {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer
+}
 
 .linenodiv {
-    background-color: #002B36!important;
+    background-color: #002B36 !important
 }
 
-/* because we have changed the font-family of everything, we need to change it for the code inside pre to fit with line numbers */
 pre span {
-    font-family: Menlo,Monaco,"Andale Mono","lucida console","Courier New",monospace;
+    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace
 }
 
 td.code {
-    width:95%;
+    width: 95%
 }
 
-/* end of making mycode shortcode work */
-
-/* wrapped the whole output from the highlight function (which is a table) in a div to get a horizontal scrollbar for the whole row and not just the "pre" in the cell
-having a scrollbar for the cell will break alignment with line numbers
-*/
-
 div.codewrapper {
     overflow-x: auto;
     overflow-y: hidden;
-    background-color: #002B36;
+    background-color: #002B36
 }
 
-/* overflow for backtick code block
-   by just modifying div.highlight I will screw the codecaption overflow as they have div.highlight too.
-   This ">" syntax is something new that I learned.
-   basically it will select only div.highlights that are direct childs of entry-content */
 div.entry-content > div.highlight {
     border-color: #002B36;
     overflow-x: auto;
     overflow-y: hidden;
-    margin-bottom: 0.4em;
+    margin-bottom: .4em
 }
 
-/* decrease h1 size in article body so we can use it in the article as heading */
 div.entry-content > h1 {
-    font-size:1.7em;
+    font-size: 1.7em
 }
 
 div.entry-content > h2 {
-    font-size:1.5em;
+    font-size: 1.5em
 }
 
-/* decrease margin for article headings */
-div.entry-content >
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    margin-bottom: 0.5em;
-    margin-top: 0.8em;
+div.entry-content > h1, h2, h3, h4, h5, h6 {
+    margin-bottom: .5em;
+    margin-top: .8em
 }
 
-/* side bar code from hyde-x */
-
-/*
- * Sidebar
- *
- * Flexible banner for housing site name, intro, and "footer" content. Starts
- * out above content in mobile and later moves to the side with wider viewports.
- */
-
 .sidebar {
-   /* text-align: center; */
-  padding: 2rem 1rem;
-  color: rgba(255,255,255,.5);
-  background-color: #202020;
+    padding: 2rem 1rem;
+    color: rgba(255, 255, 255, .5);
+    background-color: #202020
 }
 
-/* aligns the side bar to the left, we want it to be on the right
-@media (min-width: 48em) {
-  .sidebar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    width: 18rem;
-    text-align: left;
-  }
-} */
-
-/* Sidebar links */
-
-/* Sticky sidebar
- *
- * Add the `sidebar-sticky` class to the sidebar's container to affix it the
- * contents to the bottom of the sidebar in tablets and up.
- */
-
 @media (min-width: 48em) {
-  .sidebar-sticky {
-    position: absolute;
-    right:  1rem;
-    bottom: 1rem;
-    left:   1rem;
-  }
-}
+    .sidebar-sticky {
+        position: absolute;
+        right: 1rem;
+        bottom: 1rem;
+        left: 1rem
+    }
+}
\ No newline at end of file
diff --git a/static/css/hugo-octopress.org.css b/static/css/hugo-octopress.org.css
new file mode 100644
index 0000000..1e74364
--- /dev/null
+++ b/static/css/hugo-octopress.org.css
@@ -0,0 +1,2646 @@
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    font-size: 100%;
+    vertical-align: baseline;
+    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
+
+}
+
+html {
+    line-height: 1
+}
+
+ol,
+ul {
+    list-style: none
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+caption,
+th,
+td {
+    text-align: left;
+    font-weight: normal;
+    vertical-align: middle;
+}
+
+q,
+blockquote {
+    quotes: none
+}
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+    content: "";
+    content: none
+}
+
+a img {
+    border: none
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+    display: block
+}
+
+a {
+    color: #1863a1
+}
+
+a:visited {
+    color: #751590
+}
+
+a:focus {
+    color: #0181eb
+}
+
+a:hover {
+    color: #0181eb
+}
+
+a:active {
+    color: #01579f
+}
+
+aside.sidebar a {
+    color: #222
+}
+
+aside.sidebar a:focus {
+    color: #0181eb
+}
+
+aside.sidebar a:hover {
+    color: #0181eb
+}
+
+aside.sidebar a:active {
+    color: #01579f
+}
+
+a {
+    -webkit-transition: color 0.3s;
+    -moz-transition: color 0.3s;
+    -o-transition: color 0.3s;
+    transition: color 0.3s
+}
+
+html {
+    background: #252525 top left
+}
+
+body > div {
+    background: #f2f2f2 top left;
+    border-bottom: 1px solid #bfbfbf
+}
+
+body > div > div {
+    background: #f8f8f8 top left;
+    border-right: 1px solid #e0e0e0
+}
+
+.heading,
+body > header h1,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    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,
+aside.sidebar section,
+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: 1.15em
+    }
+
+    h1 {
+        font-size: 2.6em;
+        line-height: 1.2em
+    }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    text-rendering: optimizelegibility;
+    margin-bottom: 1em;
+    font-weight: bold;
+    margin-top: 1em;
+}
+
+h2,
+section h1 {
+    font-size: 1.5em
+}
+
+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,
+article blockquote,
+ul,
+ol {
+    margin-bottom: 0.8em; /* changed this from 1.5em to 0.8 */
+}
+
+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
+}
+
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+    margin-bottom: 0em
+}
+
+strong {
+    font-weight: bold
+}
+
+em {
+    font-style: italic
+}
+
+sup,
+sub {
+    font-size: 0.75em;
+    position: relative;
+    display: inline-block;
+    padding: 0 .2em;
+    line-height: .8em
+}
+
+sup {
+    top: -.5em
+}
+
+sub {
+    bottom: -.5em
+}
+
+a[rev='footnote'] {
+    font-size: .75em;
+    padding: 0 .3em;
+    line-height: 1
+}
+
+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
+}
+
+hr {
+    margin-bottom: 0.2em
+}
+
+small {
+    font-size: .8em
+}
+
+big {
+    font-size: 1.2em
+}
+
+article blockquote {
+    font-style: italic;
+    position: relative;
+    font-size: 1.0em;
+    line-height: 1.5em;
+    padding-left: 1em;
+    border-left: 4px solid rgba(170, 170, 170, 0.5)
+}
+
+article blockquote cite {
+    font-style: italic
+}
+
+article blockquote cite a {
+    color: #aaa !important;
+    word-wrap: break-word
+}
+
+article blockquote cite:before {
+    content: '\2014';
+    padding-right: .3em;
+    padding-left: .3em;
+    color: #aaa
+}
+
+@media only screen and (min-width: 992px) {
+    article blockquote {
+        padding-left: 1.5em;
+        border-left-width: 4px
+    }
+}
+
+.pullquote-right:before,
+.pullquote-left:before {
+    padding: 0;
+    border: none;
+    content: attr(data-pullquote);
+    float: right;
+    width: 45%;
+    margin: .5em 0 1em 1.5em;
+    position: relative;
+    top: 7px;
+    font-size: 1.4em;
+    line-height: 1.45em
+}
+
+.pullquote-left:before {
+    float: left;
+    margin: .5em 1.5em 1em 0
+}
+
+.force-wrap,
+article a,
+aside.sidebar a {
+    white-space: -moz-pre-wrap;
+    white-space: -pre-wrap;
+    white-space: -o-pre-wrap;
+    white-space: pre-wrap;
+    word-wrap: break-word
+}
+
+.group,
+body > header,
+body > nav,
+body > footer,
+body #content > article,
+body #content > div > article,
+body #content > div > section,
+body div.pagination,
+aside.sidebar,
+#main,
+#content,
+.sidebar {
+    *zoom: 1
+}
+
+.group:after,
+body > header:after,
+body > nav:after,
+body > footer:after,
+body #content > 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: 1200px; /* original is 1200px but for some reason it is smaller in my screen */
+    position: relative;
+    margin: 0 auto;
+    font-size: 110%;
+}
+
+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 { /* changed padding for the main article from 55px to 40px*/
+        padding-left: 40px;
+        padding-right: 40px;
+    }
+}
+
+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 {
+    overflow: hidden
+}
+
+#content > div,
+#content > article {
+    width: 100%
+}
+
+aside.sidebar {
+    float: none;
+    padding: 0 18px 1px;
+    background-color: #f7f7f7;
+    border-top: 1px solid #e0e0e0
+}
+
+.flex-content,
+article img,
+article video,
+article .flash-video,
+article .caption-wrapper,
+aside.sidebar img {
+    max-width: 100%;
+    height: auto
+}
+
+.basic-alignment.left,
+article img.left,
+article video.left,
+article .left.flash-video,
+article .left.caption-wrapper,
+aside.sidebar img.left {
+    float: left;
+    margin-right: 1.5em
+}
+
+.basic-alignment.right,
+article img.right,
+article video.right,
+article .right.flash-video,
+article .right.caption-wrapper,
+aside.sidebar img.right {
+    float: right;
+    margin-left: 1.5em
+}
+
+.basic-alignment.center,
+article img.center,
+article video.center,
+article .center.flash-video,
+article .center.caption-wrapper,
+aside.sidebar img.center {
+    display: block;
+    margin: 0 auto 1.5em
+}
+
+.basic-alignment.left,
+article img.left,
+article video.left,
+article .left.flash-video,
+article .left.caption-wrapper,
+aside.sidebar img.left,
+.basic-alignment.right,
+article img.right,
+article video.right,
+article .right.flash-video,
+article .right.caption-wrapper,
+aside.sidebar img.right {
+    margin-bottom: .8em
+}
+
+.toggle-sidebar,
+.no-sidebar .toggle-sidebar {
+    display: none
+}
+
+@media only screen and (min-width: 750px) {
+    body.sidebar-footer aside.sidebar {
+        float: none;
+        width: auto;
+        clear: left;
+        margin: 0;
+        padding: 0 35px 1px;
+        background-color: #f7f7f7;
+        border-top: 1px solid #eaeaea
+    }
+
+    body.sidebar-footer aside.sidebar section.odd,
+    body.sidebar-footer aside.sidebar section.even {
+        float: left;
+        width: 48%
+    }
+
+    body.sidebar-footer aside.sidebar section.odd {
+        margin-left: 0
+    }
+
+    body.sidebar-footer aside.sidebar section.even {
+        margin-left: 4%
+    }
+
+    body.sidebar-footer aside.sidebar.thirds section {
+        width: 30%;
+        margin-left: 5%
+    }
+
+    body.sidebar-footer aside.sidebar.thirds section.first {
+        margin-left: 0;
+        clear: both
+    }
+}
+
+body.sidebar-footer #content {
+    margin-right: 0px
+}
+
+body.sidebar-footer .toggle-sidebar {
+    display: none
+}
+
+@media only screen and (min-width: 550px) {
+    body > header {
+        font-size: 1em
+    }
+}
+
+@media only screen and (min-width: 750px) {
+    aside.sidebar {
+        float: none;
+        width: auto;
+        clear: left;
+        margin: 0;
+        padding: 0 35px 1px;
+        background-color: #f7f7f7;
+        border-top: 1px solid #eaeaea
+    }
+
+    aside.sidebar section.odd,
+    aside.sidebar section.even {
+        float: left;
+        width: 48%
+    }
+
+    aside.sidebar section.odd {
+        margin-left: 0
+    }
+
+    aside.sidebar section.even {
+        margin-left: 4%
+    }
+
+    aside.sidebar.thirds section {
+        width: 30%;
+        margin-left: 5%
+    }
+
+    aside.sidebar.thirds section.first {
+        margin-left: 0;
+        clear: both
+    }
+}
+
+@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;
+        margin-right: 240px;
+        position: relative
+    }
+
+    .no-sidebar #content {
+        margin-right: 0;
+        border-right: 0
+    }
+
+    .collapse-sidebar #content {
+        margin-right: 20px
+    }
+
+    #content > div,
+    #content > article {
+        padding-top: 17.5px;
+        padding-bottom: 17.5px;
+        float: left
+    }
+
+    aside.sidebar {
+        width: 210px;
+        padding: 0 15px 15px;
+        background: none;
+        clear: none;
+        float: left;
+        margin: 0 -100% 0 0;
+    }
+
+    aside.sidebar section {
+        width: auto;
+        margin-left: 0
+    }
+
+    aside.sidebar section.odd,
+    aside.sidebar section.even {
+        float: none;
+        width: auto;
+        margin-left: 0
+    }
+
+    .collapse-sidebar aside.sidebar {
+        float: none;
+        width: auto;
+        clear: left;
+        margin: 0;
+        padding: 0 35px 1px;
+        background-color: #f7f7f7;
+        border-top: 1px solid #eaeaea
+    }
+
+    .collapse-sidebar aside.sidebar section.odd,
+    .collapse-sidebar aside.sidebar section.even {
+        float: left;
+        width: 48%
+    }
+
+    .collapse-sidebar aside.sidebar section.odd {
+        margin-left: 0
+    }
+
+    .collapse-sidebar aside.sidebar section.even {
+        margin-left: 4%
+    }
+
+    .collapse-sidebar aside.sidebar.thirds section {
+        width: 30%;
+        margin-left: 5%
+    }
+
+    .collapse-sidebar aside.sidebar.thirds section.first {
+        margin-left: 0;
+        clear: both
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    body > header {
+        font-size: 1.3em
+    }
+
+    #content {
+        margin-right: 320px; /* increase this by X where X is the increase in width of aside.sidebar a few line down */
+    }
+
+    #content > div,
+    #content > article {
+        padding-top: 0.5em;
+        padding-bottom: 0.5em;
+    }
+
+    aside.sidebar {
+        width: 280px; /* increase sidebad, remember to increase the margin-right of #content a few lines up by the same amount */
+        padding: 0em 20px 20px
+    }
+
+    .collapse-sidebar aside.sidebar {
+        padding-left: 55px;
+        padding-right: 55px
+    }
+}
+
+body > header {
+    background: #333
+}
+
+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
+}
+
+body > nav {
+    position: relative;
+    background-color: #ccc;
+    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
+    background: -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    border-top: 1px solid #f2f2f2;
+    border-bottom: 1px solid #8c8c8c;
+    padding-top: .35em;
+    padding-bottom: .35em
+}
+
+body > nav form {
+    -webkit-background-clip: padding;
+    -moz-background-clip: padding;
+    background-clip: padding-box;
+    margin: 0;
+    padding: 0
+}
+
+body > nav form .search {
+    padding: .3em .5em 0;
+    font-size: .85em;
+    font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
+    line-height: 1.1em;
+    width: 95%;
+    -webkit-border-radius: 0.5em;
+    -moz-border-radius: 0.5em;
+    -ms-border-radius: 0.5em;
+    -o-border-radius: 0.5em;
+    border-radius: 0.5em;
+    -webkit-background-clip: padding;
+    -moz-background-clip: padding;
+    background-clip: padding-box;
+    -webkit-box-shadow: #d1d1d1 0 1px;
+    -moz-box-shadow: #d1d1d1 0 1px;
+    box-shadow: #d1d1d1 0 1px;
+    background-color: #f2f2f2;
+    border: 1px solid #b3b3b3;
+    color: #888
+}
+
+body > nav form .search:focus {
+    color: #444;
+    border-color: #80b1df;
+    -webkit-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
+    -moz-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
+    box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
+    background-color: #fff;
+    outline: none
+}
+
+body > nav fieldset[role=search] {
+    float: right;
+    width: 48%
+}
+
+body > nav fieldset.mobile-nav {
+    float: left;
+    width: 48%
+}
+
+body > nav fieldset.mobile-nav select {
+    width: 100%;
+    font-size: .8em;
+    border: 1px solid #888
+}
+
+body > nav ul {
+    display: none
+}
+
+@media only screen and (min-width: 550px) {
+    body > nav {
+        font-size: .9em
+    }
+
+    body > nav ul {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        overflow: hidden;
+        *zoom: 1;
+        float: left;
+        display: block;
+        padding-top: .15em
+    }
+
+    body > nav ul li {
+        list-style-image: none;
+        list-style-type: none;
+        margin-left: 0;
+        white-space: nowrap;
+        display: inline;
+        float: left;
+        padding-left: 0;
+        padding-right: 0
+    }
+
+    body > nav ul li:first-child,
+    body > nav ul li.first {
+        padding-left: 0
+    }
+
+    body > nav ul li:last-child {
+        padding-right: 0
+    }
+
+    body > nav ul li.last {
+        padding-right: 0
+    }
+
+    body > nav ul.subscription {
+        margin-left: .8em;
+        float: right
+    }
+
+    body > nav ul.subscription li:last-child a {
+        padding-right: 0
+    }
+
+    body > nav ul li {
+        margin: 0
+    }
+
+    body > nav a {
+        color: #6b6b6b;
+        font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
+        text-shadow: #ebebeb 0 1px;
+        float: left;
+        text-decoration: none;
+        font-size: 1.1em;
+        padding: .1em 0;
+        line-height: 1.5em
+    }
+
+    body > nav a:visited {
+        color: #6b6b6b
+    }
+
+    body > nav a:hover {
+        color: #2b2b2b
+    }
+
+    body > nav li + li {
+        border-left: 1px solid #b0b0b0;
+        margin-left: .8em
+    }
+
+    body > nav li + li a {
+        padding-left: .8em;
+        border-left: 1px solid #dedede
+    }
+
+    body > nav form {
+        float: right;
+        text-align: left;
+        padding-left: .8em;
+        width: 175px
+    }
+
+    body > nav form .search {
+        width: 93%;
+        font-size: .95em;
+        line-height: 1.2em
+    }
+
+    body > nav ul[data-subscription$=email] + form {
+        width: 97px
+    }
+
+    body > nav ul[data-subscription$=email] + form .search {
+        width: 91%
+    }
+
+    body > nav fieldset.mobile-nav {
+        display: none
+    }
+
+    body > nav fieldset[role=search] {
+        width: 99%
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    body > nav form {
+        width: 215px
+    }
+
+    body > nav ul[data-subscription$=email] + form {
+        width: 147px
+    }
+}
+
+.no-placeholder body > nav .search {
+    background: #f2f2f2 0.3em 0.25em no-repeat;
+    text-indent: 1.3em
+}
+
+@media only screen and (min-width: 550px) {
+    .maskImage body > nav ul[data-subscription$=email] + form {
+        width: 123px
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .maskImage body > nav ul[data-subscription$=email] + form {
+        width: 173px
+    }
+}
+
+.maskImage ul.subscription {
+    position: relative;
+    top: .2em
+}
+
+.maskImage ul.subscription li,
+.maskImage ul.subscription a {
+    border: 0;
+    padding: 0
+}
+
+.maskImage a[rel=subscribe-rss] {
+    position: relative;
+    top: 0px;
+    text-indent: -999999em;
+    background-color: #dedede;
+    border: 0;
+    padding: 0
+}
+
+.maskImage a[rel=subscribe-rss],
+.maskImage a[rel=subscribe-rss]:after {
+    -webkit-mask-repeat: no-repeat;
+    -moz-mask-repeat: no-repeat;
+    -ms-mask-repeat: no-repeat;
+    -o-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    width: 22px;
+    height: 22px
+}
+
+.maskImage a[rel=subscribe-rss]:after {
+    content: "";
+    position: absolute;
+    top: -1px;
+    left: 0;
+    background-color: #ababab
+}
+
+.maskImage a[rel=subscribe-rss]:hover:after {
+    background-color: #9e9e9e
+}
+
+.maskImage a[rel=subscribe-email] {
+    position: relative;
+    top: 0px;
+    text-indent: -999999em;
+    background-color: #dedede;
+    border: 0;
+    padding: 0
+}
+
+.maskImage a[rel=subscribe-email],
+.maskImage a[rel=subscribe-email]:after {
+    -webkit-mask-repeat: no-repeat;
+    -moz-mask-repeat: no-repeat;
+    -ms-mask-repeat: no-repeat;
+    -o-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    width: 28px;
+    height: 22px
+}
+
+.maskImage a[rel=subscribe-email]:after {
+    content: "";
+    position: absolute;
+    top: -1px;
+    left: 0;
+    background-color: #ababab
+}
+
+.maskImage a[rel=subscribe-email]:hover:after {
+    background-color: #9e9e9e
+}
+
+article {
+    padding-top: 1em
+}
+
+article header {
+    position: relative;
+    /*padding-top: 2em;*/
+    padding-bottom: 1em;
+    margin-bottom: 1em;
+}
+
+article header h1 {
+    margin: 0;
+    margin-top: 0.15em;
+}
+
+article header h1 a {
+    text-decoration: none
+}
+
+article header h1 a:hover {
+    text-decoration: underline
+}
+
+article header p {
+    font-size: .9em;
+    color: #aaa;
+    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;
+    font-size: 2.0em;
+    font-style: italic;
+    line-height: 1.3em
+}
+
+article img,
+article video,
+article .flash-video,
+article .caption-wrapper {
+    -webkit-border-radius: 0.3em;
+    -moz-border-radius: 0.3em;
+    -ms-border-radius: 0.3em;
+    -o-border-radius: 0.3em;
+    border-radius: 0.3em;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border: #fff 0.5em solid
+}
+
+article img.caption,
+article video.caption,
+article .flash-video.caption,
+article .caption-wrapper.caption {
+    -webkit-border-radius: 0px;
+    -moz-border-radius: 0px;
+    -ms-border-radius: 0px;
+    -o-border-radius: 0px;
+    border-radius: 0px;
+    -webkit-box-shadow: 0px;
+    -moz-box-shadow: 0px;
+    box-shadow: 0px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border: 0px
+}
+
+article .caption-wrapper {
+    display: inline-block;
+    margin-bottom: 1em;
+}
+
+article .caption-wrapper .caption-text {
+    background: #fff;
+    text-align: center;
+    font-size: .8em;
+    color: #666;
+    display: block
+}
+
+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: 0.3em; /* decrease footer padding */
+    margin-top: 0.3em;
+}
+
+article > footer p.meta {
+    margin-bottom: .8em;
+    font-size: .85em;
+    clear: both;
+    overflow: hidden
+}
+
+.blog-index article + article {
+}
+
+#content .blog-index {
+    padding-top: 0;
+    padding-bottom: 0
+}
+
+#content .blog-index article {
+    padding-top: 2em;
+    font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
+}
+
+#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: #666;
+    -webkit-transition: background-color 0.5s;
+    -moz-transition: background-color 0.5s;
+    -o-transition: background-color 0.5s;
+    transition: background-color 0.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
+}
+
+/* pagination stuff */
+#content div.pagination {
+    text-align: center;
+    font-size: .95em;
+    position: relative;
+    padding-top: 1.5em;
+    padding-bottom: 1.5em
+}
+
+#content div.pagination a {
+    text-decoration: none;
+    color: #000;
+    padding-left: 0.4em; /* horizontal space between pagination links */
+}
+
+#content div.pagination a:hover { /* hover color for pagination links/icons */
+    color: #0181eb
+}
+
+/* if you want to send pagination icons/links to left or right, you can use these labels
+#content div.pagination a.prev {
+    position: absolute;
+    left: 0
+}
+#content div.pagination a.next {
+    position: absolute;
+    right: 0
+}
+#content div.pagination a[href*=archive]:before,
+#content div.pagination a[href*=archive]:after {
+    content: '\2014';
+    padding: 0 .3em
+}
+*/
+
+p.meta + .sharing {
+    padding-top: 1em;
+    padding-left: 0;
+}
+
+#fb-root {
+    display: none
+}
+
+.highlighttable,
+html .gist .gist-file .gist-syntax .gist-highlighttable {
+    border-left: 1px solid #05232b !important;
+
+}
+
+.highlighttable table td.code,
+html .gist .gist-file .gist-syntax .gist-highlighttable table td.code {
+    width: 100%;
+
+}
+
+.highlighttable .line-numbers,
+html .gist .gist-file .gist-syntax .highlighttable .line_numbers {
+    text-align: right;
+    font-size: 13px;
+    line-height: 1.45em;
+    background: #073642 top left !important;
+    border-right: 1px solid #00232c !important;
+    -webkit-box-shadow: #083e4b -1px 0 inset;
+    -moz-box-shadow: #083e4b -1px 0 inset;
+    box-shadow: #083e4b -1px 0 inset;
+    text-shadow: #021014 0 -1px;
+    padding: .8em !important;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0
+}
+
+.highlighttable .line-numbers span,
+html .gist .gist-file .gist-syntax .highlighttable .line_numbers span {
+    color: #586e75 !important
+}
+
+figure.code,
+.gist-file,
+pre {
+    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
+    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px
+}
+
+figure.code .highlighttable pre,
+.gist-file .highlighttable pre,
+pre .highlighttable pre {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none
+}
+
+.gist .highlighttable *::-moz-selection,
+figure.code .highlighttable *::-moz-selection {
+    background: #386774;
+    color: inherit;
+    text-shadow: #002b36 0 1px;
+}
+
+.gist .highlighttable *::-webkit-selection,
+figure.code .highlighttable *::-webkit-selection {
+    background: #386774;
+    color: inherit;
+    text-shadow: #002b36 0 1px
+}
+
+.gist .highlighttable *::selection,
+figure.code .highlighttable *::selection {
+    background: #386774;
+    color: inherit;
+    text-shadow: #002b36 0 1px
+}
+
+html .gist .gist-file {
+    margin-bottom: 1.8em;
+    position: relative;
+    border: none;
+    padding-top: 26px !important
+}
+
+html .gist .gist-file .highlighttable {
+    margin-bottom: 0
+}
+
+html .gist .gist-file .gist-syntax {
+    border-bottom: 0 !important;
+    background: none !important
+}
+
+html .gist .gist-file .gist-syntax .gist-highlighttable {
+    background: #002b36 !important
+}
+
+html .gist .gist-file .gist-syntax .highlighttable pre {
+    padding: 0
+}
+
+html .gist .gist-file .gist-meta {
+    padding: .6em 0.8em;
+    border: 1px solid #083e4b !important;
+    color: #586e75;
+    font-size: .7em !important;
+    line-height: 1.5em
+}
+
+html .gist .gist-file .gist-meta a {
+    color: #75878b !important;
+    text-decoration: none
+}
+
+html .gist .gist-file .gist-meta a:hover {
+    text-decoration: underline
+}
+
+html .gist .gist-file .gist-meta a:hover {
+    color: #93a1a1 !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: #002b36 top left;
+    -webkit-border-radius: 0.0em;
+    -moz-border-radius: 0.0em;
+    -ms-border-radius: 0.0em;
+    -o-border-radius: 0.0em;
+    border-radius: 0.0em;
+    line-height: 1.45em;
+    margin-bottom: 0em;
+    padding: 0em 0em;
+    color: #93a1a1;
+    font-size: 80%; /* change the code font size */
+
+}
+
+h3.filename + pre {
+    -moz-border-radius-topleft: 0px;
+    -webkit-border-top-left-radius: 0px;
+    border-top-left-radius: 0px;
+    -moz-border-radius-topright: 0px;
+    -webkit-border-top-right-radius: 0px;
+    border-top-right-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;
+    -webkit-border-radius: 0.4em;
+    -moz-border-radius: 0.4em;
+    -ms-border-radius: 0.4em;
+    -o-border-radius: 0.4em;
+    border-radius: 0.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 .highlighttable pre,
+.highlighttable code {
+    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;
+    overflow: scroll;
+    overflow-y: hidden;
+    display: block;
+    padding: .8em;
+    overflow-x: auto;
+    line-height: 1.45em;
+    color: #93a1a1 !important
+}
+
+.pre-code span,
+html .gist .gist-file .gist-syntax .highlighttable pre span,
+.highlighttable code span {
+    color: #93a1a1 !important
+}
+
+.pre-code span,
+html .gist .gist-file .gist-syntax .highlighttable pre span,
+.highlighttable code span {
+    font-style: normal !important;
+    font-weight: normal !important
+}
+
+.pre-code .c,
+html .gist .gist-file .gist-syntax .highlighttable pre .c,
+.highlighttable code .c {
+    color: #586e75 !important;
+    font-style: italic !important
+}
+
+.pre-code .cm,
+html .gist .gist-file .gist-syntax .highlighttable pre .cm,
+.highlighttable code .cm {
+    color: #586e75 !important;
+    font-style: italic !important
+}
+
+.pre-code .cp,
+html .gist .gist-file .gist-syntax .highlighttable pre .cp,
+.highlighttable code .cp {
+    color: #586e75 !important;
+    font-style: italic !important
+}
+
+.pre-code .c1,
+html .gist .gist-file .gist-syntax .highlighttable pre .c1,
+.highlighttable code .c1 {
+    color: #586e75 !important;
+    font-style: italic !important
+}
+
+.pre-code .cs,
+html .gist .gist-file .gist-syntax .highlighttable pre .cs,
+.highlighttable code .cs {
+    color: #586e75 !important;
+    font-weight: bold !important;
+    font-style: italic !important
+}
+
+.pre-code .err,
+html .gist .gist-file .gist-syntax .highlighttable pre .err,
+.highlighttable code .err {
+    color: #dc322f !important;
+    background: none !important
+}
+
+.pre-code .k,
+html .gist .gist-file .gist-syntax .highlighttable pre .k,
+.highlighttable code .k {
+    color: #cb4b16 !important
+}
+
+.pre-code .o,
+html .gist .gist-file .gist-syntax .highlighttable pre .o,
+.highlighttable code .o {
+    color: #93a1a1 !important;
+    font-weight: bold !important
+}
+
+.pre-code .p,
+html .gist .gist-file .gist-syntax .highlighttable pre .p,
+.highlighttable code .p {
+    color: #93a1a1 !important
+}
+
+.pre-code .ow,
+html .gist .gist-file .gist-syntax .highlighttable pre .ow,
+.highlighttable code .ow {
+    color: #2aa198 !important;
+    font-weight: bold !important
+}
+
+.pre-code .gd,
+html .gist .gist-file .gist-syntax .highlighttable pre .gd,
+.highlighttable code .gd {
+    color: #93a1a1 !important;
+    background-color: #372c34 !important;
+    display: inline-block
+}
+
+.pre-code .gd .x,
+html .gist .gist-file .gist-syntax .highlighttable pre .gd .x,
+.highlighttable code .gd .x {
+    color: #93a1a1 !important;
+    background-color: #4d2d33 !important;
+    display: inline-block
+}
+
+.pre-code .ge,
+html .gist .gist-file .gist-syntax .highlighttable pre .ge,
+.highlighttable code .ge {
+    color: #93a1a1 !important;
+    font-style: italic !important
+}
+
+.pre-code .gh,
+html .gist .gist-file .gist-syntax .highlighttable pre .gh,
+.highlighttable code .gh {
+    color: #586e75 !important
+}
+
+.pre-code .gi,
+html .gist .gist-file .gist-syntax .highlighttable pre .gi,
+.highlighttable code .gi {
+    color: #93a1a1 !important;
+    background-color: #1a412b !important;
+    display: inline-block
+}
+
+.pre-code .gi .x,
+html .gist .gist-file .gist-syntax .highlighttable pre .gi .x,
+.highlighttable code .gi .x {
+    color: #93a1a1 !important;
+    background-color: #355720 !important;
+    display: inline-block
+}
+
+.pre-code .gs,
+html .gist .gist-file .gist-syntax .highlighttable pre .gs,
+.highlighttable code .gs {
+    color: #93a1a1 !important;
+    font-weight: bold !important
+}
+
+.pre-code .gu,
+html .gist .gist-file .gist-syntax .highlighttable pre .gu,
+.highlighttable code .gu {
+    color: #6c71c4 !important
+}
+
+.pre-code .kc,
+html .gist .gist-file .gist-syntax .highlighttable pre .kc,
+.highlighttable code .kc {
+    color: #859900 !important;
+    font-weight: bold !important
+}
+
+.pre-code .kd,
+html .gist .gist-file .gist-syntax .highlighttable pre .kd,
+.highlighttable code .kd {
+    color: #268bd2 !important
+}
+
+.pre-code .kp,
+html .gist .gist-file .gist-syntax .highlighttable pre .kp,
+.highlighttable code .kp {
+    color: #cb4b16 !important;
+    font-weight: bold !important
+}
+
+.pre-code .kr,
+html .gist .gist-file .gist-syntax .highlighttable pre .kr,
+.highlighttable code .kr {
+    color: #d33682 !important;
+    font-weight: bold !important
+}
+
+.pre-code .kt,
+html .gist .gist-file .gist-syntax .highlighttable pre .kt,
+.highlighttable code .kt {
+    color: #2aa198 !important
+}
+
+.pre-code .n,
+html .gist .gist-file .gist-syntax .highlighttable pre .n,
+.highlighttable code .n {
+    color: #268bd2 !important
+}
+
+.pre-code .na,
+html .gist .gist-file .gist-syntax .highlighttable pre .na,
+.highlighttable code .na {
+    color: #268bd2 !important
+}
+
+.pre-code .nb,
+html .gist .gist-file .gist-syntax .highlighttable pre .nb,
+.highlighttable code .nb {
+    color: #859900 !important
+}
+
+.pre-code .nc,
+html .gist .gist-file .gist-syntax .highlighttable pre .nc,
+.highlighttable code .nc {
+    color: #d33682 !important
+}
+
+.pre-code .no,
+html .gist .gist-file .gist-syntax .highlighttable pre .no,
+.highlighttable code .no {
+    color: #b58900 !important
+}
+
+.pre-code .nl,
+html .gist .gist-file .gist-syntax .highlighttable pre .nl,
+.highlighttable code .nl {
+    color: #859900 !important
+}
+
+.pre-code .ne,
+html .gist .gist-file .gist-syntax .highlighttable pre .ne,
+.highlighttable code .ne {
+    color: #268bd2 !important;
+    font-weight: bold !important
+}
+
+.pre-code .nf,
+html .gist .gist-file .gist-syntax .highlighttable pre .nf,
+.highlighttable code .nf {
+    color: #268bd2 !important;
+    font-weight: bold !important
+}
+
+.pre-code .nn,
+html .gist .gist-file .gist-syntax .highlighttable pre .nn,
+.highlighttable code .nn {
+    color: #b58900 !important
+}
+
+.pre-code .nt,
+html .gist .gist-file .gist-syntax .highlighttable pre .nt,
+.highlighttable code .nt {
+    color: #268bd2 !important;
+    font-weight: bold !important
+}
+
+.pre-code .nx,
+html .gist .gist-file .gist-syntax .highlighttable pre .nx,
+.highlighttable code .nx {
+    color: #b58900 !important
+}
+
+.pre-code .vg,
+html .gist .gist-file .gist-syntax .highlighttable pre .vg,
+.highlighttable code .vg {
+    color: #268bd2 !important
+}
+
+.pre-code .vi,
+html .gist .gist-file .gist-syntax .highlighttable pre .vi,
+.highlighttable code .vi {
+    color: #268bd2 !important
+}
+
+.pre-code .nv,
+html .gist .gist-file .gist-syntax .highlighttable pre .nv,
+.highlighttable code .nv {
+    color: #268bd2 !important
+}
+
+.pre-code .mf,
+html .gist .gist-file .gist-syntax .highlighttable pre .mf,
+.highlighttable code .mf {
+    color: #2aa198 !important
+}
+
+.pre-code .m,
+html .gist .gist-file .gist-syntax .highlighttable pre .m,
+.highlighttable code .m {
+    color: #2aa198 !important
+}
+
+.pre-code .mh,
+html .gist .gist-file .gist-syntax .highlighttable pre .mh,
+.highlighttable code .mh {
+    color: #2aa198 !important
+}
+
+.pre-code .mi,
+html .gist .gist-file .gist-syntax .highlighttable pre .mi,
+.highlighttable code .mi {
+    color: #2aa198 !important
+}
+
+.pre-code .s,
+html .gist .gist-file .gist-syntax .highlighttable pre .s,
+.highlighttable code .s {
+    color: #2aa198 !important
+}
+
+.pre-code .sd,
+html .gist .gist-file .gist-syntax .highlighttable pre .sd,
+.highlighttable code .sd {
+    color: #2aa198 !important
+}
+
+.pre-code .s2,
+html .gist .gist-file .gist-syntax .highlighttable pre .s2,
+.highlighttable code .s2 {
+    color: #2aa198 !important
+}
+
+.pre-code .se,
+html .gist .gist-file .gist-syntax .highlighttable pre .se,
+.highlighttable code .se {
+    color: #dc322f !important
+}
+
+.pre-code .si,
+html .gist .gist-file .gist-syntax .highlighttable pre .si,
+.highlighttable code .si {
+    color: #268bd2 !important
+}
+
+.pre-code .sr,
+html .gist .gist-file .gist-syntax .highlighttable pre .sr,
+.highlighttable code .sr {
+    color: #2aa198 !important
+}
+
+.pre-code .s1,
+html .gist .gist-file .gist-syntax .highlighttable pre .s1,
+.highlighttable code .s1 {
+    color: #2aa198 !important
+}
+
+.pre-code div .gd,
+html .gist .gist-file .gist-syntax .highlighttable pre div .gd,
+.highlighttable code div .gd,
+.pre-code div .gd .x,
+html .gist .gist-file .gist-syntax .highlighttable pre div .gd .x,
+.highlighttable code div .gd .x,
+.pre-code div .gi,
+html .gist .gist-file .gist-syntax .highlighttable pre div .gi,
+.highlighttable code div .gi,
+.pre-code div .gi .x,
+html .gist .gist-file .gist-syntax .highlighttable pre div .gi .x,
+.highlighttable code div .gi .x {
+    display: inline-block;
+    width: 100%
+}
+
+.highlighttable,
+.gist-highlighttable {
+    margin-bottom: 1.8em;
+    background: #002b36;
+    overflow-y: hidden;
+    overflow-x: auto
+}
+
+pre::-webkit-scrollbar,
+.highlighttable::-webkit-scrollbar,
+.gist-highlighttable::-webkit-scrollbar {
+    height: .5em;
+    background: rgba(255, 255, 255, 0.15)
+}
+
+pre::-webkit-scrollbar-thumb:horizontal,
+.highlighttable::-webkit-scrollbar-thumb:horizontal,
+.gist-highlighttable::-webkit-scrollbar-thumb:horizontal {
+    background: rgba(255, 255, 255, 0.2);
+    -webkit-border-radius: 4px;
+    border-radius: 4px
+}
+
+.highlighttable 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 .highlighttable {
+    margin-bottom: 0;
+    table-layout: fixed;
+    width: 100%;
+}
+
+.code-title,
+html .gist .gist-file .gist-meta a[href*='#file'],
+h3.filename,
+figure.code figcaption { /* figcaption changes */
+    text-align: center;
+    line-height: 2em;
+    text-shadow: #cbcccc 0 1px 0;
+    color: #474747;
+    font-weight: normal;
+    margin-bottom: 0;
+    -moz-border-radius-topleft: 5px;
+    -webkit-border-top-left-radius: 5px;
+    border-top-left-radius: 5px;
+    -moz-border-radius-topright: 5px;
+    -webkit-border-top-right-radius: 5px;
+    border-top-right-radius: 5px;
+    background: #aaa top repeat-x;
+    font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
+    border: 1px solid #565656;
+    border-top-color: #cbcbcb;
+    border-left-color: #a5a5a5;
+    border-right-color: #a5a5a5;
+    border-bottom: 0;
+    font-size: 90%; /* change size of font in figcaption */
+}
+
+.download-source,
+html .gist .gist-file .gist-meta a[href*=raw],
+figure.code figcaption a {
+    position: absolute;
+    right: .8em;
+    text-decoration: none;
+    color: #666 !important;
+    z-index: 1;
+    font-size: 13px;
+    text-shadow: #cbcccc 0 1px 0;
+    padding-left: 3em
+}
+
+.download-source:hover,
+html .gist .gist-file .gist-meta a[href*=raw]:hover,
+figure.code figcaption a:hover {
+    text-decoration: underline
+}
+
+#archive #content > div,
+#archive #content > div > article {
+    padding-top: 0
+}
+
+#blog-archives {
+    color: #aaa
+}
+
+#blog-archives article {
+    padding: 1em 0 1em;
+    position: relative;
+}
+
+#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 {
+    text-decoration: none;
+    color: inherit;
+    font-weight: normal;
+    display: inline-block
+}
+
+#blog-archives h1 a:hover {
+    text-decoration: underline
+}
+
+#blog-archives h1 a:hover {
+    color: #0181eb
+}
+
+#blog-archives a.category,
+#blog-archives time {
+    color: #aaa;
+
+}
+
+#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: 0.3em;
+        font-weight: normal;
+        display: inline-block;
+        position: relative;
+        top: -1px;
+        float: left;
+        margin-top: 1.7em; /* align year with the rest */
+    }
+
+    #blog-archives time {
+        position: absolute;
+        text-align: right;
+        left: 0em;
+        top: 3em; /* may need to change this to align the month/date on the tag/category (archive) pages with post name */
+        font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
+    }
+
+    /* #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;
+}
+
+.side-shadow-border,
+aside.sidebar section h1,
+aside.sidebar li {
+    -webkit-box-shadow: #fff 0 1px;
+    -moz-box-shadow: #fff 0 1px;
+    box-shadow: #fff 0 1px
+}
+
+aside.sidebar {
+    overflow: hidden;
+    color: #4b4b4b;
+    text-shadow: #fff 0 1px;
+}
+
+aside.sidebar section {
+    font-size: 0.9em;
+    line-height: 1.4em;
+    margin-bottom: 0.5em
+}
+
+aside.sidebar section h1 {
+    margin: 0.5em 0 0;
+    padding-bottom: .2em;
+    border-bottom: 1px solid #e0e0e0
+}
+
+aside.sidebar section h1 + p {
+    padding-top: .4em
+}
+
+aside.sidebar img {
+    -webkit-border-radius: 0.3em;
+    -moz-border-radius: 0.3em;
+    -ms-border-radius: 0.3em;
+    -o-border-radius: 0.3em;
+    border-radius: 0.3em;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border: #fff 0.3em solid
+}
+
+aside.sidebar ul {
+    margin-bottom: 0.5em;
+    margin-left: 0
+}
+
+aside.sidebar li {
+    list-style: none;
+    padding: .5em 0;
+    margin: 0;
+    border-bottom: 1px solid #e0e0e0
+}
+
+aside.sidebar li p:last-child {
+    margin-bottom: 0
+}
+
+aside.sidebar a {
+    color: inherit;
+    -webkit-transition: color 0.5s;
+    -moz-transition: color 0.5s;
+    -o-transition: color 0.5s;
+    transition: color 0.5s
+}
+
+aside.sidebar:hover a {
+    color: #222
+}
+
+aside.sidebar:hover a:hover {
+    color: #0181eb
+}
+
+.aside-alt-link,
+#pinboard_linkroll .pin-tag {
+    color: #7e7e7e
+}
+
+.aside-alt-link:hover,
+#pinboard_linkroll .pin-tag:hover {
+    color: #0181eb
+}
+
+@media only screen and (min-width: 768px) {
+    .toggle-sidebar {
+        outline: none;
+        position: absolute;
+        right: -10px;
+        top: 0;
+        bottom: 0;
+        display: inline-block;
+        text-decoration: none;
+        color: #cecece;
+        width: 9px;
+        cursor: pointer
+    }
+
+    .toggle-sidebar:hover {
+        background: #e9e9e9;
+        background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(224, 224, 224, 0.5)), color-stop(100%, rgba(224, 224, 224, 0)));
+        background: -webkit-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
+        background: -moz-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
+        background: -o-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
+        background: linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0))
+    }
+
+    .toggle-sidebar:after {
+        position: absolute;
+        right: -11px;
+        top: 0;
+        width: 20px;
+        font-size: 1.2em;
+        line-height: 1.1em;
+        padding-bottom: .15em;
+        -moz-border-radius-bottomright: 0.3em;
+        -webkit-border-bottom-right-radius: 0.3em;
+        border-bottom-right-radius: 0.3em;
+        text-align: center;
+        border-bottom: 1px solid #e0e0e0;
+        border-right: 1px solid #e0e0e0;
+        content: "\00BB";
+        text-indent: -1px
+    }
+
+    .collapse-sidebar .toggle-sidebar {
+        text-indent: 0px;
+        right: -20px;
+        width: 19px
+    }
+
+    .collapse-sidebar .toggle-sidebar:hover {
+        background: #e9e9e9
+    }
+
+    .collapse-sidebar .toggle-sidebar:after {
+        border-left: 1px solid #e0e0e0;
+        text-shadow: #fff 0 1px;
+        content: "\00AB";
+        left: 0px;
+        right: 0;
+        text-align: center;
+        text-indent: 0;
+        border: 0;
+        border-right-width: 0;
+        background: none
+    }
+}
+
+.googleplus h1 {
+    -moz-box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+    -o-box-shadow: none !important;
+    box-shadow: none !important;
+    border-bottom: 0px none !important
+}
+
+.googleplus a {
+    text-decoration: none;
+    white-space: normal !important;
+    line-height: 32px
+}
+
+.googleplus a img {
+    float: left;
+    margin-right: 0.5em;
+    border: 0 none
+}
+
+.googleplus-hidden {
+    position: absolute;
+    top: -1000em;
+    left: -1000em
+}
+
+#pinboard_linkroll .pin-title,
+#pinboard_linkroll .pin-description {
+    display: block;
+    margin-bottom: .5em
+}
+
+#pinboard_linkroll .pin-tag {
+    text-decoration: none
+}
+
+#pinboard_linkroll .pin-tag:hover {
+    text-decoration: underline
+}
+
+#pinboard_linkroll .pin-tag:after {
+    content: ','
+}
+
+#pinboard_linkroll .pin-tag:last-child:after {
+    content: ''
+}
+
+.delicious-posts a.delicious-link {
+    margin-bottom: .5em;
+    display: block
+}
+
+.delicious-posts p {
+    font-size: 1em
+}
+
+body > footer {
+    font-size: 1em; /* increase font size for footer */
+    color: #888;
+    text-shadow: #d9d9d9 0 1px;
+    background-color: #ccc;
+    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
+    background: -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    background: linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
+    border-top: 1px solid #f2f2f2;
+    position: relative;
+    padding-top: 1em;
+    padding-bottom: 1em;
+    margin-bottom: 3em;
+    -moz-border-radius-bottomleft: 0.4em;
+    -webkit-border-bottom-left-radius: 0.4em;
+    border-bottom-left-radius: 0.4em;
+    -moz-border-radius-bottomright: 0.4em;
+    -webkit-border-bottom-right-radius: 0.4em;
+    border-bottom-right-radius: 0.4em;
+    z-index: 1
+}
+
+body > footer a {
+    color: #6b6b6b
+}
+
+body > footer a:visited {
+    color: #6b6b6b
+}
+
+body > footer a:hover {
+    color: #484848
+}
+
+body > footer p:last-child {
+    margin-bottom: 0
+}
+
+table,
+th,
+td {
+    border-left: 1px solid black; /* remove the right border for when overflow happens */
+    padding: 3px;
+}
+
+th {
+    font-weight: bold;
+    text-align: center;
+}
+
+/* Taken from hyde-x.css to format labels (categories) as octopress doesn't have  */
+
+.label {
+    display: inline;
+    padding: .2em .6em .3em;
+    font-size: 80%;
+    font-weight: bold;
+    line-height: 1;
+    color: #fff;
+    text-align: center;
+    vertical-align: baseline;
+    border-radius: .25em;
+}
+
+a.label:hover,
+a.label:focus {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.label:empty {
+    display: none;
+}
+
+/* keep the color of visited categories- visited color makes them unreadable */
+a.label:visited {
+    color: #fff;
+}
+
+.label {
+    margin: 0 .25em;
+    background-color: #313131;
+}
+
+.posts a.label,
+.post-date a.label {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+/* this part makes the mycode shortcode work */
+
+.linenodiv {
+    background-color: #002B36 !important;
+}
+
+/* because we have changed the font-family of everything, we need to change it for the code inside pre to fit with line numbers */
+pre span {
+    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
+}
+
+td.code {
+    width: 95%;
+}
+
+/* end of making mycode shortcode work */
+
+/* wrapped the whole output from the highlight function (which is a table) in a div to get a horizontal scrollbar for the whole row and not just the "pre" in the cell
+having a scrollbar for the cell will break alignment with line numbers
+*/
+
+div.codewrapper {
+    overflow-x: auto;
+    overflow-y: hidden;
+    background-color: #002B36;
+}
+
+/* overflow for backtick code block
+   by just modifying div.highlight I will screw the codecaption overflow as they have div.highlight too.
+   This ">" syntax is something new that I learned.
+   basically it will select only div.highlights that are direct childs of entry-content */
+div.entry-content > div.highlight {
+    border-color: #002B36;
+    overflow-x: auto;
+    overflow-y: hidden;
+    margin-bottom: 0.4em;
+}
+
+/* decrease h1 size in article body so we can use it in the article as heading */
+div.entry-content > h1 {
+    font-size: 1.7em;
+}
+
+div.entry-content > h2 {
+    font-size: 1.5em;
+}
+
+/* decrease margin for article headings */
+div.entry-content >
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-bottom: 0.5em;
+    margin-top: 0.8em;
+}
+
+/* side bar code from hyde-x */
+
+/*
+ * Sidebar
+ *
+ * Flexible banner for housing site name, intro, and "footer" content. Starts
+ * out above content in mobile and later moves to the side with wider viewports.
+ */
+
+.sidebar {
+    /* text-align: center; */
+    padding: 2rem 1rem;
+    color: rgba(255, 255, 255, .5);
+    background-color: #202020;
+}
+
+/* aligns the side bar to the left, we want it to be on the right
+@media (min-width: 48em) {
+  .sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 18rem;
+    text-align: left;
+  }
+} */
+
+/* Sidebar links */
+
+/* Sticky sidebar
+ *
+ * Add the `sidebar-sticky` class to the sidebar's container to affix it the
+ * contents to the bottom of the sidebar in tablets and up.
+ */
+
+@media (min-width: 48em) {
+    .sidebar-sticky {
+        position: absolute;
+        right: 1rem;
+        bottom: 1rem;
+        left: 1rem;
+    }
+}