@import "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700";*{margin:0;padding:0}img{border:none}body{background-color:#81DBFE;font-family:"Open Sans", "Lucida Grande", Arial, sans-serif;font-size:15px;min-width:1099px}body.transitioning:not(.preload),body.transitioning:not(.preload) *{-webkit-transition:background-color 0.25s, border-color 0.25s, background-image 0.25s;transition:background-color 0.25s, border-color 0.25s, background-image 0.25s}body.transitioning:not(.preload){-webkit-transition:background-color 0.25s, color 0.25s}article{width:825px;margin:auto}h1,h2,h3,h4,h5,h6{font-weight:bold}p{margin-bottom:10px}h1.page-header,h2.page-header,h3.page-header,h4.page-header,h5.page-header,h6.page-header{background-color:#DDEAD7;padding:2px 10px;margin-bottom:10px;font-size:22.5px}.instructions{text-align:center;margin:15px 0;font-style:italic}.smalltext{font-size:12px}.tinytext{margin-bottom:5px;font-size:9px}.tinyheader{font-size:10px;margin-bottom:4px;text-align:center;text-transform:uppercase}.clear{clear:left}.float-left{float:left;margin-right:10px}.center{text-align:center;margin:auto}[hidden]{display:none}.main-container{width:1079px;margin:auto;background-color:#fff;-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.5);box-shadow:0px 0px 3px 1px rgba(0,0,0,0.5);overflow:visible}.banner{width:1099px;height:260px;padding-top:10px;position:relative;z-index:105;margin-left:-10px;background:transparent url("http://cdn.twokinds.keenspot.com/img/2017header_day.png") 0 10px no-repeat;text-indent:105%;white-space:nowrap;overflow:hidden}.content-area{display:flex;flex-flow:nowrap;align-items:stretch;position:relative;z-index:100;margin-top:-23px;padding-top:11px;height:100%;margin-bottom:15px}.menu{font-size:14px;margin-bottom:10px}.menu a{color:#000;display:block;list-style-type:none;width:160px;background-color:#effff2;border-radius:4px;text-transform:uppercase;margin:3px auto;overflow:hidden;padding:3px 0;text-decoration:none;cursor:pointer;position:relative}.menu a:hover{background-color:#fff}.menu a.menu-new:after{content:"New";display:inline-block;width:26px;background-color:#7BA181;color:#FFF;font-size:0.7em;position:absolute;top:6px;left:-6px;transform:rotate(-90deg)}.sidebar{display:inline-block;flex:0 0 200px;display:flex}.sidebar-content{width:167px;padding:11px 4px 7px 4px;text-align:center;border-radius:0 0 5px	 5px;margin-left:12px;background-color:#d1e5d4}.sidebar-content .full-width-img{margin-left:-5px}.sidebar-natani{position:absolute;bottom:0;width:200px;height:521px;background:url("http://cdn.twokinds.keenspot.com/img/chars_menu.png") 0 100% no-repeat}.incentive{width:160px;margin:auto;margin-bottom:10px}.incentive .tinytext{margin-bottom:2px}.paypal{margin-bottom:20px;margin:auto}.paypal-btn{display:inline-block;height:26px;width:92px;background:url("http://cdn.twokinds.keenspot.com/img/pixmap.png") 0 -32px no-repeat}.social{height:32px;margin-bottom:10px}.social a{display:inline-block;background-image:url("http://cdn.twokinds.keenspot.com/img/pixmap.png");height:32px;width:32px;margin:0 1px}.social .patreon{background-position:-96px 0}.social .twitter{background-position:0 0}.social .facebook{background-position:-64px 0}.social .rss{background-position:-32px 0}.content{flex:1 1 auto;position:relative;z-index:102;display:inline-block;padding:10px 15px;padding-top:11px;margin-right:11px;overflow:visible;border:1px solid #ccc;border-radius:0 0 5px 5px}.content li{margin-bottom:5px;list-style-position:inside;margin-left:30px;margin-right:30px}.content ul{margin-bottom:10px}.content table{border:1px solid #000;border-collapse:collapse;margin:auto;margin-bottom:10px}.content th{background-color:#DDEAD7}.content th,.content td{padding:2px 7px;border:1px solid #000}.content-bottom{width:1079px;height:4px;margin-bottom:15px}.abg-sidebar{height:614px;width:160px;margin:auto;overflow:hidden;background:url("http://cdn.twokinds.keenspot.com/img/tower_placeholder.png") 0 0 no-repeat}.abg-sidebar .advertisement{padding-top:14px;background:transparent url("http://cdn.twokinds.keenspot.com/img/advert_blk.gif") 50% 4px no-repeat}.av2{margin:auto;width:300px;height:268px;overflow:hidden;margin-bottom:3px}.av2-child{position:relative;width:300px;height:250px;overflow:hidden}.av2-child .advertisement{position:absolute;top:0;left:0;z-index:1000;background-color:#fff}.ad-top{margin:auto;height:90px;width:728px;padding:5px 14px;background:url("http://cdn.twokinds.keenspot.com/img/advert_blk_rot.gif") 4px 50% no-repeat;overflow:hidden}.keenspot{height:337px;width:160px;margin:auto;text-align:left}.bottom{border:1px solid #ccc;border-radius:5px;width:1039px;margin:auto;min-height:350px;padding:8px 8px;margin-bottom:10px}.bottom .bottom-left{width:160px;margin-right:12px;float:left}.bottom .bottom-ctr{width:555px;overflow:hidden;float:left;margin-right:12px}.bottom .bottom-ctr .twitter-box{height:337px;overflow:hidden}.bottom .bottom-right{width:300px;float:left}.bottom iframe[id^='twitter-widget-']{width:100% !important}.bottom .donate-box{width:300px;height:250px;position:absolute;top:0;left:0;z-index:999}.bottom .rec-comic{width:285px;margin:0 auto}.bottom .rec-comic-row{clear:both;margin-bottom:3px;height:31px}.bottom .rec-comic-btn{float:left;width:88px;height:31px;margin:0 3px;background-color:#ccc}footer{text-align:center;font-size:12px}.footer-img{width:100%;height:89px;background:transparent url("http://cdn.twokinds.keenspot.com/img/footer.png") 50% 0 no-repeat;margin-top:5px}.fanart-list{text-align:center}.fanart-list .fanart-item{display:inline-flex;flex-direction:column;font-size:12px;padding:10px;border:1px solid #cccccc;width:110px;height:125px;overflow:hidden}.fanart-list .fanart-item .thumbnail{flex:0 0 auto;margin-bottom:5px}.fanart-list .fanart-item .thumbnail img{width:75px;height:75px}.fanart-list .fanart-item .detail{flex:1 0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.comic{text-align:center;margin:auto}.comic h1{font-weight:normal;font-size:18px;margin-bottom:5px}.comic header{margin-bottom:15px}.comic .transcript{text-align:left;margin-top:15px;font-size:0.8em}.comic .transcript .transcript-content{border:1px solid #ccc;max-height:150px;overflow:auto;padding:3px;margin-top:5px}.comic .transcript .transcript-content p{margin-bottom:7px}.comic .transcript .transcript-content p:last-of-type{margin-bottom:0}.comic .below-nav{font-size:12px;margin-top:3px;margin-bottom:0;text-align:left}.comic .below-nav .permalink{float:right}.comic .comic-footer{margin-top:7px}.comic .comic-header{margin-bottom:7px}.comic .comicnav{width:825px;text-align:center;margin:15px auto 0 auto;color:#000;background-color:#c8e0c8;border-radius:3px;padding:7px 0;-webkit-box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.35);box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,0.35)}.comic .comicnav img{margin:0 4px}.comic .comicnav a{color:#000;text-decoration:none}.comic .comicnav .navarrow{display:inline-block;margin:0 3px;border-radius:4px;width:138px;padding:2px 5px;background-color:transparent;text-align:center}.comic .comicnav .navarrow:not(.disabled):hover{background-color:#aac8aa}.comic .comicnav .navbegin .nav-wrapper{background:url("http://cdn.twokinds.keenspot.com/img/comic-nav-begin.png") 0 50% no-repeat;padding-left:35px}.comic .comicnav .navprev .nav-wrapper{background:url("http://cdn.twokinds.keenspot.com/img/comic-nav-arrow-left.png") 0 50% no-repeat;padding-left:26px}.comic .comicnav .navnext .nav-wrapper{background:url("http://cdn.twokinds.keenspot.com/img/comic-nav-arrow-right.png") 100% 50% no-repeat;padding-right:26px}.comic .comicnav .navend .nav-wrapper{background:url("http://cdn.twokinds.keenspot.com/img/comic-nav-end.png") 100% 50% no-repeat;padding-right:35px}.comic .comicnav .navarchive{border-radius:14px;text-align:center;padding:2px 20px;margin:0 6px;color:#fff;background-color:#6c8f6c}.comic .comicnav .navarchive:hover{background-color:#85aa85}.comic .comicnav .disabled{opacity:0.4;cursor:default}.link-segment{margin:6px 0;margin-bottom:10px}.link-segment .link-img{margin-top:2px}.link-segment p{margin:0}.imggroup{margin:auto;text-align:center}.imggroup img{cursor:pointer}.dual-img img,.many-img img{margin-left:5px;margin-right:5px}.link-img{height:100%;width:200px;float:left;margin-left:10px;margin-right:20px}.dialog *{margin:0}.dialog{border-radius:5px;background:#FFF;width:490px;position:fixed;margin:auto;display:none;z-index:1900;box-shadow:0 0 4px 0 rgba(0,0,0,0.6)}.dialog a{color:#000;text-decoration:none}.dialog .dialog-body{padding:10px;padding-top:0}.dialog .dialog-title{background-color:#B1CAB5;border-radius:3px 3px 0 0;padding:5px 10px;margin-bottom:10px;margin-left:-10px;width:470px}.dialog .dialog-center{text-align:center;margin-bottom:5px}.dialog .dialog-x{display:inline-block;background:#FFF;color:#555;font-size:12px;text-align:center;font-weight:bold;cursor:pointer;line-height:13px;height:1.1em;width:1.1em;padding:3px;margin-top:1px;margin-right:-5px;border-radius:2px}.dialog .dialog-title .dialog-x{float:right}.dialog .dialog-input-header{font-weight:bold}.dialog input.embed{padding:2px;font-size:14px;margin-top:2px;margin-bottom:5px;width:465px}.chapter{font-size:14px;margin-bottom:15px}.chapter p{margin-left:8px;margin-right:8px;text-align:justify}.chapter p a{color:#000}.chapter h2{display:inline-block;margin:0;cursor:pointer;color:#000;font-size:1.2em}.chapter h4:hover{text-decoration:underline}.chapter .arrow-down,.chapter .arrow-left{display:inline-block;width:16px;height:0.8em;background:transparent url("http://cdn.twokinds.keenspot.com/img/dropdown.png") 0 50% no-repeat}.chapter .arrow-down{background-position:-16px 50%}.chapter .chapter-links{margin-left:8px;margin-right:8px;display:none}.chapter .chapter-links a{display:inline-block;width:50px;height:65px;background-color:#eee;text-decoration:none;color:#000;font-size:1.2em;position:relative;margin-right:3px;margin-bottom:3px;overflow:hidden}.chapter .chapter-links a span{display:inline-block;width:100%;text-align:center;padding-top:22px;position:absolute;top:0;left:0;z-index:80}.chapter .chapter-links img{display:none;position:absolute;top:0;left:0;z-index:90}.chapter .chapter-links a.loaded span{height:calc(100% - 22px);background-color:rgba(0,0,0,0.5);color:#fff;display:none;z-index:100}.chapter .chapter-links a.loaded.hover span{display:inline-block}@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2){.tinytext{font-size:16px}.tinyheader{font-size:16px}.chapter h2{font-size:2em}.chapter .chapter-links a{zoom:1.8}.chapter .chapter-links a.loaded span{display:inline-block;height:auto;bottom:0;top:inherit;padding-top:0}.menu{font-size:1.1em}.menu a{padding:8px 0;margin:8px auto}.menu a.menu-new{padding-top:calc(0.7em + 5px);padding-bottom:calc(8px - 0.7em + 5px)}.menu a.menu-new:after{width:auto;top:0;left:0;right:0;transform:none}}div.page-faq section{padding-top:10px;margin-top:10px;border-top:1px solid #ccc}div.page-faq section h2{font-size:15px;margin-bottom:5px}div.page-chat section{margin-bottom:15px}div.page-chat .chat-button{text-align:center;padding:5px 0 15px 0}div.page-chat .chat-button a{padding:5px 40px;font-size:20px;text-decoration:none;border-radius:5px;background-color:#6c8f6c;color:#FFF}div.page-chat .chat-button a:hover{background-color:#85aa85}.char-detail{padding:10px;border-bottom:1px solid #ccc;margin-bottom:10px}.char-detail h3 img{vertical-align:middle}.char-detail h3,.char-detail p{margin-bottom:10px;text-align:justify}.char-detail img.portrait{margin-top:0}.char-detail .char-info{float:left;width:650px}.char-detail .char-img{float:left;width:125px;margin-right:20px;text-align:center}.char-detail:last-of-type{margin-bottom:0;border:none}