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

/*----------------RESET-------------------------*/

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;}article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary {display: block;}ol, ul {list-style: none;}

/*----------------MAIN, HEAD-------------------------*/

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

html {
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; 
text-align: center;
animation: fadeint 1s;
-webkit-animation: fadeint 1s;
}
@keyframes fadeint {0%{opacity:0;} 60%{opacity:0;} 100%{opacity:1;}}
@-webkit-keyframes fadeint {0%{opacity:0;} 60%{opacity:0;} 100%{opacity:1;}}

body {
background-color: #0000A8;
background-image: url(images/bgbody.png);
background-repeat: repeat;
color: #bcbcbc;
font-style: normal;
font-weight: normal;
margin: 0 auto; text-align: left;
font-family: verdana,helvetica,arial,sans-serif;
font-size: 62.5%; 
line-height: 1.54; 
}

p { font-size: 1.3em; margin-bottom: 15px;}
a{ color: #FFFFFF; text-decoration: none;}
h1, h2, h3, h4 {line-height: 1;font-weight:bold;color: #FFFFFF;font-family: SilkscreenNormal,sans-serif;}
h1{font-size: 2.4em;}
h2{font-size: 2.1em;}
h3{font-size: 1.3em;margin:5px 0;}
strong{font-weight: bold;}
em{font-style: italic;}
small{font-size: 70%;}
hr {background-color: #FFFFFF;color: #FFFFFF;border: 2px;clear: both;height: 2px;margin-bottom: 1em;}
.wrap{background-color: #000000;border-color: #FFFFFF;border-style: solid;border-width: 0 2px;margin: 0 auto;width: 960px;}
img {max-width: 100%;image-rendering: -moz-crisp-edges !important;-ms-interpolation-mode: nearest-neighbor !important;image-rendering: -o-crisp-edges !important; image-rendering:-webkit-optimize-contrast !important; }

/*----------------HEADER-------------------------*/

.head {background: url(images/headerblank.png) no-repeat scroll 0 0 transparent;height: 166px;position:relative;}
.head img {position: absolute;top:19px;left:19px;}
.head img:hover{top:20px;left:20px;}

/* halloween
.head {
background: url(images/headerzamn.png) repeat scroll 0px 0px transparent;
-webkit-animation-name: headscroll;
animation-name: headscroll;
-webkit-animation-duration: 77s;
animation-duration: 77s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: backwards;
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;}
}
.head:after{
content: url(images/headeroverlay.png);
position: absolute;
right: 0;
}
.head:before{
content:"'Zombies Ate My Neighbors', the best halloween game on SNES/Genesis";
background: rgba(0,0,0,0.5);
padding: 3px;
color: rgba(255,255,255,0.8);
position: absolute;
top: 0;
left: 350px;
font-size: 8px;
font-family: "helvetica", "arial", sans-serif;
z-index: 3;
}
/* end */

/*----------------NAV-------------------------*/

ul.nav li em{
background: #000;
color: #FFF;
border: 2px solid #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-bottom: 2px solid #000;
padding: 5px 10px;
width: auto;
height: auto;
position: absolute;
bottom: 30px;
left: 0;
text-align: center;
z-index: 0;
display: none;
font-family: SilkscreenNormal;
font-size: 1.6em;
font-weight: bold;
font-style: normal;
}
.nav {
background: url("images/nav-longborder.png") repeat-x scroll 0 0 transparent;
height: 61px;
padding-left: 10px;
position: relative;
width: auto;
}
.nav li{
display: inline;
float: left;
height: 34px;
margin: 14px 7px 0 0;
padding-left: 25px;
position: relative;
}
.nav li.navshop, .nav li.navscene, .nav li.navintro{
margin-right: 3px;
}
.nav li.navwarp{
margin-right: 10px;
}
.nav li.navtips {
padding-left: 38px;
}
.nav li.navshop, .nav li.navscene, .nav li.navcode {
padding-left: 34px;
}
.nav li.navcode:hover{
cursor: help;
}
.nav li.navcredits {
padding-left: 31px;
}
.nav li:hover, .nav li.hover{
background: url(images/nav-arrow.gif) no-repeat scroll 10px center transparent;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
-ms-transition: 0.2s ease;
transition: 0.2s ease;
}
.navstart{
background: url(images/nav-start-bg.png) no-repeat scroll left center transparent;
}
.navtips{
background: url(images/nav-tips-bg.png) no-repeat scroll 5px center transparent;
}
.navwarp{
background: url(images/nav-warp-bg.png) no-repeat scroll 9px center transparent;
}
.navintro{
background: url(images/nav-intro-bg.png) no-repeat scroll 4px center transparent;
}
.navshop{
background: url(images/nav-shop-bg.png) no-repeat scroll 8px center transparent;
}
.navscene{
background: url(images/nav-scene-bg.png) no-repeat scroll 4px center transparent;
}
.navcode{
background: url(images/nav-code-bg.png) no-repeat scroll 4px center transparent;
}
.navcredits{
background: url(images/nav-credits-s-bg.png) no-repeat scroll 4px center transparent;
}

/*----------------FOOTER-------------------------*/

.footer{
border-top: 2px solid #FFFFFF;
clear: both;
margin-top: 128px;
padding: 10px 10px 50px;
position: relative;
text-align: right;
}
.footer p{
font-size: 1em;
}
.footer a, #sharebox a{
-webkit-transition: top 0.2s;
-moz-transition: top 0.2s;
-o-transition: top 0.2s;
-ms-transition: top 0.2s;
transition: top 0.2s;
}
.footer a:hover, #sharebox a:hover{
position: relative;
top: 3px;
}
img[title="I Am Error 404"]{
margin-bottom: 80px;
}
.errorkonami{
background: orange; 
box-shadow: 0 2px 0 #42A3FF, 0 3px 0 #FFF, 0 4px 0 #42A3FF, 0 -2px 0 #42A3FF, 0 -3px 0 #FFF, 0 -4px 0 #42A3FF; 
padding: 30px;
position: relative;
}
.errorkonami span{
position: absolute;
top: 5px;
right: 190px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #007BFF rgba(0, 0, 0, 0);
}
.errorkonami h4{
color: #000000; 
margin: 0;
font-size: 150%;
text-align: center;
line-height: 1.5;
}


.deadlink{
text-align: center; 
margin: 50px auto 0; 
display: block; 
width: 500px;
}
.deadlink h3{
color: #20B8F8;
}


/*----------------MEGAMAN-------------------------*/

.eModal {
cursor: pointer;
}
h1.eM-title{
margin-bottom: 19px;
text-align: center;
}
.megaman #eModal-Container{
background-image: url(images/bgbody.png);
background-repeat: repeat;
}

.mmmain{
background: url(images/megamanbg2.gif) no-repeat scroll 0 0 transparent;
float: left;
height: 616px;
position: relative;
width: 734px;
}
.lab{
background: url(images/mm-lab.png) no-repeat scroll top center transparent;
width: 226px;
height: 30px;
position: absolute;
top: 160px;
left: 222px
}
.inviso{
display: none;
}
.spriteentry{}
.spritedownload {
padding: 1px 5px;
display: block;
margin: 0 auto 10px;
text-align: center;
width: 80%;
}


.sideload{text-align: center; color: #FFD200; font-size: 1.7em;}


.Tumblr:before,.aiwidgetscss:before{
content:"";
background: url("images/tumblr.png") center 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
}
.aiwidgetscss:before{
background: url("images/twitter.png") center center no-repeat rgba(0,0,0,0.5);
}
.Tumblr>p>a, .aiwidget-title a{
width: 186px;
height: 41px;
display: block;
position: absolute;
top: 0;
font-size: 0;
color: transparent;
}
.Tumblr>p>a:hover, .aiwidget-title a:hover{
background:rgba(255,255,255,0.2);
}
.tumblr_post p {
font-size: 10px;
margin-bottom: 3px;
}
.tumblr_post blockquote{
border-left: 1px solid;
padding-left: 5px;
}
.Tumblr, .widget.aiwidgetscss {
background: url("images/spaceship.gif") bottom center no-repeat, url("images/space.gif") repeat scroll 0 0;
padding-bottom: 40px;
border: 0 none;
outline: 1px solid #FFF;
margin-bottom: 40px;
font-weight: normal;
position: relative;
min-width: 185px;
}
li.tumblr_post,.aiwidgetscss .imgdisplay {
padding: 5px;
margin: 5px 10px 15px;
background: none;
color: #FFD200;
font-size: 1em;
line-height: 1.5;
list-style: none;
background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
outline: 1px solid rgba(255,255,255,0.2)
}
.imgdisplay .imgalign { float: left; margin: 4px 10px 3px 0; }
.aiwidget-title span{display: block; text-align: center;}
.aiwidget-title{color: transparent; font-size: 0;}
.tweettxts .tweetlink {font-size: 1em; text-align: right; margin-top: 10px;}
.tweetlink span{display: block;}



#wordspew{
text-align: left;
}
#chatoutput {
background: url("images/spaceship.gif") bottom center no-repeat, url("images/space.gif") repeat scroll 0 0;
}
#chatoutput li span.jal_user, #chatoutput li span.jal_user a, td span.jal_user{
margin-right: 6px;
padding: 0 0 0 4px;
color: white;
border-left: 5px solid white;
}


.pushbutton, 
.comment-reply-link,
input[type="button"], 
input[type="submit"], 
#wordspew #chatForm input#submitchat{
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;
-moz-box-shadow: 1px 1px 2px #333;
-webkit-box-shadow: 1px 1px 2px #333;
box-shadow: 1px 1px 2px #333;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
}

.pushbutton:visited, 
input[type="button"]:visited, 
input[type="submit"]:visited, 
#wordspew #chatForm input#submitchat:visited{}

.pushbutton:hover, 
.comment-reply-link:hover,
input[type="button"]:hover, 
input[type="submit"]:hover, 
#wordspew #chatForm input#submitchat: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);
-moz-box-shadow: inset 1px 1px 2px rgba(22,22,22,0.4);
-webkit-box-shadow: inset 1px 1px 2px rgba(22,22,22,0.4);
box-shadow: inset 1px 1px 2px rgba(22,22,22,0.4);
color: #333;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition: background-color 0.2s ease;
}
.pushbutton:active, 
.comment-reply-link:active,
input[type="button"]:active, 
input[type="submit"]:active, 
#wordspew #chatForm input#submitchat:active{
background-color: yellow;
-webkit-transition: background-color 0.1s;
}
.comment-reply-link {
padding: 5px 10px;
}
.navigation a{
font-weight: bold;
font-family: SilkscreenNormal,sans-serif;
font-size: 2.2em;
display: block;
}
.prev-posts a{text-align: right;}


div#slideshow {
top: 197px;
left: 143px;
height: 224px;
overflow: scroll;
position: relative;
width: 384px;
z-index: 5;
}
div#slideshow ul#slides {
list-style: none outside none;
}
ul#slides li {
margin: 0 0 20px;
}
.mmscroll {
bottom: 29px;
height: 58px;
position: absolute;
right: 247px;
text-align: center;
width: 228px;
}
.mmscroll li{
background-color: #000000;
display: inline-block;
float: left;
height: 58px;
margin-right: 11px;
width: 65px;
}
.mmscroll #previous, 
.mmscroll #next{
cursor: pointer;
}
.mmscroll li:hover{
background-color: #FFFFFF;
}
.mmscroll li:active{
background-color: #FFD200;
}
.edgeglare{
-moz-box-shadow:inset 0px 0px 30px rgba(255, 255, 255, 0.5);
-webkit-box-shadow:inset 0px 0px 30px rgba(255, 255, 255, 0.5);
box-shadow:inset 0px 0px 30px rgba(255, 255, 255, 0.5);
}
.mmmainpic{
position: static;
background-color: #555;
overflow: hidden;
width: 384px;
height: 224px;
cursor:pointer;
cursor:-moz-zoom-in;
cursor:-webkit-zoom-in;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.mmmainpic:hover{
background-color: #888;
}
.mmmainpic img{
display: block;
margin: 0 auto;
}
.mmcaption{
height: 249px;
overflow: auto;
padding: 5px;
position: absolute;
right: 18px;
top: 80px;
width: 135px;
}
.captitle{
border-bottom: 1px solid #FFFFFF;
display: block;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4;
margin-bottom: 0.8em;
padding-bottom: 5px;
}
.mmcaption p{
font-size: 1em;
line-height: 1.5;	
}
#mmnav a {
background-color: #333333;
display: block;
float: left;
height: 30px;
margin: 10px 5px;
outline: 3px solid #777777;
padding: 3px;
text-align: center;
width: 30px;
}
#mmnav a:hover{
outline: 0 none;
-moz-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;
-webkit-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;
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;
}
#mmnav a img{
height: auto;
max-width: 30px;
max-height: 30px;
}
#mmnav .activeSlide{
background: none repeat scroll 0 0 Chocolate;
outline: 3px solid #FFD200;
-webkit-animation: frontpageblink .7s linear infinite;
animation: frontpageblink .7s linear infinite;
}
@-webkit-keyframes frontpageblink {
0% { outline: 3px solid #FFD200; background-color: chocolate;}
50% { outline: 3px solid #FFD200; background-color: chocolate;}
51% { outline: 3px solid #777; background-color: #333;}
100% { outline: 3px solid #777; background-color: #333;}
}
@keyframes frontpageblink {
0% { outline: 3px solid #FFD200; background-color: chocolate;}
50% { outline: 3px solid #FFD200; background-color: chocolate;}
51% { outline: 3px solid #777; background-color: #333;}
100% { outline: 3px solid #777; background-color: #333;}
}
#mmnav .slideborder{
background: none repeat scroll 0 0 #FFD200;
}

body #facebox .popup {
border: 1px solid #FFF;
box-shadow: 0 0 18px rgba(222, 222, 222, 0.9); 
}
#facebox div.content { 
display: block; 
}
.megaman #facebox .content, .bionic #facebox .content, .tmnt #facebox .content  {
background-color: #444; padding: 40px;
}
#facebox .footer {
margin: 0;
}
#facebox .info_title {
overflow: auto;
}

.mmside{
background: url("images/mmsidebarborder.png") repeat-x scroll 0 top, url("images/mmsidebarborder.png") repeat-y scroll left top, url("images/mmsidebarborder.png") repeat-x scroll 0 bottom, url("images/mmsidebarborder.png") repeat-y scroll right top, url("images/mmsidebarbg.png") repeat scroll 0 0 transparent;
float: right;
font-weight: bold;
min-height: 567px;
overflow: auto;
padding: 19px;
width: 186px;
margin-bottom: 50px;
color: #FFF;
}
.updatebar img {
display: block; 
margin: 0 auto;
}
.updatebar, .wp-polls, .wp-polls-loading, #recentcomments {
background-color: #000; 
background-color: rgba(0, 0, 0, 0.4);
margin: 15px 0 25px;
outline: 0px double rgba(0, 0, 0, 0.2);
outline-offset: 15px;
padding: 15px 5px 5px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.updatebar:hover, .wp-polls:hover, .wp-polls-loading:hover, #recentcomments:hover {
background-color: #000; 
background-color: rgba(0, 0, 0, 0.8);
outline: 5px solid rgba(0, 0, 0, 0.8);
outline-offset: 0;
}
li.recentcomments{
list-style: inside url("images/mmsidebarborder.png");
margin-bottom: 7px;
}
.recentcomments a{
color: #F3A500;
}
ul#recentcomments{
background-image: url(images/megaman-side-comments.gif);
background-position: center top;
background-repeat: no-repeat;
}
.updateblog{
background-image: url(images/megaman-side-blog.png);
background-position: center top;
background-repeat: no-repeat;
}
.updatetuts{
background-image: url(images/megaman-side-tutorials.png);
background-position: center top;
background-repeat: no-repeat;
}
.updateshop{
background-image: url(images/megaman-side-shop.png);
background-position: center top;
background-repeat: no-repeat;
}
.updatelinks{
background-image: url(images/megaman-side-links.gif);
background-position: center top;
background-repeat: no-repeat;
}
.wp-polls-form p, .wp-polls p{font-size: 100%}
.wp-polls-form p a, .wp-polls p a{color: #FFD200;}
.wp-polls-ul li{margin-bottom: 10px; border-left: 1px solid #FFF; padding-left: 6px;}
.wp-polls-ul small{display: block; color:#FFD200; margin-top: 3px; font-weight: normal; font-size: 100%;}
.megaman .footer{
margin-top: 20px
}
.megaman .footer > img{
position: absolute;
right: 0;
top: -32px;
}


/* REFLOW OF THE SHOUTBOX  */

#mmnav {
overflow: auto;
width: 693px;
padding: 20px;
background: #000;
clear: left;
}
.mmside {
min-height: 1042px;
overflow: hidden;
}
.mmside #chatoutput {
height: 500px;
width: 100%;
padding: 0;
font: 11px helvetica, arial, sans-serif;
overflow: auto;
}
.mmside #chatoutput ul#outputList li {
padding: 5px 0;
margin: 5px 10px;
background: none;
font-size: 1em;
line-height: 1.5;
list-style: none;
background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
}
.mmside #chatInput {
margin-left: 0;
width: 100%;
}
.mmside #chatoutput ul#outputList {
padding: 0 0 50px;
}
.mmside #lastMessage {
border-bottom: 0 none;
margin: 10px 0;
}
.mmside #wordspew {
margin-bottom: 5px;
border-bottom: 0 none;
padding-bottom: 0;
}
.megaman .footer {
margin-top: 60px;
}

/*----------------Castlevania Intro-------------------------*/

.castlecontent{
background: url(images/castle-floor.png) repeat-x scroll 0 bottom transparent;
display: table;
padding-bottom: 16px;
}
.castlemain{
width: 599px;
display: table-cell;
}
.castleheader{
background: url(images/castle-header.gif) no-repeat scroll 0 0 transparent;
height: 159px;
}
.castleheader marquee{
width: 550px;
margin-top: 77px;
}
.castlebody{
background: url(images/castle-walls.gif) repeat-y scroll 0 0 transparent;
padding: 40px 60px 40px 59px;
width: 480px;
}
.castlebody h2{
/*background-color: #C84C0C;*/
background: url("images/castle-floor.png") repeat-x scroll 0 top, url("images/castle-floor.png") repeat-x scroll 0 bottom #004058;
color: #FFFFFF;
margin: 0 0 10px;
padding: 17px 5px;
text-shadow: 3px 3px 0 #000000;
line-height: 1.4;
}
.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;
}
.castlesideinner{
background-color: rgba(0, 0, 0, 0.6);
border: 1px solid #FFFFFF;
margin: 20px 43px;
padding: 20px 10px;
width: 252px;
}
.castlevania .footer > img{
position: absolute;
right: 10px;
top: -114px;
}

/*----------------MARIO LINKS-------------------------*/

.linkshead{
background: url(images/links-header.png) no-repeat scroll center 0 transparent;
height: 41px;
margin: 20px 0 0;
}
.linksbody{
background: url(images/links-wall.png) repeat-y scroll center 0 transparent;
overflow: auto;
}
.mario .topic{
background: url("images/mario-tile.gif") repeat-x scroll 0 111px transparent;
display: inline-block;
margin: 10px 44px;
min-height: 65px;
padding: 15px 0;
vertical-align: top;
width: 390px;
}
.pipe2 h2{background: url(images/mario-pipe2.gif) no-repeat scroll 0 0 transparent;}
.pipe3 h2{background: url(images/mario-pipe3.gif) no-repeat scroll 0 0 transparent;}
.pipe4 h2{background: url(images/mario-pipe4.gif) no-repeat scroll 0 0 transparent;}
.pipe5 h2{background: url(images/mario-pipe5.gif) no-repeat scroll 0 0 transparent;}
.pipe6 h2{background: url(images/mario-pipe6.gif) no-repeat scroll 0 0 transparent;}
.pipe7 h2{background: url(images/mario-pipe7.gif) no-repeat scroll 0 0 transparent;}
.pipe8 h2{background: url(images/mario-pipe8.gif) no-repeat scroll 0 0 transparent;}

.mario .topic h2{
display: table-cell;
height: 81px;
padding-left: 90px;
vertical-align: bottom;
}
.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;
-webkit-transition: 0.15s ease-in;
-moz-transition: 0.15s ease-in;
-o-transition: 0.15s ease-in;
-ms-transition: 0.15s ease-in;
transition: 0.15s ease-in;
}
.mario .footer{
background: url(images/links-footer.png) no-repeat scroll center 0 transparent;
border: medium none;
margin-top: -2px;
padding-top: 65px;
position:relative;
}
.mario .footer marquee{
left: 142px;
position: absolute;
top: 9px;
width: 677px;
}
.marioimages{
left: 142px;
position: absolute;
top: 9px;
width: 677px;
height: 24px;
overflow: hidden;
text-align: left;
}
.marioimages img{
position: absolute;
left: 0;
float: none;
display: inline;
}

@-webkit-keyframes scroll-mario-right {0% { left: -100px;}100% { left: 777px;}}
@-webkit-keyframes scroll-mario-left {0% { left: 857px;}100% { left: -150px;}}
@-moz-keyframes scroll-mario-right {0% { left: -100px;}100% { left: 777px;}}
@-moz-keyframes scroll-mario-left {0% { left: 857px;}100% { left: -150px;}}
@keyframes "scroll-mario-right" {0% {left: -100px;} 100% {left: 777px;}}
@keyframes "scroll-mario-left" {0% { left: 857px;} 100% {left: -150px;}}

.billr {-webkit-animation: scroll-mario-right 11s linear infinite;-moz-animation: scroll-mario-right 11s linear infinite;animation: scroll-mario-right 11s linear infinite;}
.marior {-webkit-animation: scroll-mario-right 14s linear infinite;-moz-animation: scroll-mario-right 14s linear infinite;animation: scroll-mario-right 14s linear infinite;}
.koopar {-webkit-animation: scroll-mario-right 17s linear infinite;-moz-animation: scroll-mario-right 17s linear infinite;animation: scroll-mario-right 17s linear infinite;}
.parar {-webkit-animation: scroll-mario-right 20s linear infinite;-moz-animation: scroll-mario-right 20s linear infinite;animation: scroll-mario-right 20s linear infinite;}
.goombar {-webkit-animation: scroll-mario-right 24.5s linear infinite;-moz-animation: scroll-mario-right 24.5s linear infinite;animation: scroll-mario-right 24.5s linear infinite;}
.goombar2 {-webkit-animation: scroll-mario-right 21.5s linear infinite;-moz-animation: scroll-mario-right 21.5s linear infinite;animation: scroll-mario-right 21.5s linear infinite;}
.beetler {-webkit-animation: scroll-mario-right 26s linear infinite;-moz-animation: scroll-mario-right 26s linear infinite;animation: scroll-mario-right 26s linear infinite;}
.spinyr {-webkit-animation: scroll-mario-right 29s linear infinite;-moz-animation: scroll-mario-right 29s linear infinite;animation: scroll-mario-right 29s linear infinite;}
.lakitur {-webkit-animation: scroll-mario-right 32s linear infinite;-moz-animation: scroll-mario-right 32s linear infinite;animation: scroll-mario-right 32s linear infinite;}
.goombal {-webkit-animation: scroll-mario-left 19s linear infinite;-moz-animation: scroll-mario-left 19s linear infinite;animation: scroll-mario-left 19s linear infinite;}
.luigil {-webkit-animation: scroll-mario-left 16s linear infinite;-moz-animation: scroll-mario-left 16s linear infinite;animation: scroll-mario-left 16s linear infinite;}
.spinyl {-webkit-animation: scroll-mario-left 25s linear infinite;-moz-animation: scroll-mario-left 25s linear infinite;animation: scroll-mario-left 25s linear infinite;}
.koopal {-webkit-animation: scroll-mario-left 22s linear infinite;-moz-animation: scroll-mario-left 22s linear infinite;animation: scroll-mario-left 22s linear infinite;}

.topic li a.starpick{
background: url(images/star.gif) no-repeat scroll 3px center transparent;
padding-left: 25px;
}
.topic li a.starpick:hover{
-webkit-animation: starbounce .65s linear infinite;
}
@-webkit-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.new{
color: #F3A500;
}

/*----------------Tutorial - TMNT-------------------------*/

.content .iLikeThis .counter a {
background-color: white;
color: red;
cursor: pointer;
margin-left: 10px; 
border: 1px solid white;
padding: 1px 7px 2px 0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
box-shadow: 1px 1px 0px red, 2px 2px 0px #000, inset 1px 1px 3px rgba(111, 111, 111, 0.6);
font-size: 14px;
}
.content .iLikeThis .counter a:hover {
border: 1px solid white;
position: relative;
top: 1px;
left: 1px;
box-shadow: inset -2px -1px 2px #EEE, 1px 1px 0px #000, inset 2px 2px 5px rgba(99, 99, 99, 0.9);
}
.postmetainfo{
color: #F3A500; 
display: block; 
float: right; 
text-align: right;
}
.tmnt p, .bionic p{
color: #FFFFFF;
}
.tutshead{
background: url(images/tuts-head-new.png) no-repeat scroll 0 0 transparent;
width: 960px;
height:356px;
}
.tutslatest{
background: url(images/tuts-latest.png) no-repeat scroll 0 top transparent;
clear: both;
margin: 20px 0 80px;
padding-top: 60px;
overflow: auto;
position: relative;
}
.tutslatest img{
margin: 0 20px 0;
}
.tutsarchive{
background: url(images/tuts-archive.png) no-repeat scroll 0 top transparent;	
clear: both;
padding-top: 40px;
}
.tutsfull{
background-color: #0000B3;
border:solid 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: right;
margin-right: 20px;
height: 176px;
overflow: auto;
padding: 20px 20px 0;
width: 690px;
}
.tutsfull img {
margin: 0 20px 0 1px; 
float: left; 
outline: 1px solid #CCC;
}
.tutsmini{
background-color: #0000B3;
border:solid 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
min-height: 120px;
margin: 20px;
overflow: auto;
padding: 15px;
vertical-align: top;
width: 243px;
}
.ie .tutsfull{
width: 630px;
float: right;
}
.ie .tutsarchive{
overflow: auto;
clear: both;
}
.ie .tutsmini{
display: block;
float: left;
}
.ie .tutslatest > img{
float: left;
}
.hottut{
border-color: #D82800;
border-top-width: 10px;
}
.tutsdifficulty{
font-style: italic;
font-size: 100%;
color: #F3A500;
}
.tutsmain h2 {
clear: none;
margin-bottom: 10px;
text-shadow: 2px 2px 0 #000;
position: relative;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease;
-o-transition: 0.2s ease;
-ms-transition: 0.2s ease;
transition: 0.2s ease;
}
.tutsmain h2:hover{
left: 2px;
color: #F3A500;
}
.tutsmini img {
float: right;
margin: 7px 0 15px 10px;
outline: 1px solid #CCC;
}
.tutsarticle{
background-color: #0000B3;
border:solid 2px #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: block;
margin: 30px auto;
overflow: auto;
padding: 30px;
width: 80%;
}
.tutsfoot{
position: absolute;
right: 10px;
top: -81px;
}

.shareboxfloat{
position: fixed;
width: 145px;
padding: 10px;
bottom: 5%;
margin-left: -229px;
background: url("images/mmsidebarborder.png") repeat-x scroll 0 top, url("images/mmsidebarborder.png") repeat-y scroll left top, url("images/mmsidebarborder.png") repeat-x scroll 0 bottom, none repeat scroll 0 0 #000;
text-align: right;
}
#sharebox .iLikeThis{display: block; margin-bottom: 20px;}
@media only screen and (max-width: 1315px) {	
.shareboxfloat{
padding: 5px 0;
bottom: 0;
margin-left: -62px;
text-align: center;
width: 960px;
z-index: 5;
background: #000;
border: 2px solid #FFF;
min-height: 0;
}
#sharebox .iLikeThis{display: inline; margin-bottom: 0; margin-right: 25px;}
}
/* fixes */
.tutsarchive {
padding: 45px 15px 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.tutsmain h2 {
position: inherit;
}
.tutsmini{
margin: 15px;
width: 244px;
}
.tutslatest {
margin: 20px 0 24px;
}
.tutslatest > img {
margin: 0 0px 0 30px;
}
.tutsfull {
margin-right: 30px;
padding: 20px 20px 0;
width: 661px;
}



.tmnt .content{
position: relative;
}

#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: bold;
font-family: SilkscreenNormal,sans-serif;
font-size: 17px;
line-height: 1;
box-shadow: 3px 3px 0 #000;
-webkit-transform:rotate(-18deg);
transform:rotate(-18deg);
}
#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);
-webkit-transform: rotate(-17deg);
width: 0;
}
#pressb.on span{
padding-top: 16px;
display: block;
-webkit-animation-name: blink;
-webkit-animation-duration: .7s;
-webkit-animation-iteration-count: 3;
-webkit-animation-timing-function: linear;
animation-name: blink;
animation-duration: .7s;
animation-iteration-count: 3;
animation-timing-function: linear;
}
@-webkit-keyframes blink { 70% { opacity:1 } 71% { opacity:0 }100% { opacity:0; }}
@keyframes blink { 70% { opacity:1 } 71% { opacity:0 }100% { opacity:0; }}


#don{
width: 100px;
height: 146px;
background-image: url(images/tmnts.gif);
background-position: -1400px 0px;
background-color: transparent;
background-repeat: no-repeat;
position: absolute;
top: 51px;
left: 392px;
}
#rock{
width: 100px;
height: 146px;
background-image: url(images/tmnts.gif);
background-position: -200px 0px;
background-color: transparent;
background-repeat: no-repeat;
position: absolute;
top: 177px;
left: 366px;
}
.rockgethit{
-webkit-animation-name: arockgethit;
-webkit-animation-duration: .1s;
-webkit-animation-iteration-count: 4;
-webkit-animation-timing-function: linear;
animation-name: arockgethit;
animation-duration: .1s;
animation-iteration-count: 4;
animation-timing-function: linear;
}
@-webkit-keyframes arockgethit { 0% {opacity: 0;} 49% {opacity: 0;}50% {opacity: 1;}100% {opacity: 1; }}
@keyframes arockgethit { 0% {opacity: 0;} 49% {opacity: 0;}50% {opacity: 1;}100% {opacity: 1; }}

#april{
background-image: url(images/tmnts.gif);
background-position: 0px 0px;
background-color: transparent;
background-repeat: no-repeat;
width: 100px;
height: 146px;
position: absolute;
top: 180px;
left: -14px;
}
#explosion{
width: 64px;
height: 64px;
background-image: url(images/tmntsboom.gif);
background-position: 64px 0px;
background-color: transparent;
background-repeat: no-repeat;
position: absolute;
top: 259px;
left: 385px;
}
#win{
position: absolute;
top: 33px;
left: 19px;
display: none;
}
#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;
}


#text {
font-family: SilkscreenNormal,sans-serif;
text-shadow: 4px 4px 0 #000;
color: #FFF;
font-weight: bold;
text-align: right;
position: absolute;
right: 10px;
top: 50px;
line-height:0;
opacity: 1;
line-height: 0.9;
font-size: 50px;
}
@-webkit-keyframes textzoom2 { 0% {opacity: 0;right: 500px; }80% {opacity: 1;right: -10px;}100% {opacity: 1;right: 10px;}}
@keyframes textzoom2 { 0% {opacity: 0;right: 500px; }80% {opacity: 1;right: -10px;}100% {opacity: 1;right: 10px;}}

.moretext{
font-family: SilkscreenNormal,sans-serif;
text-shadow: 4px 4px 0 #000;
color: #FFF;
position: absolute;
right: 10px;
font-size: 24px;
opacity: 1;
-webkit-transition: color 1s;
-webkit-animation-name: textzoom2;
-webkit-animation-duration: .2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
-webkit-animation-fill-mode: backwards;
transition: color 1s;
animation-name: textzoom2;
animation-duration: .2s;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: backwards;
}
#text1{-webkit-animation-delay: 2.5s; top: 190px;}
#text2{-webkit-animation-delay: 2.9s; top: 210px;}
#text3{-webkit-animation-delay: 3.3s; top: 230px;}
#text4{-webkit-animation-delay: 3.7s; top: 250px;}
#text5{-webkit-animation-delay: 4.1s; top: 270px;}
#text6{-webkit-animation-delay: 4.1s; top: 290px;}
#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;}

/*----------------Blog - Bionic-------------------------*/

@-webkit-keyframes bionicplay {from { background-position-y: 0%; }to { background-position-y: 200%; }}
@-moz-keyframes bionicplay {from { background-position-y: 0%; }to { background-position-y: 200%; }}
@keyframes bionicplay {from { background-position-y: 0%; }to { background-position-y: 200%; }}

.bloghead{
background: url(images/bionic-headers.png) no-repeat scroll 0 0 transparent;
width: 960px;
height:751px;
position:relative;
text-indent: -9999px;
-webkit-animation: bionicplay .7s steps(2) infinite;
-moz-animation: bionicplay .7s steps(2) infinite;
animation: bionicplay .7s steps(2) infinite;
}	
.ie .bloghead{background: url(images/bionic-header-widescreen.gif) no-repeat scroll 0 0 transparent;}


.bcmainpic{
height: 134px;
left: 271px;
overflow: hidden;
position: absolute;
text-indent: 0;
top: 203px;
width: 134px;
}
.bccaption{
height: 149px;
position: absolute;
right: 261px;
text-indent: 0;
top: 197px;
width: 271px;
overflow: auto;
}
.bccaption p{
font-size: 1.1em;
margin: 5px 0;
}
.blogmini{
background: url(images/bionic-frame.png) no-repeat scroll 0 0 transparent;
display: inline-block;
height: 166px;
margin: 20px;
overflow: auto;
position:relative;
width: 436px;
}
.blogmini.blogsticky{
background: url(images/side-quest.gif) no-repeat scroll center center transparent;
display: block;
width: 100%;
margin: 30px auto 20px;
}
.blogcaption{
height: 124px;
left: 16px;
overflow: auto;
padding: 5px;
position: absolute;
top: 16px;
width: 228px;
}
.blogmini.blogsticky .blogcaption{
left: 345px;
width: 400px;
}
.blogcaption h3 {
margin: 5px 0 10px;
}
.gchrome .blogsticky .blogcaption h3 a{
background: #000;
color: #FFF;
background: -moz-linear-gradient(top, #fff974 45%, #ff9f0f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#fff974), color-stop(100%,#ff9f0f));
background: -webkit-linear-gradient(top, #fff974 45%,#ff9f0f 100%);
background: -o-linear-gradient(top, #fff974 45%,#ff9f0f 100%);
background: -ms-linear-gradient(top, #fff974 45%,#ff9f0f 100%);
background: linear-gradient(to bottom, #fff974 45%,#ff9f0f 100%);
-webkit-background-clip: text;
background-clip: text;
color: rgba(0,0,0,0);
font-size: 140%;
}
.blogsticky .blogcaption h3 a{
color: #FFF;
}
.blogcaption p{
font-size: 1em;
margin: 0 0 10px;
}
.blogmini img {
height: 134px;
position: absolute;
right: 16px;
top: 16px;
width: 134px;
}
.blogmini.blogsticky img{
right: 38px;
}
.hotblog .blogcaption{
background-color: #A80021;
}
.hotblog.blogsticky .blogcaption{
background-color: #000;
}
.bionic .footer > img{
bottom: 0;
position: absolute;
left: 26px;
}


/*---------------- ARTICLES -------------------------*/

.alignright, .alignleft, .alignnone, .aligncenter{
background-color: #222;
outline: 2px solid white;
padding: 10px;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
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;
}
.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;
-webkit-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
}
.blogarticle .wp-caption {
background: url("images/mmsidebarborder.png") repeat-x scroll 0 top, url("images/mmsidebarborder.png") repeat-y scroll left top, url("images/mmsidebarborder.png") repeat-x scroll 0 bottom, url("images/mmsidebarborder.png") repeat-y scroll right top, none repeat scroll 0 0 #222;
outline: medium none;
padding: 20px 25px 5px;
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.wp-caption:hover.wp-caption .wp-caption-text{color: #333;}
.blogarticle .wp-caption:hover, 
.blogarticle tr:hover {background-color: #888;}
.blogarticle tr:hover p{color: black;}
.blogarticle td, 
.blogarticle th{padding: 5px 10px; border: 1px solid #FFF; border-top-width: 0; font-size: 80%;}
.blogarticle th{background-color: #F3A500; border-width: 0;}
.blogarticle th, 
.blogarticle th p{color: #000; vertical-align: middle; margin: 0; padding: 7px 5px;}

.archivelist{
border-bottom: 2px solid white;
display: block;
margin: 10px 50px;
overflow: auto;
}

.blogarticle p{
color: #AAA;
font-size: 1.5em;
line-height: 1.8;
margin-bottom: 1.8em;
}
.blogarticle ul {
margin-bottom: 3em;
list-style: disc
}
.blogarticle li{
color: #CCCCCC;
font-size: 1.5em;
line-height: 1.8;
margin-left: 2.5em;
}
.blogarticle h2 {
border-bottom: 1px solid #FFFFFF;
margin-bottom: 2em;
padding-bottom: 5px;
clear: both;
}
.blogarticle a, .shopitem a{
color: #F3A500;
}
.blogarticle{
margin: 0px 0 100px;
padding: 60px 60px 150px;
background-image: url("images/textbg.png");
background-position: left top;
background-repeat: repeat;
clear: both;
}
.blogarticle blockquote p{
background: url("images/mmsidebarborder.png") repeat-x scroll 0 top, url("images/mmsidebarborder.png") repeat-y scroll left top, url("images/mmsidebarborder.png") repeat-x scroll 0 bottom, url("images/mmsidebarborder.png") repeat-y scroll right top, black;
display: block;
padding: 30px;
font-weight: bold;
width: 50%;
margin: 10px 0 10px 50px;
float: right;
font-size: 1.5em;
text-align: center;
font-family: SilkscreenNormal;
}


.blogarticle div.wpcf7 {
margin: 0 auto;
padding: 0;
width: 50%;
}
div.wpcf7 input, div.wpcf7 textarea{
width: 100%
}
div.wpcf7 input[type="submit"] {
width: 30%; 
display: block; 
padding: 10px; 
margin: 50px auto 0;
}
.update{
width: 40%;
background: #FFF;
padding: 5px 10px;
border-left: 10px double #000;
margin: 30px 0;
color: #333;
float: right;
}
.update a{
color: #F83800;
text-decoration: underline;
}
.wp-caption-text.gallery-caption{
margin-left: 5px; 
margin-right: 15px;
}

/*----------------COMMENTS-------------------------*/

#respondcontainer{
background: url("images/badenough.gif") no-repeat scroll bottom right #00933b;
padding: 10px;
outline:20px solid #000;
min-height: 270px;
}
#respondcontainer h2{
margin-bottom: 30px;
}
#respond label{
margin-right: 10px;
}
p.comment-form-comment label{
display: block;
}
#respond textarea {
background: none repeat scroll 0 0 black;
border: 2px solid white;
color: white;
width: 50%;
}
.postcomments{
margin: -140px 60px 0;
}
.commentlist{
margin: 20px 0 50px;
}
.tmnt .comment-body p, .bionic .comment-body p{
color: #AAA; 
line-height: 1.7
}
.pingback, .comment{
background: url("images/mmsidebarborder.png") repeat-x scroll 0 top, url("images/mmsidebarborder.png") repeat-y scroll left top, url("images/mmsidebarborder.png") repeat-x scroll 0 bottom, url("images/mmsidebarborder.png") repeat-y scroll right top, none repeat scroll 0 0 black;
margin-bottom: -7px;
padding: 40px 50px;
}
.children .comment{
background: none repeat scroll 0 0 transparent;
border-top: 1px solid white;
margin: 30px 0 0 100px;
padding-right: 0;
}
#respond h2 {
margin-bottom: 20px;
}
.commentmetadata{
display: none;
}
.reply{
text-align: right;
margin-top: 30px;
}
.bypostauthor>div {
color: #F3A500;
font-weight: bold;
} 
.comment-reply-link:after {
content: " to this comment";
}
.comment-body p a{
color: #F3A500;
text-decoration: underline;
}
.comment-author a{
color: #F3A500
}
.featured > div{
padding-top: 60px;
background: url("images/goodcomment.gif") no-repeat scroll right 0 transparent;
}
li.buried{
display: none;
}
li.depth-1:nth-child(even){background-color: #1a1a1a;}

		/*----  update  ----*/
ul.children{border-left: 1px solid #F3A500; margin-left: 10px;}
.children .comment{margin: 0px 0; border-top:0; position: relative;}
.children .comment:before{content:"➝"; color:#F3A500; font-size: 40px; position: absolute; left: -4px; top: 85px; }
.children .comment:first-child:after{content: "▼"; position: absolute; top: -21px; left: -10px; color: #F3A500; font-size: 19px;}
.children .comment>div {margin: 50px 0 0}

.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;
}


/*----------------Pixel Shop-------------------------*/

.pixelshop{
background: url(images/shop-header.gif) no-repeat scroll 0 0 transparent;
margin-top: 40px;
overflow: auto;
padding: 220px 30px 0;
}
.shopitem{
clear: both;
margin: 30px 0;
overflow: auto;
}
.price{
background: url(images/shop-coin.png) no-repeat scroll 0 center transparent;
float: left;
height: 57px;
width: 165px;
}
.price em{
font-size: .6em; 
color: #0058F8;
}
.price p{
font-size: 2em;
font-weight: bold;
margin: 10px 0 0 34px;
}
.shopitem img {
float: left;
margin: 7px 20px 10px 7px;
}
.shopitem .itembonus img{
float: none;
display: block;
margin: 0 auto 10px;
}
.itemdescription{
border:solid 2px #0058F8;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;	
float: left;
margin: 0 0 0 15px;
min-height: 150px;
padding: 10px;
width: 248px;
}
.itembonus{
border:solid 2px #0058F8;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;	
float: right;
min-height: 133px;
overflow: auto;
padding: 20px;
width: 384px;
}
.link .footer{
background: url(images/shop-footer.gif) no-repeat scroll 0 0 transparent;
margin-top: 85px;
padding: 170px 10px 20px;
position: relative;
border: none;
}
.widget {
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
display: table;
margin: 10px auto 40px;
}
.cmscode-footer{
background-color: #FFF;
overflow: auto;
}


.pixelshop a[href$=".zip"] {
background: url("images/file-zip.gif") no-repeat scroll left center transparent;
font-weight: bold;
padding-left: 20px;
}

/*----------------CREDITS-------------------------*/

.creditshead{
height: 277px;
background: url(images/metroid-header.png) no-repeat scroll 0 0 transparent;
}
.creditsbody{
margin: 40px auto 50px;
background: url(images/metroid-list.png) no-repeat scroll 0 0 transparent;
width: 919px;
height: 541px;
}
.creditslist{
color:#CCCCCC;
font-size:1.1em;
height:450px;
line-height:1.8;
margin-bottom:1.8em;
overflow:auto;
padding-left:350px;
padding-top:57px;
width:520px;
}
.creditslist a{
color:#F3A500;
}
.metroid .footer > img{
position:absolute;
right:11px;
top:-50px;
}

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