/*!
Theme Name: Job Satisfaction
Author: Jesse Fivey
Author URI: http://jessefivey.com
Description: Theme for Job Satisfaction webcomic
*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}cite,em,i{font-style:italic}a{text-decoration:none}ul{list-style:none}ol{list-style-type:decimal}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dl{margin:0 1.25em}dt{font-weight:700}dd{margin-bottom:1.25em}body{line-height:1.625em;background:url(images/bgpattern.png) 50% #7b697f;background-size:10%;min-height:100vh;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;min-width:600px}body,input,textarea{color:#48e3ff;font-family:Open Sans,sans-serif}p{margin-bottom:1.25em;line-height:1.5em}img{max-width:100%}a{font-weight:700;color:#6b6a9c}a:focus,a:hover{color:#5652ab}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25em;font-family:Amaranth,sans-serif;text-transform:uppercase}article ul{list-style:disc inside;margin-left:1em;padding-left:1em;text-indent:-1em;margin-bottom:1.25em}.alignleft{display:inline;float:left;margin-right:1.625em}.alignright{display:inline;float:right;margin-left:1.625em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;zoom:1}.screen-reader{position:absolute!important;clip:rect(1px 1px 1px 1px)}#skyscraper,.horz-container,img#wpstats{display:none}body{padding:0 1%}#header-main{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;width:100%;font-size:1.5em}#logo{background:url(images/logo.png) 50% no-repeat;background-size:contain;margin:0;height:100px}#logo-link{flex:4}#show-navigation-link{display:block;text-align:right;font-family:Amaranth,sans-serif}#menu-main{position:relative;flex:5;background-color:#000}#menu-main-list{list-style:none;text-align:right;display:none;font-family:Amaranth,sans-serif}#menu-main-list li,#menu-main-list li ul li{display:block}#menu-main-list a,#show-navigation-link{display:block;padding:5px 10px;color:#48e3ff;text-transform:uppercase;font-weight:100}#menu-main-list a:active,#menu-main-list a:focus,#menu-main-list a:hover,#menu-main-list li.current-menu-item>a{color:#6b6a9c}#menu-main-list li ul a{padding:0 10px}#menu-main-list li ul{display:none;width:100%;padding:5px 0 10px;background:#000;text-align:left;z-index:100}#sibling-container{display:block;flex-basis:100%}#sibling-container ul{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}#sibling-container ul li{padding:.25em 1em 0;font-size:.75em}#sibling-container ul li:first-line{padding-top:0}#submenu-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:circle;flex-wrap:wrap}.submenu-item{flex-basis:25%;display:block;text-align:center;padding-bottom:.5em;text-transform:uppercase}.submenu-item a{color:#48e3ff}.submenu-item.active a,.submenu-item a:active,.submenu-item a:hover{color:#6b6a9c}.no-js #menu-main-list{display:block}.no-js #show-navigation-link{display:none}.no-js #menu-main-list li:hover>ul,.no-js #menu-main-list li>a:focus+ul,.no-js #menu-main-list li>a:hover+ul{display:block}#page{flex:1 0 auto}hr{margin:0;height:4em;border:none;background:url(images/circles.png) 50% no-repeat;background-size:contain;position:relative}hr:before{left:2em}hr:after,hr:before{content:"";display:block;background-color:#fff;width:calc(50% - 6em);height:.25em;position:absolute;top:1.875em;border-radius:2em}hr:after{right:2em}#main{position:relative;padding:1em 4%}#main.front-page{background-color:transparent}#comic-container,#secondary{background-color:#000}#author-comments{background-color:#000;padding:.5em 5%}.entry-title a{color:#48e3ff}h1.comic-title{margin-bottom:0}div.post-date,h1.comic-title{text-align:center;text-transform:uppercase}dl{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:0}dl dd:nth-child(2),dl dt:first-child{color:#6b6a9c;text-transform:lowercase}dt{text-align:right;max-width:25%;flex-basis:25%;font-size:1.25em;font-weight:400}[dir=ltr] dd{margin-left:2vw}[dir=rtl] dd{margin-right:2vw}dd{flex-basis:65%;-webkit-margin-start:2vw}.wp-block-column h2{margin:0 auto;text-align:center;border-radius:6em;border:6px double #000;width:5em;background-color:#000;line-height:0;padding:2.5em 0;overflow:hidden;text-transform:lowercase;font-weight:400;height:0!important}.wp-block-column h2:first-letter,dl dd:nth-child(2):first-letter,dl dt:first-child:first-letter{font-size:1.5em;line-height:0}.wp-block-image{margin:0 0 1em}#main.comic-archive{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap}#main.comic-archive .entry-title,header.volume-titles{width:100%}.chapter-heading,.entry-title{text-align:center;width:100%}.volume-heading{flex-grow:100;text-align:center;max-width:33%;margin-bottom:1.75em}.active{color:#6b6a9c}#pages-wrapper{text-align:justify}.comic-list{flex-basis:16%;padding:0 1.6666666% 30px;text-align:center;box-sizing:border-box}.page-list{padding:0 1% 30px}h6.chapter-heading{font-size:1.25em}.comic-list img{max-width:100%;height:auto;border:2px solid #4f4f65}#creators hr{margin:1em 0}.bio-block h2{font-size:1.5em;text-transform:lowercase;font-style:normal;text-align:center}.bio-block h2:first-letter{font-size:1.675em}.bio-block h2 .bio-title{font-style:italic;color:#6b6a9c}.bio-block strong{text-transform:lowercase;font-size:.75em;font-style:normal}.bio-image{width:12vw;height:12vw;border-radius:12vw;overflow:hidden;background-size:cover;margin:0 auto}#secondary{padding:0 50px;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 5px}#secondary>*{flex-basis:20%}.store-block{background-color:#6b6a9c;margin:.5em 1em;position:relative;box-sizing:border-box;background-size:cover;background-position:50%;background-repeat:no-repeat}.store-link{color:#48e3ff;font-size:1.25em;text-transform:uppercase;line-height:0;padding:7vw 0;display:block;width:100%;text-align:center}#secondary{padding:1em 2%;text-align:center}#networking-wrapper{display:inline-block;width:100%}.networking-label{display:block;margin:.5em 0 1em;color:#6b6a9c;font-size:1.25em}.networking-icons{padding:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.networking-icons li{display:inline-block;flex-basis:50%;height:7vw}.networking-icons li a{display:block;text-indent:-9999px;width:100%;height:100%;position:relative;font-size:0}.networking-icons li a:active:after,.networking-icons li a:hover:after{opacity:0}.networking-icons li a:active:before,.networking-icons li a:hover:before{opacity:1}.networking-icons .twitter-icon a:before{content:"";display:block;background:url(images/twitter-hov.png) 50% no-repeat;position:absolute;top:0;background-size:contain;width:100%;height:100%;margin:0;opacity:0}.networking-icons .twitter-icon a:after{background:url(images/twitter-reg.png) 50% no-repeat;background-size:contain}.networking-icons .tumblr-icon a:before,.networking-icons .twitter-icon a:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}.networking-icons .tumblr-icon a:before{background:url(images/tumblr-hov.png) 50% no-repeat;background-size:contain;opacity:0}.networking-icons .tumblr-icon a:after{background:url(images/tumblr-reg.png) 50% no-repeat;background-size:contain}.networking-icons .curious-icon a:before,.networking-icons .tumblr-icon a:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}.networking-icons .curious-icon a:before{background:url(images/curiouscat-hov.png) 50% no-repeat;background-size:contain;opacity:0}.networking-icons .curious-icon a:after{background:url(images/curiouscat-reg.png) 50% no-repeat;background-size:contain}.networking-icons .curious-icon a:after,.networking-icons .home-icon a:before{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}.networking-icons .home-icon a:before{background:url(images/website-hov.png) 50% no-repeat;background-size:contain;opacity:0}.networking-icons .home-icon a:after{background:url(images/website-reg.png) 50% no-repeat;background-size:contain}.networking-icons .email-icon a:before,.networking-icons .home-icon a:after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}.networking-icons .email-icon a:before{background:url(images/email-hov.png) 50% no-repeat;background-size:contain;opacity:0}.networking-icons .email-icon a:after{background:url(images/email-reg.png) 50% no-repeat;background-size:contain}.networking-icons .email-icon a:after,.networking-icons .rss-icon a:before{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}.networking-icons .rss-icon a:before{background:url(images/rss-hov.png) 50% no-repeat;background-size:contain;opacity:0}.networking-icons .rss-icon a:after{content:"";display:block;background:url(images/rss-reg.png) 50% no-repeat;position:absolute;top:0;background-size:contain;width:100%;height:100%;margin:0}#kofi-button{position:relative;height:7vw;text-indent:-99999px;display:block;margin:0 auto}#kofi-button:before{background:url(images/ko-fi-hov.png) 50% no-repeat;background-size:contain;opacity:0}#kofi-button:after,#kofi-button:before{content:"";display:block;position:absolute;top:0;width:100%;height:100%;margin:0}#kofi-button:after{background:url(images/ko-fi-reg.png) 50% no-repeat;background-size:contain}#kofi-button:active:after,#kofi-button:hover:after{opacity:0}#kofi-button:active:before,#kofi-button:hover:before{opacity:1}.page-list{height:50vw}.page-list.invisible:nth-last-child(-n+5){display:none}#news-title{margin-bottom:5px}#news-title h1.comic-title{margin:.5em 0}#author-comments{padding:1em 1em 2em}.post-date{text-align:center;display:block}#events-list{padding:2%}#events-label{font-size:1.5em;text-align:center;margin:.5em 0;text-transform:lowercase;color:#6b6a9c}#user-comments{padding:0 1em 3em;background-color:#000}ol.commentlist{list-style:none;padding:0}li.comment .comment-body{border:2px solid #4f4f65;padding:1em;margin-bottom:1em}div.reply{text-align:right}form#commentform label{display:block}form#commentform input,form#commentform textarea{display:block;width:100%;background-color:#4f4f65}p.form-submit input{font-size:1.25em}#preload-first{background:url(images/first-hov.png) no-repeat -9999px -9999px}#preload-back{background:url(images/back-hov.png) no-repeat -9999px -9999px}#preload-next{background:url(images/next-hov.png) no-repeat -9999px -9999px}#preload-last{background:url(images/last-hov.png) no-repeat -9999px -9999px}nav.comic-nav-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row;margin:0 auto;z-index:99999!important;text-align:center;font-size:2em;text-transform:uppercase;font-family:Amaranth,sans-serif;font-weight:100}nav.comic-nav-buttons a{color:#48e3ff;font-weight:700}nav.comic-nav-buttons a:hover{color:#6b6a9c}nav.comic-nav-buttons span{color:#7b697f}.comic-nav-base{flex:2}nav.comic-nav-buttons hr{display:table-cell;vertical-align:middle}#comments-link{display:none;text-transform:uppercase;font-size:2em}#comments-link,#footer-main{margin-top:2em;text-align:center}#footer-main{width:100%;background:#000;position:relative;border-top:4px solid #4f4f65;flex-shrink:0;padding:.75em 0}#footer-main:before{right:100%}#footer-main:after,#footer-main:before{content:"";display:block;position:absolute;top:-4px;height:100%;width:999px;background-color:#000;border-top:4px solid #4f4f65}#footer-main:after{left:100%}body{max-width:1000px;margin:auto}#header-main{position:relative;display:block;padding:1.25em 0 0;background:-webkit-gradient(linear,left top,left bottom,from($border_color),to($body_color));background:linear-gradient(#4f4f65,#7b697f);margin-bottom:3em}#header-main:before{right:100%}#header-main:after,#header-main:before{content:"";display:block;position:absolute;top:0;height:100%;width:999px;background:-webkit-gradient(linear,left top,left bottom,from($border_color),to($body_color));background:linear-gradient(#4f4f65,#7b697f)}#header-main:after{left:100%;z-index:-1}#menu-wrapper{position:relative}#menu-main{border-bottom:4px solid #4f4f65}#menu-main:before{right:100%}#menu-main:after,#menu-main:before{content:"";display:block;position:absolute;top:0;height:100%;width:999px;background-color:#000;border-bottom:4px solid #4f4f65}#menu-main:after{left:100%}h1#logo{height:13vw;width:100%;background-position:top}#menu-main-list{font-size:1.25em;padding:.375em 0;margin:0}#sibling-container{display:none}#lower,#main{background-color:#000}#lower{margin-top:5em}#lower,#main{border:4px solid #4f4f65}#page.comic-page #main{padding-top:2em;padding-bottom:2em}#main.comic-archive{padding:2em 2vw}#main.comic-archive img{border:2px solid #4f4f65;box-sizing:border-box}#comic{background:#000;padding:2vw}#comic img{display:block}#secondary{padding:1vw 2vw;flex:1;margin:0 0 7px;font-size:1.5vw}#news-title{width:100%;margin-bottom:7px}#author-comments .comic-content{padding:0 1em;text-indent:0;flex-basis:75%}#events-list{background-color:#48e3ff;flex-basis:25%;color:#7b697f;padding:.5em 1em}.front-page #comments-link{display:block}#kofi-button,.networking-icons li{height:5vw}.store-link{padding:5vw 0}.comic-archive-chaptered .comic-list{display:-webkit-box;display:-ms-flexbox;display:flex}.comic-archive-chaptered .comic-list a:first-child{flex:2}.comic-archive-chaptered .comic-list a:last-child{flex:1}.chapter-heading{color:#48e3ff;position:relative;top:calc(50% - 3em);left:2em}.page-list{display:inline-block;padding:1em 2%;height:11vw}.page-list img{max-width:150px}.page-list.invisible{height:0;padding:0 2%}.page-list.invisible .hidden-child{width:11vw;max-width:150px}.page-list.invisible:nth-last-child(-n+5){display:inline-block}.page-list a{display:block;height:100%}.page-list img{height:100%;width:auto}#creators{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:4em 10vw}.bio-block{flex-basis:50%;padding:0 5%;box-sizing:border-box;font-size:1.125em;font-style:italic}.bio-block ol{padding-left:1em}.bio-block .networking-icons li{height:3em}#creators hr{width:70vw;position:relative;left:50%;margin:3em 0 3em -35vw}#creators hr:last-child,#creators hr:nth-child(4n+2){display:none}#skyscraper{margin:0 20px}#show-navigation-link{display:none}#menu-main-list{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}#menu-main-list li{display:inline-block;position:relative;text-align:center;flex:auto}