body { background: url(/images/background/straws.png); font: 100% OpenSans, Helvetica, Arial, sans-serif; min-width: 320px; }
body .wrapper { max-width: 1015px; margin: 0 auto; }

header nav { margin: 0 auto; max-width: 1015px; min-height: 50px; background-color: white; padding: 5px; border-style: solid; border-width: 0.5px; border-color: #C2BDBD; }
header nav a { color: #585A5B; text-decoration: none; }
header nav a:hover { text-decoration: none; color: #DD7B0F; }
header nav a:visited { text-decoration: none; }
header nav ul { list-style-type: none; margin: 0; padding: 0; }
header nav .title-link { display: inline-block; font-size: 30px; font-weight: 700; margin-top: 5px; margin-left: 20px; }
header nav .title-link li { display: inline; }
header nav #menu-icon { fill: #585A5B; display: none; float: right; clear: both; margin-top: 10px; margin-right: 20px; cursor: pointer; }
header nav #menu-icon li { display: inline; }
header nav #menu-icon:hover { fill: #DD7B0F; }
header nav .mobile-menu { width: 100%; background: white; float: right; margin-right: 20px; font-size: 30px; text-align: right; }
header nav .mobile-menu li { display: block; margin-bottom: 10px; }
header nav .inline-menu { word-spacing: 10px; font-size: 20px; float: right; margin-top: 10px; margin-right: 20px; display: inline; }
header nav .inline-menu li { display: inline; }

body .page-content { margin: 15px auto; max-width: 1015px; }

body .postlist { background: white; margin-bottom: 10px; }
body .postlist .postpreview { padding: 10px; }
body .postlist .postpreview span { margin: 0 0 0 0; }
body .postlist .postpreview h2 { margin: 0 0 0 0; }
body .postlist .postpreview .post-excerpts { font-weight: 200; }
body .postlist .postpreview .post-excerpts p { margin-top: 5px; }
body .postlist:hover { background: #efdfb3; }
body .postlist:hover a { color: #DD7B0F; }
body .postlist:hover .post-excerpts { color: #585A5B; }
body .postlist a { text-decoration: none; color: #585A5B; }
body .postlist:hover { text-decoration: none; }
body .postlist:visited { text-decoration: none; }

body .post { background: white; max-width: 1015px; padding: 10px; color: #585A5B; font-size: 20px; line-height: 1.5; }
body .post .post-title { color: #585A5B; }
body .post .highlight { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; color: #333; background: rgba(238, 238, 238, 0.5); font-size: 16px; }
body .post .highlight pre { margin: 0; }
body .post .highlight code { overflow: auto; line-height: 22.5px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
body .post img { margin-left: auto; margin-right: auto; display: block; }
@media screen and (max-width: 700px) { body .post img { width: 100%; } }
body .tags { margin-top: -10px; }
body .tags .tag { width: 100px; text-align: center; text-size: 16px; padding: 2px 8px 2px 8px; border-style: solid; border-width: 1px; border-color: #585A5B; border-radius: 25px; display: inline-block; }

body .archive { display: table; width: 100%; border-collapse: separate; border-spacing: 0 0.1cm; }
body .archive .archive-meta { padding-left: 8px; color: #303030; padding-right: 15px; }
body .archive .archive-link { display: table-row; color: #585A5B; text-decoration: none; }
body .archive .archive-link:hover { color: #DD7B0F; background: #efdfb3; }
body .archive .archive-link:hover .tags .tag { border-color: #DD7B0F; }
body .archive .table-cell { display: table-cell; }
body .archive .tags { margin: 0; padding-bottom: 5px; }
body .archive .tags .tag { width: 60px; font-size: 12px; display: inline-block; }

.hll { background-color: #EEEE; }

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

/* Comment */
.err { color: #a61717; background-color: #e3d2d2; }

/* Error */
.k { color: #a71d5d; font-weight: bold; }

/* Keyword */
.o { color: #a71d5d; font-weight: bold; }

/* Operator */
.cm { color: #999988; font-style: italic; }

/* Comment.Multiline */
.cp { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Preproc */
.c1 { color: #999988; font-style: italic; }

/* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic; }

/* Comment.Special */
.gd { color: #000000; background-color: #ffdddd; }

/* Generic.Deleted */
.ge { color: #000000; font-style: italic; }

/* Generic.Emph */
.gr { color: #aa0000; }

/* Generic.Error */
.gh { color: #999999; }

/* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd; }

/* Generic.Inserted */
.go { color: #888888; }

/* Generic.Output */
.gp { color: #555555; }

/* Generic.Prompt */
.gs { font-weight: bold; }

/* Generic.Strong */
.gu { color: #aaaaaa; }

/* Generic.Subheading */
.gt { color: #aa0000; }

/* Generic.Traceback */
.kc { color: #000000; font-weight: bold; }

/* Keyword.Constant */
.kd { color: #000000; font-weight: bold; }

/* Keyword.Declaration */
.kn { color: #a71d5d; font-weight: bold; }

/* Keyword.Namespace */
.kp { color: #000000; font-weight: bold; }

/* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold; }

/* Keyword.Reserved */
.kt { color: #445588; font-weight: bold; }

/* Keyword.Type */
.m { color: #009999; }

/* Literal.Number */
.s { color: #183691; }

/* Literal.String */
.na { color: #008080; }

/* Name.Attribute */
.nb { color: #0086B3; }

/* Name.Builtin */
.nc { color: #445588; font-weight: bold; }

/* Name.Class */
.no { color: #008080; }

/* Name.Constant */
.nd { color: #3c5d5d; font-weight: bold; }

/* Name.Decorator */
.ni { color: #800080; }

/* Name.Entity */
.ne { color: #990000; font-weight: bold; }

/* Name.Exception */
.nf { color: #990000; font-weight: bold; }

/* Name.Function */
.nl { color: #990000; font-weight: bold; }

/* Name.Label */
.nn { color: #555555; }

/* Name.Namespace */
.nt { color: #000080; }

/* Name.Tag */
.nv { color: #008080; }

/* Name.Variable */
.ow { color: #a71d5d; font-weight: bold; }

/* Operator.Word */
.w { color: #bbbbbb; }

/* Text.Whitespace */
.mf { color: #0086b3; }

/* Literal.Number.Float */
.mh { color: #0086b3; }

/* Literal.Number.Hex */
.mi { color: #0086b3; }

/* Literal.Number.Integer */
.mo { color: #0086b3; }

/* Literal.Number.Oct */
.sb { color: #d01040; }

/* Literal.String.Backtick */
.sc { color: #d01040; }

/* Literal.String.Char */
.sd { color: #d01040; }

/* Literal.String.Doc */
.s2 { color: #d01040; }

/* Literal.String.Double */
.se { color: #d01040; }

/* Literal.String.Escape */
.sh { color: #d01040; }

/* Literal.String.Heredoc */
.si { color: #d01040; }

/* Literal.String.Interpol */
.sx { color: #d01040; }

/* Literal.String.Other */
.sr { color: #009926; }

/* Literal.String.Regex */
.s1 { color: #d01040; }

/* Literal.String.Single */
.ss { color: #990073; }

/* Literal.String.Symbol */
.bp { color: #999999; }

/* Name.Builtin.Pseudo */
.vc { color: #008080; }

/* Name.Variable.Class */
.vg { color: #008080; }

/* Name.Variable.Global */
.vi { color: #008080; }

/* Name.Variable.Instance */
.il { color: #009999; }

/* Literal.Number.Integer.Long */
pre { white-space: pre; overflow: auto; }

footer { margin: 0 auto; background-color: white; max-width: 1015px; height: 40px; }
footer .social .github-link { position: relative; margin: 5px; float: left; z-index: 2; }
footer .social .github-link path { fill: #585A5B; }
footer .social .github-link svg:hover path { fill: #DD7B0F; }
footer .social .mailto-link { position: relative; margin: 5px; float: left; z-index: 2; }
footer .social .mailto-link #mail-icon { fill: white; }
footer .social .mailto-link #mail-circle { fill: #585A5B; }
footer .social .mailto-link svg:hover #mail-circle { fill: #DD7B0F; }
footer .social .rss-feed { position: relative; margin: 5px; float: left; z-index: 2; fill: #585A5B; }
footer .social .rss-feed #rss-icon { fill: white; }
footer .social .rss-feed svg:hover #rss-circle { fill: #DD7B0F; }
footer .copy { color: #585A5B; position: relative; top: 35%; font-size: 11px; text-align: center; z-index: 1; }

body .quicktips { display: table; border-collapse: separate; border-spacing: 0 0.1cm; width: 100%; }
body .quicktips .quicktips-link { display: table-row; color: #585A5B; text-decoration: none; padding-bottom: -5px; }
body .quicktips .quicktips-link:hover { color: #DD7B0F; background: #efdfb3; }
body .quicktips .quicktips-link:hover .tags .tag { border-color: #DD7B0F; }
body .quicktips .table-cell { display: table-cell; }
body .quicktips .tags { margin: 0; padding-right: 15px; padding-bottom: 5px; padding-left: 8px; }
body .quicktips .tags .tag { width: 60px; font-size: 12px; display: block; }

body #disqus_thread { background: white; margin-top: 15px; padding: 10px; }