@charset "UTF-8";
pre { border: 1px solid #ccc; border-radius: 0.5rem; background-color: #f5f5f5; font-weight: normal; font-size: 1.6rem; padding: 1.5rem; overflow: auto; }

html { font-size: 62.5%; font-family: 'Nunito', sans-serif; font-weight: lighter; }

body { font-size: 1.8rem; color: rgba(18, 18, 18, 0.87); background-color: #fdfdfd; }

blockquote { display: block; border-width: 0.2rem 0; border-style: solid; border-color: #eee; padding: 1.5rem 0 0.5rem; margin: 1.5rem 0; position: relative; text-align: center; font-style: italic; }
blockquote:before { content: '\201C'; position: absolute; top: 0rem; left: 50%; transform: translate(-50%, -50%); background: #fdfdfd; width: 4rem; height: 4rem; margin: 0; padding: 0; font: 5em/1em 'PT Sans', sans-serif; color: #666; text-align: center; }
blockquote:after { content: "– " attr(cite); display: block; text-align: right; font-size: 0.875em; color: #666; }

header { background-color: #101010; }
header .header-content { margin: 0 auto; padding: 1.2rem 0; border-bottom: 0.133rem solid #333; font-weight: bold; width: 100%; max-width: 1000px; }
header .header-content a:hover { text-decoration: none; }
header .header-content .logo { display: block; text-transform: uppercase; padding-left: 1.2rem; }
header .header-content .logo .logo-text { color: #ffffff; text-align: center; display: inline-block; vertical-align: middle; padding-left: 1rem; }
header .header-content .logo .face { width: 8rem; height: 8rem; border-radius: 50%; vertical-align: middle; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); display: inline-block; }

@media (max-width: 800px) { nav { width: 100%; }
  nav .nav-title { display: none; }
  nav ul { text-align: center; overflow: hidden; }
  nav ul li { display: inline-block; padding: 0 1rem; } }
@media (min-width: 800px) { nav { width: 25%; float: left; display: block; }
  nav a { display: block; margin: 0.5rem 0; } }
nav ul { list-style: none; }

.wrap { position: relative; width: 90%; max-width: 1000px; margin: 0 auto; padding-bottom: 60px; }

@media (min-width: 800px) { .content { width: 70%; float: right; } }

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

h1 { font-family: "Lato", "Ubuntu", sans-serif; font-weight: lighter; line-height: 1.3; color: #333; text-align: center; }

footer { color: #aaaaaa; border-top: 1px solid #d5d5d5; margin-top: 2rem; width: 90%; font-size: .8em; text-align: center; }

.centered { text-align: center; font-size: 2em; }

.emailquote { margin-left: 2rem; font-family: monospace; font-style: italic; padding-left: 1rem; line-height: 1.8rem; border-left: 0.5rem solid #666; }

.email-signup { text-align: center; }
.email-signup h3 { font-weight: lighter; }
.email-signup p { font-weight: 50 !important; }

.profile-pic { border-radius: 50%; width: 10em; height: 10em; margin: auto; display: block; }

.footnotes { font-size: small; }

.post-list h1 { margin-bottom: 0; }

code.highlighter-rouge { color: #d01040; background-color: #e5e5e5; }

.post-image { width: 100%; }

.post-list { margin-top: 2rem; }
.post-list :hover { background-color: #f4f4f4; }
.post-list a { color: rgba(18, 18, 18, 0.87); }
.post-list a :hover { text-decoration: none; }
.post-list .post-item { padding: 4rem 0 2rem 0; border-top: 1px solid #d5d5d5; overflow: auto; }
.post-list .post-item .post-header .post-cover { height: auto; width: 20rem; margin-right: 1rem; }
.post-list .post-item .post-header .post-title { margin-top: 0; font-size: 2rem; font-weight: bold; }
.post-list .post-item .post-header .post-date { font-size: 1.5rem; }
.post-list .post-item .post-description { font-size: 1.6rem; }
.post-list .post-item .post-header { display: inline; }
.post-list .post-item .post-header img { height: 20rem; float: left; }

.book-list { margin-top: 2rem; }
.book-list .book-item { padding: 4rem 0 2rem 0; border-top: 1px solid #d5d5d5; overflow: auto; }
.book-list .book-item a { text-decoration: none; }
.book-list .book-item .book-header { overflow: auto; }
.book-list .book-item .book-header .book-cover { height: auto; width: 20rem; margin-right: 1rem; }
.book-list .book-item .book-header .book-title { font-size: 2rem; font-weight: bold; }
.book-list .book-item .book-header .book-author { font-size: 1.5rem; }
.book-list .book-item .book-buy { text-align: center; }
.book-list .book-item .book-header { display: inline; }
.book-list .book-item .book-header img { height: 20rem; float: left; }