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;
}

.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%;
}

@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: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, h3, h4 {
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;
}