code {
font-family:monospace;
font-size:11px;
}

pre {
font-family:monospace;
font-size:11px;
padding:1em 3em;
white-space:pre-wrap;
margin:1em 3em;
background:rgba(200, 200, 200, 0.5);
}

#online {
position:absolute;
top:30px;
left:0px;
z-index:3;
}

dl dt {
font-weight:bold;
}

.warning {
color:#FF0000;
}

.success {
color:#00AA00;
}

.poll {
width:332px;
margin:auto;
text-align:left;
}

.poll img {
float:left;
display:inline;
margin-top:3em;
}

.poll form {
float:left;
width:234px;
padding-bottom:1em;
}

.pollcontainer {
text-align:center;
clear:left;
padding-top:2em;
overflow:auto;
}

.poll-results {
max-width:600px;
margin:auto;
}

.poll-results .bar {
width:33%;
}

.poll-results .votes {
white-space:nowrap;
}

.poll-bar {
border:1px solid #000;
background:url('../pollbar.gif') top left repeat-x;
height:15px;
}

#content div.pollcontainer p {
text-align:center;
}

.relative {
position:relative;
}

.leftfloat {
float:left;
}

.rightfloat {
float:right;
}

.mascotimg {
border:1px solid #000;
box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.3);
}

.screenshot-left, .screenshot-right {
max-width:100%;
}

figcaption {
font-style:italic;
font-size:smaller;
}

blockquote.speech {
overflow:hidden;
}

.speaker {
float:left;
margin:-20px 0 -10px -10px;
}

.magikarp-notice {
border:3px solid #C00;
color:#C00;
font-family:verdana, sans-serif;
font-size:12px;
padding:15px 15px 15px 50px;
background:#FEE;
position:relative;
overflow:hidden;
}

.magikarp-notice:before {
content:'';
position:absolute;
top:50%;
margin-top:-32px;
left:-5px;
background:url('../sprites/gen3/rs/129.png') top left no-repeat;
height:64px;
width:64px;
}

.magikarp-notice a:link, .magikarp-notice a:visited {
color:inherit;
font-weight:bold;
}

.magikarp-notice a:active, .magikarp-notice a:hover {
text-decoration:underline;
}

@media(min-width:768px) {
    .screenshot-left {
    float:left;
    margin:5px 20px 10px 0;
    width:250px;
    }

    .screenshot-right {
    float:right;
    margin:5px 0 10px 20px;
    width:250px;
    }

    .mascotimg {
    float:right;
    margin-left:20px;
    }
}

.prevnext {
overflow:hidden;
margin:3em 0;
}

.prevnext .prev {
float:left;
}

.prevnext .next {
float:right;
}

#affys {
overflow:hidden;
}

.clear {
clear:both;
}

ol li {
margin-top:0.5em;
}

ul.nested {
list-style-type:none;
margin-right:4em;
}

.nested ul {
padding-left:2em;
}

.nested li {
font-weight:bold;
}

.nested li li li {
font-size:1em;
font-weight:normal;
}

ul.chunky li {
margin-top:0.5em;
}

th {
padding:5px;
}

#last {
display:inline-block;
height:31px;
width:88px;
margin:0;
padding:0;
}

#marqueecontainer {
text-align:center;
}

#marquee {
width:400px;
height:1.2em;
position:relative;
overflow:hidden;
margin:auto;
text-align:left;
font-family:"lucida console", monospace;
font-size:10pt;
white-space:pre;
}

#marquee span#marqtext {
position:absolute;
left:400px;
white-space:pre;
}

fieldset {
margin-bottom:2em;
padding-left:1em;
padding-top:0;
}

fieldset h4 {
margin-top:0.2em;
}

ul.nolist {
list-style-type:none;
padding:0;
margin:0;
}

ul.nolist li {
margin:0;
padding:0;
}

ul.nolist li input {
border:0;
background:transparent;
}

.table-of-contents ul {
margin:0 0 0 1.2em;
padding:0;
}

.table-of-contents li {
margin:0;
padding:0;
}

.table-of-contents ul ul {
margin:0 0 0 3em;
}

.table-of-contents h4 {
text-align:left;
margin-bottom:1em;
}

#container #content .center {
text-align:center;
}

#container #content .right {
text-align:right;
}

.inlineform form {
display:inline;
}

.zodiacp {
height:63px;
min-height:64px;
}

.zodiacp img {
padding-right:0.5em;
}

.magnified {
height:224px;
width:224px;
}

.magniscyther {
height:332px;
width:300px;
}

.magniadvance {
height:256px;
width:256px;
}

#affys ul li ul li a span {
display:none;
}

h1, h2 {
clear:both;
}

#crosswordsubmit {
float:left;
text-align:center;
}

#crosswordsubmit label {
float:left;
display:block;
width:7em;
text-align:right;
}

#crosswordsubmit input {
float:left;
width:10em;
margin:0;
}

#crosswordsubmit button {
margin-top:0.5em;
}

#crosswordsubmit br {
clear:left;
}

#menufix {
display:none;
}

#content img {
max-width:100%;
}

#content p#lastmodified {
text-align:right;
clear:both;
}

table td {
text-align:left;
}

.highlight {
font-weight:bold;
color:#FF0000;
}

.story {
font-style:italic;
}

.story em {
font-style:normal;
}

.note {
font-style:italic;
}

#zodiac_images {
text-align:left;
}

#zodiac_images img {
cursor:pointer;
}

.white-bg {
background:#FFF;
}

#calcform #hpbar {
display:inline-block;
position:relative;
}

#calcform #curhp {
display:block;
position:absolute;
}

#calcform #results p {
clear:left;
}

.help-text {
display:block;
font-style:italic;
}

.shakebar {
display:table;
height:30px;
border:1px solid #000;
padding:1px 1px 1px 0;
background:#FFF;
width:400px;
max-width:100%;
box-sizing:border-box;
}

.shakebar span {
display:table-cell;
border-left:1px solid #FFF;
min-width:1px;
}

.shakebar .success {
background:#00FF00;
}

.shakebar .wobble3 {
background:#FFCCCC;
}

.shakebar .wobble2 {
background:#FF9999;
}

.shakebar .wobble1 {
background:#FF6666;
}

.shakebar .wobble0 {
background:#FF3333;
}

#typechart thead th {
text-align:center;
vertical-align:bottom;
line-height:1em;
padding:5px 2px;
}

#typechart td {
padding:2px;
text-align:center;
}

#typechart tbody th {
padding:2px;
}

#typechart .type-se {
border-style:solid;
background:#CCFFCC;
border-color:#00FF00;
}

#typechart .type-nve {
border-style:solid;
background:#FFCCCC;
border-color:#FF0000;
}

#typechart .type-ne {
border-style:solid;
background:#FF8888;
border-color:#FF0000;
}

h4.collapsed {
cursor:pointer;
}

h4.collapsed:after {
content:' »';
}

#updates h2 a {
    color:inherit;
    text-decoration:none;
}

/* GUESTBOOK */

#bbcode {
overflow:hidden;
word-wrap:break-word;
}

#guestbook-posts blockquote {
position:relative;
overflow:hidden;
word-wrap:break-word;
}

.guestbook-links {
text-align:center;
margin-bottom:2em;
}

.guestbook-date {
margin:0;
text-align:right;
}

.admin {
font-variant:small-caps;
font-weight:bold;
}

.spoiler {
background:#000000;
color:#010101;
}

.delete {
position:absolute;
top:10px;
right:10px;
}

.underline {
text-decoration:underline;
}

.strikethrough {
text-decoration:line-through;
}

#guestbook-rules ul {
text-align:left;
list-style-type:none;
}

#error {
color:#FF0000;
}

#guestbook-form {
margin:0 auto 3em;
max-width:45em;
text-align:center;
}

#guestbook-form label {
display:block;
}

#guestbook-form .form-row {
margin-bottom:1.5em;
}

#guestbook-form .horizontal-form .form-row {
clear:left;
float:left;
width:100%;
margin-bottom:0.5em;
}

#guestbook-form small {
display:block;
margin:5px 0;
}

.horizontal-form label, .horizontal-form input, .horizontal-form textarea, .horizontal-form select {
display:block;
float:left;
width:16em;
max-width:100%;
}

.horizontal-form textarea {
width:23em;
max-width:100%;
}

.horizontal-form label {
text-align:right;
width:10em;
padding-right:1em;
}

#trailer-butterfree {
position:fixed;
display:block;
height:51px;
width:57px;
background:url('../butterfree-cursor.png') top left no-repeat;
z-index:2000;
pointer-events:none;
}

.trailer-particle {
position:fixed;
display:block;
height:1px;
width:1px;
z-index:1000;
background-color:#FFF;
-webkit-animation:fade 1s;
        animation:fade 1s;
pointer-events:none;
}

@-webkit-keyframes fade {
    0% {
        opacity:1;
        margin-top:0;
    }
    100% {
        opacity:0;
        margin-top:5px;
    }
}

@keyframes fade {
    0% {
        opacity:1;
        margin-top:0;
    }
    100% {
        opacity:0;
        margin-top:5px;
    }
}