html, body { height: 100%; margin: 0px; padding: 0px; overflow: auto; }

a { padding: 0 4px; }

a:link, a:visited { color: #FB6964; text-decoration: none; }

a:hover, a:active { color: #F0F1EE; background-color: #FB6964; text-decoration: none; }

a.img-link { background-color: transparent; }

.container, #footer-container, #header-container, #content-container { width: 96%; padding: 2%; float: left; clear: both; }

img { max-width: 100%; }

table, th, td { border: 1px solid black; padding: 1em; text-align: center; }

/*************************************************************************/
#content-container { background-color: #F0F1EE; }

main { font-family: "Roboto Mono", Monaco, monospace; font-size: 17px; line-height: 28px; min-width: 300px; width: 75%; margin: 0 auto; }

pre, code { font-family: "Roboto Mono", Monaco, monospace; }

hr { margin: 35px 20px; }

article h1, article h2, article h3 { margin: 40px 0; line-height: 1.2em; }

article p { margin: 1.5em 0; }

.page-header, .month-header, .site-title { padding: 0 4px 0 4px; color: #F0F1EE; background-color: #1352A2; font-family: "Roboto Mono", Monaco, monospace; font-size: 25px; line-height: 35px; font-weight: normal; }

.site-title a { background-color: transparent; text-decoration: none; }

.site-title a:link, .site-title a:visited { color: #F0F1EE; }

.site-title a:hover, .site-title a:active { color: #F0F1EE; }

.classification { display: block; }

.classification h4 { display: inline; }

.classification ul { display: inline; padding: 0; }

.classification ul li { display: inline; list-style-type: none; }

.classification ul li:after { content: "/ "; }

.classification ul li:last-child:after { content: none; }

:not(pre) > code { background: #cccccc; padding: 3.5px; }

pre { overflow: auto; word-wrap: normal; white-space: pre; padding: 1px 5px; }

blockquote { border: 2px solid #888888; padding-left: 1em; }

/*************************************************************************/
#header-container { background: #F0F1EE; }

img#portrait { width: 100px; height: 100px; border: 0px; border-radius: 10px; }

#project-links { margin-top: 1em; margin-bottom: 1em; }

#project-links p { margin-bottom: -1em; font-family: "Roboto Mono", Monaco, monospace; font-weight: bold; font-size: 17px; }

/*************** index/archive/category pages *****************/
.month-header { font-size: 20px; }

#post-title { font-family: "Roboto Mono", Monaco, monospace; font-size: 25px; line-height: 50px; }

#teaser { width: 90%; margin: 0 auto; }

ul.archive-posts, ul.category-posts, ul.tag-posts { padding: 0; margin: 10px 0 0 0; list-style-type: none; }

/**************************************************************/
.light-box, #copyright, #atom-feed, #rss-feed, #tags, #cats, #latest, .pagination { display: inline-block; padding: 5px; background-color: #F0F1EE; box-shadow: 10px 10px 5px #888888; }

#footer-container { background-color: #212029; padding-top: 20px; padding-bottom: 40px; font-family: "Roboto Mono", Monaco, monospace; font-weight: bold; font-size: 14px; }

footer { position: relative; width: 525px; margin: 0 auto; }

.pagination { display: block; width: 260px; margin: 0 auto; padding: 10px; margin-bottom: 20px; text-align: center; }

#latest { display: block; width: 450px; margin: 0 auto; margin-bottom: 20px; text-align: center; }

#cats-and-tags-and-feeds { position: relative; display: block; width: 525px; height: 100%; margin: 0 auto; margin-bottom: 20px; text-align: center; }

#cats { margin-right: 10px; margin-bottom: 10px; vertical-align: top; }

#tags { margin-right: 10px; }

#feeds { display: inline-block; vertical-align: top; margin-top: -18px; }

#rss-feed { display: block; padding: 10px; }

#atom-feed { display: block; padding: 10px; }

#copyright { display: block; width: 200px; margin: 0 auto; text-align: center; }

/*# sourceMappingURL=sodaflower.css.map */