html, body { height: 100%; }
body {
 margin: 0px;
 overflow-x: hidden;
 background-color: #f2f4f4;
 background-image: url("paper_fibers.png");
 font-smooth: always;
}
#wrapper {
 padding: 0 0 20px;
 min-height: 100%;
 box-sizing: border-box;
 position: relative;
}
a[href^="http:"], a[href^="https:"], a[href^="mailto:"] {
 target: new tab;
}
pre {
 font-size: 12px;
 line-height: 14px;
 font-family: 'Source Code Pro', monospace;
 overflow-y: hidden;
}
.no-css {
 display: none;
}
.content {
 position: relative;
 /*top: 40px;*/
 /*margin-top: 40px;*/
 padding-top: 40px;
 padding-bottom: 20px;
 width: 100%;
 font-family: 'Open Sans', 'Verdana', sans-serif;
}
.content .pad {
 padding: 8px;
}
h1, h2 {
 margin: 0px;
}

/* header & menu */
.header {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
}
.menu {
 font-family: 'Open Sans', 'Verdana', sans-serif;
 border-bottom: 1px solid #cccccc;
 /*height: 40px;*/
 width: 100%;
 vertical-align: top;
 padding: 0;
 font-size: 0;
}
.menu li {
 border-right: 1px solid #cccccc;
 height: 40px;
 display: inline-block;
 list-style: none;
 font-size: 20px;
 font-weight: 300;
 padding: 0;
}
.menu li.title {
 font-weight: 400;
}
.menu li a, .menu li span {
 display: block;
 height: 40px;
 padding: 0 10px;
 line-height: 40px;
 color: inherit;
 text-decoration: none;
 transition:background-color 200ms, color 200ms;
 -webkit-transition:background-color 200ms, color 200ms;
 overflow: hidden;
}
.menu li.menu-notice {
 float: right;
 right: 0px;
 padding: 0px;
 font-size: 15px;
 line-height: 40px;
 border-right: none;
 border-left: 1px solid #cccccc;
}
.icon-tvguho {
 width: 32px;
 height: 40px;
 text-indent: -9999px;
 white-space: nowrap;
 overflow: hidden;
 background: url("github.png") center no-repeat;
}

/* footer */
.footer {
 height: 20px;
 box-sizing: border-box;
 width: 100%;
 bottom: 0;
 position: absolute;
 font-family: 'Open Sans', 'Verdana', sans-serif;
 background-color: #e8eeff;
 border-top: 1px solid #cccccc;
 font-size: 80%;
 line-height: 14px;
 padding: 3px;
}

/* post index */
.post-info {
 font-size: 80%;
}
.post-list {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
.post-list li, .post-list li * {
 width: auto;
}
.post-list .entry {
 border-bottom: 1px solid #cccccc;
}
.post-list .entry a {
 display: block;
 padding: 0 10px;
 line-height: 40px;
 width: auto;
 font-weight: 300;
 transition:background-color 200ms, color 200ms;
 -webkit-transition:background-color 200ms, color 200ms;
}
.pagination {
 margin-top: 32px;
 border-top: 1px solid #cccccc;
}
.pagination a {
 display: inline-block;
 line-height: 40px;
 padding: 0 10px;
}

/* article pages */
h1, h2, h3, h4 {
 font-family: 'Rokkitt', serif;
 font-weight: 700;
}
h1 {
 font-size: 200%;
}
h2 {
 font-size: 140%;
}
h3, h4 {
 font-size: 100%;
}
.post-header {
 padding: 12px 0px 0px 12px;
}
.post-info {
 font-size: smaller;
}
.post-tags {
 font-family: 'Rokkitt', serif;
}
.post-tags ul {
 display: inline;
 list-style-type: none;
 padding: 0px;
}
.post-tags li {
 display: inline;
}
.post-tags li:first-child:before {
 content: "tagged ";
}
.post-tags li:after {
 content: ", ";
}
.post-tags li:last-child:after {
 content: "";
}
.article {
 max-width: 800px;
 font-family: Georgia, serif;
 font-weight: 400;
 padding: 0px 12px 0px 12px;
}
.codehilitetable {
 background-color: #ffffff;
 border-radius: 4px;
}
.codehilitetable pre {
 margin: 0px 0px;
 padding: 0px;
}
.codehilite pre {
 margin: 0px 0px;
 padding: 0px;
 overflow-x: auto;
}
.codehilite {
 background-color: #ffffff;
 border-radius: 4px;
 padding: 4px;
}
.codehilitetable .codehilite {
 border-radius: 0px;
 padding: 0px;
}
.article a {
 font-weight: bold;
}

/* colouring, in theory */
.menu {
 background-color: #e8eeff;
}
a {
 color: #37456e;
 text-decoration: none;
}
a:hover {
 color: #6375a8;
}
.menu a:hover {
 color: #37456e;
 background-color: #e1e8fc;
}
.post-list .entry a {
 background-color: rgba(232, 238, 255, 0);
}
.post-list .entry a:hover {
 color: #37456e;
 background-color: rgba(232, 238, 255, 1);
}

table.codehilitetable {
 width: 100%;
}

td.code {
 max-width: 100%;
}

td.linenos {
 vertical-align: top;
}

/* rokkitt-700 - latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 700;
  src: url('rokkitt-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Rokkitt Bold'), local('Rokkitt-Bold'),
       url('rokkitt-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('rokkitt-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('rokkitt-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('rokkitt-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('rokkitt-v10-latin-700.svg#Rokkitt') format('svg'); /* Legacy iOS */
}
/* source-code-pro-regular - latin_latin-ext */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('source-code-pro-v6-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro'), local('SourceCodePro-Regular'),
       url('source-code-pro-v6-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-code-pro-v6-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-code-pro-v6-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('source-code-pro-v6-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-code-pro-v6-latin_latin-ext-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* source-code-pro-700 - latin_latin-ext */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: url('source-code-pro-v6-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'),
       url('source-code-pro-v6-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-code-pro-v6-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-code-pro-v6-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('source-code-pro-v6-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-code-pro-v6-latin_latin-ext-700.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans-v13-latin_greek_cyrillic-ext_vietnamese_greek-ext_latin-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}