/*
Theme Name:2DwillNeverDie
Theme URI:http://2dwillneverdie.com
Description:custom theme for 2dwnd
Author:Kiwi
*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0 none;outline:0;font-size:100%;vertical-align:baseline;background: transparent;font:inherit;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;}ol, ul {list-style:none;}
img[src$=".jpg"] {image-rendering:auto;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}

@font-face {font-family:'SilkscreenNormal';src:url('fonts/slkscr-webfont.eot');src:url('fonts/slkscr-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/slkscr-webfont.woff') format('woff'), url('fonts/slkscr-webfont.ttf') format('truetype'), url('fonts/slkscr-webfont.svg#SilkscreenNormal') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'SilkscreenBold';src:url('fonts/slkscrb-webfont.eot');src:url('fonts/slkscrb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/slkscrb-webfont.woff') format('woff'), url('fonts/slkscrb-webfont.ttf') format('truetype'), url('fonts/slkscrb-webfont.svg#SilkscreenBold') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'SilkscreenExpandedNormal';src:url('fonts/slkscre-webfont.eot');src:url('fonts/slkscre-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/slkscre-webfont.woff') format('woff'), url('fonts/slkscre-webfont.ttf') format('truetype'), url('fonts/slkscre-webfont.svg#SilkscreenExpandedNormal') format('svg');font-weight:normal;font-style:normal;}

.pixelfont {font-family:SilkscreenNormal,sans-serif;}
p {font-size:1.3em;margin-bottom:15px;}
a {color:#FFF;text-decoration:none;}
h1, h2, h3, h4 {line-height:1;font-weight:bold;color:#FFF;font-family:SilkscreenNormal,sans-serif;}
h1 {font-size:2.4em;}
h2 {font-size:2.1em;margin-bottom:10px;}
h3 {font-size:1.3em;margin:5px 0;}
blockquote {font-family:SilkscreenNormal,sans-serif;}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
small {font-size:70%;}
hr {background-color:#FFF;color:#FFF;border:2px;clear:both;height:2px;margin-bottom:1em;}
iframe {max-width:100%;}

/*----------------HEADER-------------------------*/
.wrap {background-color:#000;border-color:#FFF;border-style:solid;border-width:0 2px;margin:0 auto;width:960px;min-height:100vh;}
/*.head {background: url(images/headerblank.png) no-repeat;height:166px;position:relative;}*/
.head img {position:absolute;top:19px;left:19px;}
.head img:hover {top:20px;left:20px;}
#content {position:relative}

#skip { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } #skip:focus { background-color: #FFF; clip: auto !important; color: #a80020; display: block; font-size: 16px; font-weight: 700; height: auto; left: 5px; padding: 10px 20px; top: 5px; width: auto; z-index: 10; }

/*april 1*/ .Apr-01.megaman .wrap {height:100vw;-webkit-transform:rotate(90deg);transform:rotate(90deg);} 
/* halloween */ .zamn .head {background-image: url(images/headerzamn.png) !important; /*animation-name:headscroll;animation-duration:77s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:backwards;*/} 
@-webkit-keyframes headscroll {0% {background-position:-0px 0px;} 100% {background-position:-1344px 0px;}} 
@keyframes headscroll {0% {background-position:-0px 0px;} 100% {background-position:-1344px 0px;}} 
.zamn .head:after {content:url(images/headeroverlay.png);position:absolute;right:0;} 
.zamn .head:before {content:"'Zombies Ate My Neighbors', the best halloween game on SNES/Genesis";background: rgba(0,0,0,0.5);padding:3px;color:#FFF;position:absolute;top:0;left:350px;font-size:9px;font-family:"helvetica", "arial", sans-serif;z-index:3;} 

/*----------------FOOTER-------------------------*/
.footer {border-top:2px solid #FFF;clear:both;margin-top:128px;padding:10px 10px 50px;position:relative;text-align:right;}
.footer p {font-size:1em;}
.footer a {transition:top 0.2s;}
.footer a:hover {position:relative;top:3px;}

/*---------WHY ARE YOU USING THE FULL VERSION ON MOBILE? SWITCH TO THE MOBILE VERSION--------------*/
@media only screen and (max-width:900px) {
	a#handheld:link {display:flex;position:fixed;bottom:10px;left:10px;border-radius:50%;background: #FFD200;z-index:99;transition:background .2s, transform .9s;}
	a#handheld:hover, a#handheld:focus, a#handheld:active {background: #f80;transform:rotate(360deg);}
	#handheld img {margin:10px}
	.footer a:hover {top:auto;}
}

/*---------------- 404 -------------------------*/
.error404 .footer::before {content:"";width:209px;height:189px;position:absolute;right:0;top:-191px;background: url("images/iamerror404.png") no-repeat;}

/*----------------BUTTON-------------------------*/
.pushbutton, .comment-reply-link, input[type="button"], input[type="submit"] {color:#000;border-width:2px;border-style:solid;background-color:#ccc;text-align:center;text-shadow:1px 1px 0 rgba(255,255,255,0.7);font-weight:normal;border-top-color:#FFF;border-left-color:#EEE;border-right-color:#AAA;border-bottom-color:#AAA;box-shadow:1px 1px 2px #333;border-radius:5px;transition:0.1s;}

.pushbutton:hover, .comment-reply-link:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:#777;border-style:solid;border-width:2px;border-top-color:#444;border-left-color:#444;border-right-color:#AAA;border-bottom-color:#CCC;position:relative;top:1px;text-shadow:1px 1px 0 rgba(200, 200, 200, 0.3);box-shadow:inset 1px 1px 2px rgba(22,22,22,0.4);color:#333;transition:0.3s ease;}

.pushbutton:active, .comment-reply-link:active, input[type="button"]:active, input[type="submit"]:active {background-color:yellow;transition:background-color 0.1s;}

/*----------------MEGAMAN-------------------------*/
/*#mmmain {background: url(images/megamanpixellabrgb.gif) no-repeat;float:left;height:616px;position:relative;width:734px;}*/
#mmslideshow {top:197px;left:143px;height:224px;overflow:scroll;position:relative;width:384px;z-index:5;}
#mmslides {list-style:none outside none;}
#mmslides li {margin:0 0 20px;}
#mmslides div {position:static;background-color:#555;overflow:hidden;width:384px;height:224px;cursor:pointer;transition:background-color 200ms ease-in-out;}
#mmslides div:hover {background-color:#888;}
#mmslides div img {display:block;margin:0 auto;}
.mmselected div {box-shadow:inset 0px 0px 30px rgba(255, 255, 255, 0.5);}

#mmscrollbuttons {bottom:29px;height:58px;position:absolute;right:247px;text-align:center;width:228px;}
#mmscrollbuttons li {background-color:#000;display:inline-block;float:left;height:58px;margin-right:11px;width:65px;}
#mmscrollbuttons li:hover {background-color:#FFF;}
#mmscrollbuttons li:active {background-color:#FFD200;}
#mmprevious, #mmnext {cursor:pointer;}

#mmcaptionbox {height:249px;overflow:auto;padding:5px;position:absolute;right:18px;top:80px;width:135px;}
#mmcaptionbox h2 {border-bottom:1px solid #FFF;font-size:14px;font-weight:bold;line-height:1.4;padding-bottom:5px;}
#mmcaptionbox .pushbutton {padding:1px 5px;display:block;margin:0 auto 10px;text-align:center;width:80%;}
#mmcaptionbox p {font-size:1em;line-height:1.5;	}

@keyframes frontpageblink {50% {outline:3px solid #FFD200;background: chocolate;}}
#mmnavthumbs {overflow:auto;width:693px;padding:20px;background: #000;clear:left; display:flex; flex-wrap:wrap; justify-content:center;}
#mmnavthumbs a {background-color:#333;display:inline-block;height:30px;margin:6px;outline:3px solid #777;padding:3px;text-align:center;width:30px;vertical-align:top;}
#mmnavthumbs a:hover {outline:0 none;box-shadow:0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #FFF61A, 0 0 30px #FFF61A, 0 0 40px #FF881A, 0 0 50px #F0D827, 0 0 75px #FFDA1A;}
#mmnavthumbs a img {height:auto;max-width:30px;max-height:30px;image-rendering:auto;}
#mmnavthumbs .activeSlide {animation:frontpageblink .8s steps(1) infinite;}
#mmnavthumbs .slideborder {background: none repeat #FFD200;}

.megaman .footer {margin-top:60px}
.megaman .footer::before {content:"";width:36px;height:33px;position:absolute;right:0;top:-35px;background: url("images/megaman-footer.gif") no-repeat;}

/* MEGAMAN SIDEBAR */
/*#mmside {background: url("images/mmsidebarborder.png") repeat-x 0 top, url("images/mmsidebarborder.png") repeat-y  left top, url("images/mmsidebarborder.png") repeat-x  0 bottom, url("images/mmsidebarborder.png") repeat-y right top, url("images/mmsidebarbg.png") repeat;float:right;padding:19px;width:186px;min-height:1042px;overflow:hidden;margin-bottom:50px;}/*marginbottom for preload*/
#mmsideinner > div {margin:10px 0 20px; position:relative;overflow:hidden; word-wrap:break-word;
	background: url("images/spaceship.gif") bottom center no-repeat, url("images/space.gif");padding-bottom:40px; position:relative;}
#mmsideinner > div:before {content:"";background: url("images/tumblr.png") center no-repeat rgba(0,0,0,0.5);height:42px;display:block;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:10px}
#mmsideinner > div:first-of-type:before {background-image: url("images/twitter.png")}
#mmsideinner > div p {font-size:10px;margin-bottom:3px;}
#mmsideinner > div blockquote {border-left:1px solid;padding-left:5px;}
li.tumblr_post, .textwidget {padding:5px;margin:5px 10px 15px;color:#FFD200;font-size:1em;line-height:1.5;list-style:none; background: rgba(0, 0, 0, 0.5);}
#mmside img {max-width:100%;height:auto;}
.Tumblr>p>a {width:100%;height:41px;display:block;position:absolute;top:0;font-size:0;color:transparent;}
.Tumblr>p>a:hover {background: rgba(255,255,255,0.2);}

/*----------------CASTLEVANIA-------------------------*/
.castlevania #content {display:table;padding-bottom:16px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAOCAYAAADAD8KiAAAAjklEQVRoge3asRECMRAEwQ2A0AjnwrsAyEpvQb0BFI+nujbWU8scR0qS1d2XV1UryeJ5fmPf3etxv11aVb3G8/y+/q8AnC/heX5fLwA8P9gLAM8P9gLA84O9APD8YC8APD/Yewbk+cFeAHh+sBcAnh/sBYDnB/u3ATgf+LbnP2Se5/f0SfIz+HABz/Ob+gP9RMwSEmLU3wAAAABJRU5ErkJggg==) repeat-x 0 bottom;}
#castlemain {width:599px;display:table-cell;}
#castlehead {background: url(images/castle-header.gif) no-repeat;height:159px;}
#castlehead marquee {width:550px;margin-top:77px;}
#castlebody {background: url(images/castle-walls.gif) repeat-y;padding:40px 60px 40px 59px;width:480px;}
#castlebody h2 {color:#FFF;margin:0 0 10px;padding:17px 5px;text-shadow:3px 3px 0 #000;line-height:1.4;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAOCAYAAADAD8KiAAAAjklEQVRoge3asRECMRAEwQ2A0AjnwrsAyEpvQb0BFI+nujbWU8scR0qS1d2XV1UryeJ5fmPf3etxv11aVb3G8/y+/q8AnC/heX5fLwA8P9gLAM8P9gLA84O9APD8YC8APD/Yewbk+cFeAHh+sBcAnh/sBYDnB/u3ATgf+LbnP2Se5/f0SfIz+HABz/Ob+gP9RMwSEmLU3wAAAABJRU5ErkJggg==") repeat-x 0 top, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAAOCAYAAADAD8KiAAAAjklEQVRoge3asRECMRAEwQ2A0AjnwrsAyEpvQb0BFI+nujbWU8scR0qS1d2XV1UryeJ5fmPf3etxv11aVb3G8/y+/q8AnC/heX5fLwA8P9gLAM8P9gLA84O9APD8YC8APD/Yewbk+cFeAHh+sBcAnh/sBYDnB/u3ATgf+LbnP2Se5/f0SfIz+HABz/Ob+gP9RMwSEmLU3wAAAABJRU5ErkJggg==") repeat-x 0 bottom #004058;}
#castlebody h3 {color:#C84C0C;}
#castleside {background-attachment:scroll; background-clip:border-box; background-color:transparent; background-image:url(images/castle-filmbg.gif), url(images/castle-film.gif); background-origin:padding-box; background-position:center top, center top; background-repeat:repeat-y; background-size:auto auto; display:table-cell; vertical-align:top; width:357px; }
#castleside p {font-size:1.1em;}
#castleside > div {background-color:rgba(0, 0, 0, 0.6);border:1px solid #FFF;margin:20px 43px;padding:20px 10px;width:252px;}
.castlevania .footer::before {content:"";width:144px;height:112px;position:absolute;right:10px;top:-114px;background: url("images/castle-footer.gif") no-repeat;}

/*----------------MARIO-------------------------*/
#linkshead {background: url(images/links-header.png) no-repeat center 0;height:41px;margin:20px 0 0;}
#linksbody {overflow:auto;padding-bottom:50px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7gAAAAQCAYAAAA8ntNFAAAAv0lEQVR4nO3XwQnDQBAEQUWsKJy3HYE5gQTb6KpgX/uZbx8HAAAAvMb5+f69wh8AAIB50214qR2nRwhcAACAvuk2FLgAAAA8YroNtSMAAAB7KFa3EgcAAGgptOGyHQsjBC4AAEBboQ0FLgAAALcV2lA7AgAAsI9adStwAACAnuk2vNSO0yMELgAAQN90GwpcAAAAHjHdhtoRAACAPRSrW4kDAAC0FNpw2Y6FEQIXAACgrdCGAhcAAIDbCm24+P8AMpp2bynpFMEAAAAASUVORK5CYII=) repeat-y center 0;}

.mario .topic {display:inline-block;margin:10px 44px;min-height:65px;padding:15px 0;vertical-align:top;width:390px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAAL0lEQVQ4jWNgyGv5jxMzMDBQLD8MLKA5oLaLMcSGvgV0jYOhmUxH88HAJ1MaWwAAxSHpTJvsJrcAAAAASUVORK5CYII=") repeat-x 0 111px;}
.mario .topic p {color:#006E84;font-weight:bold;margin:20px 40px;}
.mario .topic ul {margin:15px 40px;}
.mario .topic li a {border-bottom:1px dotted #006E84;display:block;font-size:1.3em;padding:10px 5px;}
.mario .topic li:hover {background-color:#006E84;transition:0.15s ease-in;}
.pipe2 h2 {background: url(images/mario-pipe2.gif) no-repeat;} .pipe3 h2 {background: url(images/mario-pipe3.gif) no-repeat;} .pipe4 h2 {background: url(images/mario-pipe4.gif) no-repeat;} .pipe5 h2 {background: url(images/mario-pipe5.gif) no-repeat;} .pipe6 h2 {background: url(images/mario-pipe6.gif) no-repeat;} .pipe7 h2 {background: url(images/mario-pipe7.gif) no-repeat;} .pipe8 h2 {background: url(images/mario-pipe8.gif) no-repeat;}
.mario .topic h2 {display:table-cell;height:75px;padding-left:90px;vertical-align:bottom;}

@keyframes starbounce {0% {background-position-y:center;} 33% {background-position-y:33%;} 65% {background-position-y:65%;} 100% {background-position-y:center;}}
.topic li a.starpick {padding-left:25px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAU0lEQVQokbXQUQoAIAgD0B3Og3pT++ont0whIQjzgQ0QFW4RbqHeZY3gRm08gieSWA1Wh0IA9J426EK58g22ginTHcHnNL/Bqs8SLb+SmjI1MrcAhohUcu4BpfAAAAAASUVORK5CYII=) no-repeat 3px center;}
a.starpick:hover {animation:starbounce .65s linear infinite;}

@keyframes scroll-mario-right {0% {left:-100px;} 100% {left:777px;}} @keyframes scroll-mario-left {0% {left:857px;} 100% {left:-150px;}} .billr {animation:scroll-mario-right 11s linear infinite;} .marior {animation:scroll-mario-right 14s linear infinite;} .koopar {animation:scroll-mario-right 17s linear infinite;} .parar {animation:scroll-mario-right 20s linear infinite;} .goombar {animation:scroll-mario-right 24.5s linear infinite;} .goombar2 {animation:scroll-mario-right 21.5s linear infinite;} .beetler {animation:scroll-mario-right 26s linear infinite;} .spinyr {animation:scroll-mario-right 29s linear infinite;} .lakitur {animation:scroll-mario-right 32s linear infinite;} .goombal {animation:scroll-mario-left 19s linear infinite;} .luigil {animation:scroll-mario-left 16s linear infinite;} .spinyl {animation:scroll-mario-left 25s linear infinite;} .koopal {animation:scroll-mario-left 22s linear infinite;}
#mariobottomframe {background: url(images/links-footer.png) no-repeat center 0;border:medium none;margin-top:-3px;padding-top:65px;position:relative;}
#marioimages {position:absolute;left:142px;top:9px;width:677px;height:24px;overflow:hidden;}
#marioimages img {position:absolute;left:0;bottom:0;}
.mario .footer {margin-top:-6px;}

/*----------------SHOP-------------------------*/
#pixelshop {background: url(images/shop-header.gif) no-repeat;margin-top:40px;overflow:auto;padding:220px 30px 0;}
.shopitem {clear:both;margin:30px 0;overflow:auto;display:flex;}
.price {height:57px;width:165px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAwCAYAAAALiLqjAAAAdUlEQVRYhe3WQQrAIAxE0dyrR+1h7U5SMPAlm46dATcR8yC4SATIyLmvechbFE1gVElAC9MEyqYAQJgmUD4u6hExD6ofBuzPetnUgAEDBgwYMPB1IF8C7C8AmHXO/uIlD7w2bYKx77uOPtDBUNOzAIK1msoAD0nklgNnXuJCAAAAAElFTkSuQmCC) no-repeat 0 center;}
.price p {font-size:22px;font-weight:bold;margin:10px 0 0 34px;}
.shopitem a[href$=".zip"] {font-weight:bold;padding-left:20px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAhElEQVQokZ2SwQ3EMAgEt1rXQRvbjQugp7lH4nMuJrokSCskpGF4IO1li3N0p2yxlYkIwID/L7BFZiOzERH03pHmrLrou3SzJpC7FaQ5W2MyG5I4wP4xj9OX5AU8wN77Ahx7CUsiImpz3jCP0yvjc3Ox4L25hPNkvgAXeDzEk0jz+3iTD0b24jK/x1wmAAAAAElFTkSuQmCC") no-repeat left center;}
.itemdescription {border:solid 2px #0058F8;border-radius:2px;padding:20px;flex:1;margin-right:20px;}
.itembonus {border:solid 2px #0058F8;border-radius:2px;padding:20px;}
.itembonus .gallery {display:flex;flex-direction:column;align-items:center;}
.itembonus img {float:none;display:block;margin:0 auto 10px;}
.itembonus dl {width:auto !important;margin-bottom:15px;}
.zelda .footer {background: url(images/shop-footer2.gif) no-repeat;margin-top:85px;padding:170px 10px 20px;position:relative;border:none;}

/*----------------METROID-------------------------*/
#creditshead {height:277px;background: url(images/metroid-header.png) no-repeat;}
#creditsbody {margin:40px auto 50px;background: url(images/metroid-list.png) no-repeat;width:919px;height:541px;}
#creditstext {color:#CCC;font-size:1.1em;height:450px;line-height:1.8;margin-bottom:1.8em;overflow:auto;padding-left:350px;padding-top:70px;width:470px;}
#creditstext a {color:#F3A500;}
.metroids {position:absolute;pointer-events:none;z-index:10;}
.metroid .footer::before {content:"";width:24px;height:47px;position:absolute;right:11px;top:-49px;background: url("images/metroid-footer.png") no-repeat;}

/*----------------KONAMI-------------------------*/
#konamihead {height:255px;background: url(images/konami-header.png) no-repeat;}
#konamibody {margin-top:20px;position:relative;}
#konamibody p, #konamibody h2 {margin:0 auto 1em;width:512px;}
#konamibody h2 {text-align:center;margin:10px auto;}
#konamislideshowframe {width:512px;height:452px;background: url(images/konami-list.gif) no-repeat;margin:50px auto 0;position:relative;}
#konamislides {left:192px;position:absolute;top:130px;}
#konamislides:hover {background-color:#ccc;}
.konamislide {width:128px;height:95px;}
.konamislide img {max-width:100%;max-height:auto;display:block;margin:0 auto;}
#konaminavthumbs {border-top:1px solid #FFF;margin:0 auto;padding-top:20px;width:512px;}
#konaminavthumbs img {width:100px;}
#konaminavthumbs a img {border:1px solid #AAA;margin-right:10px;border-radius:5px;}
#konaminavthumbs a.activeSlide img {border:2px solid #FFF;}
#scrollbuttons {margin:0 auto;position:relative;width:512px;cursor:pointer;}
#konamiprevious {position:absolute;width:64px;height:104px;left:-69px;top:-107px;background: url(images/konami-nextprev.png) no-repeat;}
#konaminext {position:absolute;width:51px;height:104px;right:-49px;top:-107px;background: url(images/konami-nextprev.png) no-repeat -129px 0;}
#konamiprevious:hover {background-position:-66px 0;}
#konaminext:hover {background-position:-179px 0;}
#konamicaptionspace {height:100px;}
.konami .footer {background: url("images/konami-footer.png") no-repeat 845px 0;}
.konami #copyrights {padding-top:40px;}

/*----------------Tutorial - TMNT-------------------------*/
/*
@keyframes blink {70% {opacity:1} 71% {opacity:0}100% {opacity:0;}} @keyframes arockgethit {0% {opacity:0;} 49% {opacity:0;}50% {opacity:1;}100% {opacity:1;}} @keyframes textzoom2 {0% {opacity:0;right:500px;}80% {opacity:1;right:-10px;}100% {opacity:1;right:10px;}} #april {background-image:url(images/tmnts.gif);background-position:0 0;background-color:transparent;background-repeat:no-repeat;width:100px;height:146px;position:absolute;top:180px;left:-14px} #don {width:100px;height:146px;background-image:url(images/tmnts.gif);background-position:-1400px 0;background-color:transparent;background-repeat:no-repeat;position:absolute;top:51px;left:392px} #explosion {width:64px;height:64px;background-image:url(images/tmntsboom.gif);background-position:64px 0;background-color:transparent;background-repeat:no-repeat;position:absolute;top:259px;left:385px} #fbinfo,#twitterinfo,#ptinfo {display:inline} #life {position:absolute;top:327px;left:319px;background-color:#000;padding:10px} #life span {float:left;display:block;width:14px;height:14px;background: #000;margin-right:2px;outline:2px solid #FFF;outline-offset:-2px} #life span.alive {background: #BD4400;outline:0 none} #pressb {display:none} #pressb.on {background: #FFDBA1;border:2px solid #792800;position:absolute;display:block;top:10px;left:309px;height:64px;width:122px;border-radius:50%;color:#792800;text-align:center;font-weight:700;font-size:17px;line-height:1;box-shadow:3px 3px 0 #000;transform:rotate(-18deg)} #pressb.on span {padding-top:16px;display:block;animation-name:blink;animation-duration:.7s;animation-iteration-count:3;animation-timing-function:linear} #pressb.on:before {border-left:21px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0);border-top:22px solid #FFDBA1;content:"";height:0;left:83px;position:absolute;top:58px;transform:rotate(-17deg);width:0} #rock {width:100px;height:146px;background-image:url(images/tmnts.gif);background-position:-200px 0;background-color:transparent;background-repeat:no-repeat;position:absolute;top:177px;left:366px} .rockgethit {animation-name:arockgethit;animation-duration:.1s;animation-iteration-count:4;animation-timing-function:linear} #win {position:absolute;top:33px;left:19px;display:none}  #text {text-shadow:4px 4px 0 #000;color:#FFF;font-weight:700;text-align:right;position:absolute;right:10px;top:50px;line-height:0;opacity:1;line-height:.9;font-size:50px}#text1 {animation-delay:2.5s;top:190px}#text2 {animation-delay:2.9s;top:210px}#text3 {animation-delay:3.3s;top:230px}#text4 {animation-delay:3.7s;top:250px}#text5 {animation-delay:4.1s;top:270px}#text6 {animation-delay:4.1s;top:290px}.moretext {text-shadow:4px 4px 0 #000;color:#FFF;position:absolute;right:10px;font-size:24px;opacity:1;transition:color 1s;animation-name:textzoom2;animation-duration:.2s;animation-iteration-count:1;animation-timing-function:ease-in;animation-fill-mode:backwards}
*/
#tutshead {background: url(images/tuts-head-new.png) no-repeat;width:960px;height:356px}
.tutslatest {background: url(images/tuts-latest.png) no-repeat 0 top;padding-top:60px;position:relative;margin:20px 0 24px}
.tutslatest::before {content:"";width:161px;height:200px;position:absolute;left:20px;top:60px;background: url("images/tuts-latestpoint.png") no-repeat;}
.tutslatest > * {background-color:#0000B3;color:#FFF;border:solid 2px #FFF;border-radius:5px;overflow:auto;margin:0 30px 0 225px;padding:20px;} /* star instead of div to allow <article> */
.tutslatest > * > a {margin:0 20px 10px 1px;float:left;outline:1px solid #CCC;line-height:0;display:block;}
.tutsarchive {background: url(images/tuts-archive.png) no-repeat 0 top;clear:both;padding:45px 15px 0;column-count:3;column-gap:0}
.tutsarchive > * {background-color:#0000B3;color:#FFF;border:solid 2px #FFF;border-radius:5px;display:inline-block;min-height:120px;padding:15px;vertical-align:top;margin:15px;width:244px}
.tutsarchive > * > a {float:right;margin:7px 0 15px 10px;outline:1px solid #CCC;line-height:0;}
.tmnt.articlelist .footer::before {content:"";width:56px;height:80px;position:absolute;right:10px;top:-83px;background: url("images/tuts-foot.png") no-repeat;}

/*----------------Blog - BIONIC/DUCK -------------------------*/
@keyframes blogplay {from {background-position-y:0%;}to {background-position-y:200%;}}

.bionic #bloghead {background: url(images/bionic-headers.png) no-repeat;width:960px;height:751px;position:relative;animation:blogplay .7s steps(2) infinite;}
.bionic .blog-top-pic {height:136px;left:270px;position:absolute;top:202px;width:136px;overflow:hidden;}
.bionic .blog-top-caption {height:149px;position:absolute;right:261px;top:197px;width:271px;}
.bionic .blog-top-caption p {font-size:1.1em;margin:10px 0;color:#FFF;}
.bionic .blogarchive {background: url(images/bionic-frame.png) no-repeat;display:inline-block;width:436px;height:166px;margin:20px;position:relative;}
.bionic a.blogarchivepic {height:134px;position:absolute;left:270px;top:0;width:134px;overflow:hidden;}
.bionic .blogarchive > * {height:124px;left:16px;padding:5px;position:absolute;top:16px;width:228px;font-size:10px;}
.bionic .blogarchive h2 {margin:5px 0 10px;font-size:13px;}
.bionic .blogarchive p {font-size:10px;margin:0 0 10px;color:#FFF;}
.bionic.articlelist .footer {margin-top:180px}
.bionic.articlelist .footer::before {content:"";width:128px;height:152px;position:absolute;right:10px;top:-154px;background: url("images/footer-bcswing.gif") no-repeat;}

.duck #bloghead {background: url(images/duckbg.png) no-repeat;width:960px;height:672px;position:relative;animation:blogplay .7s steps(2) infinite;}
.duck .blog-top-pic {height:136px;width:136px;left:332px;position:absolute;top:321px;overflow:hidden;outline:2px solid #FFF;}
.duck .blog-top-caption {height:136px;position:absolute;right:335px;top:315px;width:155px;}
.duck .blog-top-caption h2 {position:absolute;top:-60px;left:-141px;}
.duck .blog-top-caption p {font-size:1.1em;margin:10px 0 10px 10px;color:#FFF;}
.duck .blogarchive {background: url(images/duckframe.gif) no-repeat;display:inline-block;width:436px;height:164px;margin:20px;position:relative; z-index:1;}
.duck a.blogarchivepic {height:130px;position:absolute;left:273px;top:1px;width:130px;overflow:hidden;}
.duck .blogarchive > * {height:124px;left:16px;padding:5px;position:absolute;top:16px;width:228px;font-size:10px;}
.duck .blogarchive h2 {margin:5px 0 10px;font-size:13px;}
.duck .blogarchive p {font-size:10px;margin:0 0 10px;color:#FFF;}
.duck.articlelist .footer::before {content:"";width: 204px; height: 138px; position: absolute; right: 10px; top: -138px; background: url(images/footer-duck.gif) no-repeat; background-size: contain;}

/*---------------- BOTH / ARTICLES -------------------------*/
.articletitle a {display:block;text-shadow:2px 2px 0 #000;line-height:1.2;transition:color .2s ease;}/*h2 a {block}=select without a microscope*/
.articletitle a:hover {color:#F3A500}
.commentinfo {display:flex;clear:both;border-top:2px solid #FFF;padding-top:5px;}
.commentinfo b {flex:1;font-size:10px;font-weight:normal;color:#F3A500;}
.commentinfo b:last-child {text-align:right;}

.alignright, .alignleft, .alignnone, .aligncenter {background-color:#222;outline:2px solid #FFF;padding:10px;transition:background-color 200ms ease-in-out;}
.alignright:hover, .alignleft:hover, .alignnone:hover, .aligncenter:hover {background-color:#888;}
.alignright {float:right;margin:10px 0 10px 20px;}
.alignleft {float:left;margin:10px 20px 10px 0;}
.alignnone, .aligncenter {margin:10px auto;display:block;}
.postarticle .wp-caption {border: 8px solid transparent; border-image-source: url(data:image/gif;base64,R0lGODlhGAAYAJEAAP////z8/Ly8vAAAACH5BAAAAAAALAAAAAAYABgAAAJnnI+pGO3m3ogNRmEdnjcHsV2hNn5gBpaplY4tu05tOEP1guc4wPd8TgkMfD5OxPMZEn+Ukkm5ND6NqyWzEcNWrZyX7GUFfGOLsO6MDiKF0krbmXx7TlK6CGXXqvJevSt7YwLohXZWAAA7);border-image-slice: 8; border-image-repeat: round;background:#222;outline:medium none;padding:20px 25px 5px;transition:background-color 200ms ease-in-out;}
.wp-caption {margin-bottom:40px;}
.wp-caption img {display:block;margin:0 auto;}
.wp-caption .wp-caption-text {color:#AAA;border-top:1px solid #7C7C7C;font-size:1em;margin-top:1.8em;padding-bottom:5px;text-align:center;transition:color 200ms ease-in-out;}
.wp-caption:hover.wp-caption .wp-caption-text {color:#333;}
.wp-caption-text.gallery-caption {margin-left:5px;margin-right:15px;}
.postarticle .wp-caption:hover, 	.postarticle tr:hover {background-color:#888;}
.postarticle {margin:0 0 60px;padding:60px;border-bottom:2px solid #FFF;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXElEQVQ4jWNgZGX7TwlmYGRl+88hrYITE5KHG8AoqIiqEconJI/VBXDNgopYXYAsj2EAimYsBqDLoxiAoRnNAGzyGGGAohnJAFzyGC7AZQAueYbRdDCaDgQV/wMAK9QxrDWUIP0AAAAASUVORK5CYII=') repeat #000;}
.postarticle tr:hover p {color:#000;}
.postarticle td, .postarticle th {padding:5px 10px;border:1px solid #FFF;border-top-width:0;font-size:80%;}
.postarticle th {background-color:#F3A500;border-width:0;}
.postarticle th, .postarticle th p {color:#000;vertical-align:middle;margin:0;padding:7px 5px;}
.postarticle p {color:#AAA;font-size:1.5em;line-height:1.8;margin-bottom:1.8em;}
.postarticle ul {margin-bottom:3em;list-style:disc}
.postarticle li {color:#CCC;font-size:1.5em;line-height:1.8;margin-left:2.5em;}
.postarticle h1, .postarticle h2 {border-bottom:1px solid #FFF;margin-bottom:2em;padding-bottom:5px;clear:both;}
.postarticle a, .shopitem a {color:#F3A500;}
.postarticle blockquote p {border: 8px solid transparent; border-image-source: url(data:image/gif;base64,R0lGODlhGAAYAJEAAP////z8/Ly8vAAAACH5BAAAAAAALAAAAAAYABgAAAJnnI+pGO3m3ogNRmEdnjcHsV2hNn5gBpaplY4tu05tOEP1guc4wPd8TgkMfD5OxPMZEn+Ukkm5ND6NqyWzEcNWrZyX7GUFfGOLsO6MDiKF0krbmXx7TlK6CGXXqvJevSt7YwLohXZWAAA7);border-image-slice:8; border-image-repeat:round; background:#000;display:block;padding:30px;font-weight:bold;width:50%;margin:10px 0 10px 50px;float:right;font-size:1.5em;text-align:center;}

/*----------------COMMENTS-------------------------*/
#respondcontainer {background: url("images/badenough.gif") no-repeat bottom right #00933b;padding:20px;min-height:270px;color:#FFF;}
.commentsareclosed p {margin-top:100px;background: #F3A500;display:inline-block;padding:10px 20px;position:relative;margin-left:-28px;color:#000;font-weight:bold;text-transform:uppercase;}
#respond label {display:block;}
#respond textarea {background: #000;border:2px solid white;color:white;padding:10px;}
#commentform input, #commentform textarea{width:515px;box-sizing:border-box}
.comment-reply-link {padding:5px 10px;display:inline-block;margin-bottom:15px;float:right;}
.comment-navigation a {display:block;font-size:25px;color:#FFF;text-align:center;text-shadow:1px 1px 0 red;}
.comment-form-cookies-consent{display:none;}

ol>li.comment {border-top:1px solid blue;}

#hiscore{font-size:25px;font-weight:normal;color:#FFF;text-align:center;padding-bottom:1em;margin:30px 0 0;text-shadow: 1px 1px 0 red;}
#scorelabels {font-weight:normal;font-size:17px;color:#FFF;display:table; position:sticky; top:0; background:#000; width: 100%; border-bottom: 1px solid blue; text-shadow: 1px 1px 0 red;}
#scorelabels span, .comment-body>div {display:table-cell;padding:5px;box-sizing:border-box;}
#scorelabels span:nth-child(1), .comment-body>div:nth-child(1) {width:70px;}
#scorelabels span:nth-child(2), .comment-body>div:nth-child(2) {width:120px;}
#scorelabels span:nth-child(3), .comment-body>div:nth-child(3) {width:200px;}
#comments {margin:0 0 50px;}
#comments .pixelfont {text-shadow:1px 1px 0 red}
#comments .comment-score.pixelfont {text-shadow:1px 1px 0 blue;}
#comments .comment-content .pixelfont {text-shadow:none;}
.comment-body {display:table;width:100%;}
.comment-body>div {display:table-cell;vertical-align:top;}
.comment-body>div:nth-child(-n+3) {font-size:17px;color:#FFF;} /*first 3 'rank, score, name' columns*/
.comment-body p {color:#AAA;line-height:1.7}
.comment-body p a {color:#F3A500;text-decoration:underline;}
.children .comment-author {font-size:17px;border-top:1px solid blue;color:#FFF;}
.featured > .comment-body > .comment-content {background: url("images/goodcomment.gif") no-repeat right 10px;padding-top:60px;} /*just the one, not children*/

/*----------------NAV-------------------------*/
nav.mainmenu{position: sticky; top: 0; z-index: 9;}
/*ul.nav {background: url("images/nav-longborder.png") repeat-x;height:61px;position:relative;display:flex;align-items:center;}*/
.nav a::after {font:normal bold 17px/1 SilkscreenNormal,sans-serif;content:attr(data-info);opacity:0;background: #000;color:#FFF;border:2px solid #a3d2ff;border-radius:5px;border-bottom:2px solid #000;padding:5px 10px;position:absolute;bottom:30px;left:20px;text-align:center;z-index:2;transition:all 0.3s ease-out;pointer-events:none;}

.nav a:hover::after, .nav a:focus::after {opacity:1;transform:translateY(-11px);}
.headergone .nav a::after{border-bottom-color:#a3d2ff; border-top-color:#000;}
.headergone .nav a:hover::after{transform:translateY(68px);}
.nav a {font:0/0 a;color:transparent;overflow:hidden;}
.nav li {height:34px;position:relative;}
.nav li.navcode:hover {cursor:help;}

.navstart {padding-left:25px;margin-left:10px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAbCAYAAABxwd+fAAAAVUlEQVQ4jWNgGAWjACv4jwOTZsDPSRpYMbEG4jTg27dvcIxkIGmGkGoYQYOQDcNlEFGGYFOHbhiuGIJrxsenjYuIMQhPcqDMEHTD8IYPCXgUjILBAwDvektyuj6b/gAAAABJRU5ErkJggg==) no-repeat left center;} .navstart a {width:80px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAiCAYAAADI+15nAAABd0lEQVRoge2Yyw3CQAxEc6QMyqC8lMGRMiiFUnKDQ9ig9TLxLz/ErGQJxR7v7MsHyV0/DE9PdN31HePaWn8UH5P+14wfxYcK8LPBGCj/73oCXArg5VEHesRlfiu9PNBR9ASYBVgE53sdsoGsK3mkRyENWPXtgeqDxfsk9QS4EsD1AMzfGFyPAM6/YtYHJKwnwKS+XDj1deAD1Btrepn36ktY+2+dJ8DFAN7q0F8ZAQDqhRGRR3otonrNl1dPgFmA1lfV+/G2fqT3i6wvNwAC9HHh4tp0obGONu7x6tpxkW//qG4pPepDgNE++kbfQcnr1jrrde0GWfNr+yfApQCGB4rAaNvHW1+/Ysif1b/Vl9c/AWYBlh/5wea40OBVq0cH18ZJ2XFc1j8B5gHWIGXYB5I5gFYAUYAaOALcC+A0zokOFJV+mgFcb9vfm4/7IcCVAcYHirP9zIZBPfLXAAoOdLP+CTALEP156OHtF62P+rP2yfonwJT/F6iCzPXn+/ECAAAAAElFTkSuQmCC) no-repeat;} .navintro {padding-left:25px;margin-left:8px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAYAAABMU775AAAAzUlEQVQ4je2UsQ2EMAxFXbq8NVglJauwSkqvkjVYwyP8KxIHJ4eBK086S1+JZD1sfzBEvxoFRAKiHURop78LTiCAmW9VH9BjBzMDQlVrIKEGA0QkHWJmpJSQcw7lqpYOppSgqqGOdgVDm1bxqmoFC7opWAmqCuhWZfN66eZb3TtoiUin5mzLqydMfq4RdOacgTbTJyhTqy2hqoMhVvkAJ3OeV5zNeQz6L+f7irE5sauBOffvsWBYKYOvFK7Ws53EvNDS2vBbb6f/O/zjMt60ks1xXKB3RgAAAABJRU5ErkJggg==) no-repeat 4px center;} .navintro a {width:80px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAiCAYAAADI+15nAAABb0lEQVRoge2YzQ3CMAyFe2QMxmA8xuDIGIzCKNzgAKWqG+f5JUYp0rNkCTV+/vkCovJ0fjyejE/T5eNra9Wz9W2e3nM7B20CmAxwSVxuAAFAejRgr771CyCAowGe7m/3AGWd27hsvReXDk4Ak2wudLxxPjfkN1zPb/X2+dKhBbD2aP8C+C8AvUajAFovwBuUvQD+ggRwLMA58eH8dq+AF+fry+dxfbku0rPnArgbgFfONw2a5yi/p++tz54L4GiA6DWh3X+dP7tPARwFUCbbg7WuhVhddC2WrePXcXU+mzgBbASIC5VB2efRuOgFsPWz9AI4CiBaS0VfC2w+Np5d3P5aD/MLYCfA+UPWYpJdH6F1FMrLrtO8i+TnF8AsgPWfaHTAvQOsDL6aH/fjziOATQC/656khaSNRwCj+b28bP9Z/QhgOkBykQkBhheXZlCyvqdDcdH+4RwC2AnQ+/PAXgcSj2/tI6pj+6LnFsAegC9bdgwq+BGERAAAAABJRU5ErkJggg==) no-repeat;}  .navwarp {padding-left:25px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAbCAYAAABfhP4NAAAAO0lEQVQokWNgoBNgYWL5j4zhgn/+/YEL/pllA5GESfyZZQPHcAlsGKEDCRM2Cq/lpLlq8BmFM9iHFgAA7t21LdMlf+oAAAAASUVORK5CYII=) no-repeat 9px center;} .navwarp a {width:64px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAiCAYAAADvVd+PAAABSUlEQVRoge1YsQ2DQAykzBgZI+MxRsqMkVEyCl1SgEVy+eP85qF5W3LB23e2Ty8QHsZpen/7MNwX/zWVh3HmUdxReDlYCiDyOL4cV3gvTyt8CmAHt9fsFsBnlsfOUTiLK7yXpxU+BbCD63N2JoDKY4URx/AYZ45XW/GzPlIAJkBtI2fhcXAlsJunewEscBnr3AgQjwUYfzSOAig8d0HQnwCP2S0Bn1keO2f8Cv/PU1ef9UGtewH0VYl6K/69PClAWtqW1S4U1t/JGA9ezWiexeP9L/wpwE4B9ADlRtUAewXw1k8B1GfEANGFB8tj/N7FicL7P6MpQNnoAgGAexcS5/9OO61bAbyDHy1Aq7j7yncrAFso6IXINh4LYp7FNb6cV4un8RTACB51vt4haETiyGBioYF5tXUpf/cC8JeFcrQovlVeeI6+BfgAqEmliGhwC+gAAAAASUVORK5CYII=) no-repeat;}  .navtips {padding-left:40px;margin-left:10px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAABL0lEQVRIiZ2WURLDIAhEOVxvnO+ezX6kVrK+RabOONMmymNBMBFxjXvGiIjxfq3pRl6jc9pZdvNMMAU4sAPNdx6YYNkY/dZn07A6tIAIix8sK3SeO1jea2BLtm7WXKiC6pmFZWPPxc/JoWIg5k1P0Qmk651CPCh0wlxY1QEKZ3kyq7CQQgVp6HztfcNYedgtdrd2g9WdoK+K8oywyjjVneZ6z5GBnU5ipaytSos6502L8353baD8nJ1uFjWFxx0KCmPZQciz06BCLtsVAeb/zqDGbMJ4bQt0Mxkn9Xk9q0swlysaVQ4PsF1dNkqqqOZobwmjS1BbFNWc7vsbRsDqbmNQEUYFu1LwZdP4usogd59xw1aHLexsnFRwt2gUNTVSylcdtmNDry9MgnXuPorSBw4dwzSShhi4AAAAAElFTkSuQmCC) no-repeat 5px center;} .navtips a {width:64px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAiCAYAAADvVd+PAAABJ0lEQVRoge1YMRLCMAzryDN4Bs/rMxh5Bk/hKd1gKBniVli2w3WofOellmJHzVGiaV6WdySn6f7NNar86DqInw4J4DZaE9WP5kuAUQLcXn2io27rR/MlQDXagtdnn7aBxbU64qO0R7vaXwL8S4DqBjzeqBcgAarRFrzMfW4H3t+Ax7f1KB/hJMBwAR59sg18vhGCrKNEL0IC5IM76nV+tp6dSwIoFExEDY2qMZLledfg9DoSwDxAQH+QfdwWzwlg8excUb4EQMCt8cB9jizfMzBYPJqL7wfnP70AfVSvnez1NorHc60Zv5aTG5AABwkQNVbQEY/OIwGqxgNrcPD43z9eUUPG3ZcEaIRBxohntPzLkEkbKqcXgP7DQPO89VjcqL7uuucS4AMVndjQkHLOcgAAAABJRU5ErkJggg==) no-repeat;} .navscene {padding-left:22px;margin-left:15px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAWCAYAAADJqhx8AAAAtUlEQVQ4jaVTQQ7EIAjkLR77Ur/QB/oKMbOHiqHuSN3tJEQCzgQFRC6g20BN3zGKmgRmJkRizwJGfCUwV8CetgJEBKoKVb2JWazHOfwlbzXJLLgm59LGab6qAucRVzCTzJ9FwgpyaeO9Vq4XcPH/BJZkw2sBnAdyabDT/G0yM/l1iB5sG7c9YGMeTeRqkYYf/QndRD/SjwK+hayK7Zb6y7PtkC+F3kq/C1utJXMQ5UCTTCTKfwA8GfbPzPF6ggAAAABJRU5ErkJggg==) no-repeat 0 center;} .navscene a {width:81px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAiCAYAAAAnOTVZAAABQ0lEQVRoge2YwQ3CMBAE70kZlEF5KSNPyqAUSskvPIJ5GG/uHK8lK9mV7kGc864nAqKzaVnWI2U2r2YzvG5f1fbX+tsIEkSCcLj9Q7IhevsJ4lUgPt5bIQhpPb+vtR89NO8+QTwbxBT2/trqP9z+Ibz+fB37RPMMKEEkqBWCIJogUpTC3qat8tD5en4f7i+vI59oniEliAT9Qj/rCsKq7PPyCOJVIPovs14d3ac2z9ASREk6oViD2VH685+CXv6CyILo31Q2865HD8n2Z0GM+gsiGyIenCaVXz/yfhQ+Otht9a8dILf6CyILYvqAxlbeGIs92I36Iv9osfwFkQdx/7C9B7P+4Lb49XEhHs1f6y+ILIipKTp4jQ9mOfunau1HOVv9BZEOsfNAFu3Tqx8+TLK/ILIg4h9Qr/b/kMap3jkFsbk+2sZaLIr5IBsAAAAASUVORK5CYII=) no-repeat;}  .navshop {padding-left:35px;margin-left:2px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAAxElEQVRIie3TwQ3DIAwFUI/DUBmCMThXGY5VKn2Jnj6ywYGgpodK+GJFCU8O8EVUASjvVyiyWADKccJfB6AQXsG57jgdnC81fAfX6whXnBh7imL67PfZUxTTuy3Q6AxuJyW64Q0PYH2Pr2AAJQcxz/oed7CeFIAbEE6Xg1RcT8p1JiAiYvA20jq2hD28izTrCs1BKpqimO7h7oF4+9pOSlTv9xAdnfwMXq4N/zms7/FjsJ6UsW0D8gjeRvrr+gna4ne//wDp62zvgzi1HgAAAABJRU5ErkJggg==) no-repeat 8px center;} .navshop a {width:94px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAiCAYAAADWMm7UAAABjklEQVRoge2ZzXXCQAyEfUwZKYPyKCPHlJFSUgo3cnBMnrUMI2nXliGj93SxZyTtx49hdzpfLldPTtPHb86R1XnrsPpRX6+/d+6mjsAXgWeD/AnHgvf2O7o/2kfg68GvAZ2+19kIid76rA5dx/3sC7+vH83P6iGdwB8F/GJ4/1onAo/0LO0A3jp2jqwvOz8EB+ohXRMC/+TgGVDvV0F//RioLHCBf1bwi+HtvE5UgOvntDp0ffT9JUfVZyCjeoGvAn8zfD5OWwj5mK5ZGOnb1s35vf1ZH/pGJDqBrwaPH0bsITVKt1X/rft4OQr80cArFP8p0PYoS/tRyvp6/b3b09sTBiHwRYEHmpMtjC/8vg49xLz10PwCL/CPYxnEexCQPdBgfbz9vHrvgcx2ZEkIfFHw7Uz0x2BO7/avd9t0/wOZohD4omBARh147A0+Ot/uIfBFcdvOBBv49n78QMLXx9svrr8/p8CTeV4ffPJAoVlY0Bedw+tjOoEPzvEy4NnPRZ7ZOr1zeH1MVxYCXxE/p9CIXYDffkwAAAAASUVORK5CYII=) no-repeat;}  .navcode {padding-left:35px;margin-left:3px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAAlUlEQVQ4jbVS2xGAIAxjHMdnAAZxGO7qD9TSNkVUcteThyZpakproFZbQLVkOo89Ikzea0WEdDUC815ELs7H6s7ks5bskeiPTYceFytLB3x5Ew3xqC70bEhx+vmidXQnOXQK3gweC+gEQIzwTzF7zxBybkQQKZgBEg8xdBI5luuZc9hJ1I0j/gozgc8IZ/CHAIs4NcUFHKhElP210XQAAAAASUVORK5CYII=) no-repeat 4px center;} .navcode a {width:92px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAiCAYAAADSx77pAAABfElEQVRoge2ZyRHCMAxFfaQMyqC8lJEjZVAKpeQWDsEM2Bbf8qKY8DWjA9Hy5ccyQXHTsqwpd25enZuTsfe4e5qUV1qH8nrph3GUp9Yl8EGAtwOWHqz2DUV9c/vXf+B0eQS+F/DLPe1RgfBVk+vSeeGgSD+3Hulq9TEXHQcCtwbuA+fbd5eAS/Vhfpjn47n6Un90QDRfrb6WA4GPAlwaqFRIC7w2rn3DwuvSawL/NeA+cJo+PRQqjUs6+fXpPHS9dP74JgHl5XEk8N2BXz89EhLiKK+0TjwQmA/Vaeu1+vDcBG4MXPoK5bu3XnW9+6P62j5RXwI3Bk6jHdm061ntmrZVXat6qY+ZEbixyYNsjgbGB0rnoetW+gT+L8BbL/BRH6m+l/4wt2kEbmxo/Ypu5FuvZ1Fd6Xp2mD8eBG5svQ68N/BhfkJCI3Bje60XCxfrKI50+utvDh8MWBmBG1vuAt36AUSvevSggcCPBhzd9mEv7VOr33p+MyNwS3sAbyfcsCMwT+kAAAAASUVORK5CYII=) no-repeat;}  .navcredits {padding-left:30px;margin-left:7px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAAlUlEQVRIie3UwQ3AIAgFUMZyAwd1CUfzZg+NrYIUUHswkYRb+/LzowKc2WEy2nVoDj4nZ4NxGrIIFeH3w0g3uXvHUAG0olDQHDwLjqFAU9Zgg0ZLDVVaEY0NLsNfiZfBZdl+Z2Blz3NVdOuwnuFevwyqP8f4IpBeDWmfxPV1ZUHTGQbmDeBBXdqCoh+5Vc8vD/aZDecCEnWC96X4AtsAAAAASUVORK5CYII=) no-repeat 4px center;} .navcredits a {width:92px;height:34px;display:block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAiCAYAAADSx77pAAABa0lEQVRoge2ZQa7CMAxEs+QYHIPj9RhdcgyOwlHYlUWIkNwOjt3EDdWM5M23J3aexK/kpOn1WjyR0rykNLt96aN/6e/tt+r7Lxc+un834N+BfjeozaO6Xn7r/N4691wEfhDw2zMH+smVvKzT8ugcq19eHPmt81vr6vuDIPBg4KXw+shRe9ES0q+F17+eK0ubH53vrbP2dxgIPBS4NogdmPWi2z4CJ/A64KXwMuWQBpmXdda89fwS/c631Vn5EfgwwO+2WF0Y5FGd5t/bX/NZ/QgkuheBjwIcf5xaRVSfqLlq+RH4KMAp6sxCa0l9Xek7R/qtfWr7DvvTJvBgeRf06O/t/XvnH0wEHqwyYO8HhL3+vfMPIwIPVq8HBHlhtMb0rkW1+QmcwLP6PyBs1xE4gcdIW7xrC/baxT0652h/HGkwCIF3FlrAy38heNG+nW/9ANDqAcLwUEDgpwC+/hhufxz9+da+1hEuAo/UGx665K52qo+PAAAAAElFTkSuQmCC) no-repeat;}

.nav li:hover, .nav li.generatedhover, .twodeehome .navstart, .twodeeintro .navintro, .twodeelinks .navwarp, .twodeetutorial .navtips, .twodeeblog .navscene, .twodeeshop .navshop, .twodeecredits .navcredits, .twodeethreedee .navcode {background: url(images/nav-arrow.gif) no-repeat 10px center;transition:0.2s ease;}

/*----------------PAGELOAD CURTAIN-------------------------*/
#curtain{position:fixed; background:#000; width:100vw; height:100vh; z-index:11; top:110%; left:0; transition:top 1s linear;}
#curtain[data-curtain=close]{top:0%;}