body {
    margin: 0;
}

.nav {
    margin: 0;
    height: 30px;
}

.nav li a:hover {
    text-decoration: underline;
}

.nav li a {
    display: block;
    height: 30px;
    padding-left: .5em;
    padding-right: .5em;
    color: white;
    text-decoration: none;
}

.nav li {
    float: right;
    list-style-type: none;
    line-height: 2.25em;
}

.clear {
    clear: both;
}

.nav.saga {
    background: url(bg.png) repeat-x bottom;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
}

.nav.content li {
    float: left;
}

.nav.content {
    background: black;
    margin-top: 80px;
}

.nav.content li a:hover {
    background: url(bg.png) repeat-x 0 -145px;
    text-decoration: none;
}

.nav.affiliates li, .nav.site li {
    font-size: 93%;
}

.nav.affiliates {
    width: 60%;
    float: left;
    padding: .5em;
    margin-top: 2px;
}

.nav.affiliates li {
    float: left;
    line-height: normal;
    margin-bottom: .25em;
}

.nav.affiliates li a, .nav.site li a  {
    height: auto;
    padding-left: 0;
    padding-right: .5em;
}

.nav.affiliates li a:hover, .nav.site li a:hover  {
    color: #8a2be2;
    text-decoration: none;
}

.nav.site {
    float: right;
    padding: .5em;
    margin-top: 2px;
}

.nav.site li {
    line-height: normal;
}

.nav.site li a {
    padding-right: 0;
    padding-left: 0.5em;
}

.nav.gloss {
    margin-left: 10em;
}

.nav.gloss li {
    width: 2em;
    float: left;
    text-align: center;
    font-size: 93%;
}

.nav.gloss li a {
    color: #7D99EA;
}

.nav.gloss li a:hover, .nav.gloss li a.active  {
    color: white;
    background: #7D99EA;
    text-decoration: none;
}

#hd {
    background: url(headfoot.png) no-repeat bottom left;
    height: 110px;
}

#bd {
    clear: both;
}

#ft {
    height: 72px;
    clear: both;
    background: black url(headfoot.png) no-repeat 0 48px;
}

.crumbs {
    float: left;
    margin: .5em;
    margin-bottom: 0;
}

.crumbs p {
    margin: 0;
    padding: 0;
    color: #11296C;
}

.crumbs a {
    text-decoration: none;
    color: #4169E1;
}

.crumbs p a:hover {
    text-decoration: underline;
}

.crumbs a.active {
    text-decoration: underline;
}

.inner {
    padding: 0.5em;
}

.inner > h1:first-child {
    margin-top: 0;
}

h1 + .block {
    margin-top: -1em;
}

.block {
    margin: 0;
}

.inner h1, .inner h2, .inner p {
    color: #11296C;
}

.inner h1, .inner h2 {
    clear: both;
}

.inner h1 a {
    color: #11296C;
    text-decoration: none;
}

.inner .sub {
    margin-top: -1.5em;
    font-size: 85%;
}

.inner h1 a:hover {
    text-decoration: underline;
}

.url, .game, .character, .glossar {
    color: #4169E1;
    text-decoration: none;
}

.url {
    background: url(url.png) no-repeat left bottom;
    padding-left: .75em;
}

.url:hover, .game:hover, .character:hover, .glossar:hover {
    text-decoration: underline;
}

td a {
    color: #4169E1;
    text-decoration: none;
}

td a:hover {
    text-decoration: underline;
}

.block dt a {
    background: #E4C3FB;
    display: block;
    color: #5A0495;
    text-decoration: none;
    font-weight: normal;
    background: #E4C3FB url(bullet.png) no-repeat 1em -10px;
    padding: .5em;
    padding-left: 2em;
    border-bottom: 1px solid #980CF8;
}

.block dt a:hover {
    background: #BA61F8 url(bullet.png) no-repeat 1em 11px;
    color: white;
}

.block dd {
    margin-left: 0;
    padding: 0.5em;
    padding-left: 2em;
    color: #350357;
    background: #F0DEFC url(bg.png) repeat-x top;
}

.second h1, .second h2 {
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid;
    color: white;
}

.second h1 {
    text-transform: uppercase;
    color: #4600A4;
    padding: .6em;
    font-size: 93%;
    border-bottom-color: #4600A4;
}

.second h2 {
    text-align: center;
    padding: .2em;
    font-size: 100%;
    background-color: #A8BBF0;
    border-bottom-color: #7D99EA;
}

.second h2 a {
    color: white;
    text-decoration: none;
}

.second p {
    margin: 0;
    padding: .5em;
    color: #11296C;
    background-color: #EFEBFC;
}

.second acronym {
    border: none;
}

.second dl dt, .second dl dd {
    color: #11296C;
}

.second dl {
    margin: 0;
    background-color: #EFEBFC;
    padding: .5em;
}

.second dl dt {
    float: left;
    width: 4.5em;
}

.second dl.ranking dt {
    width: 7em;
}

.second ul {
    background-color: #EFEBFC;
    padding: .5em;
    padding-left: 2em;
    margin: 0;
}

.second ul li {
    color: #11296C;
}

.second ul li a {
    color: #11296C;
    text-decoration: none;
}

.zend {
    margin-left: 1em;
    margin-top: -0.25em;
    float: left;
}

.zend a img {
    border: none;
}

.zend a {
    margin-right: 0.75em;
}

.address {
    float: left;
}

.img {
    width: 10em;
    text-align: center;
    padding: .5em;
    padding-top: 0;
    margin: 0.4em;
}

.img.left {
    float: left;
}

.img.right {
    float: right;
}

.img img {
    border: 1px solid #11296C;
    width: 10em;
}

.img p {
    font-size: 85%;
}

.pager {
    clear: both;
    text-align: center;
}

.pagelink, .currentpage {
    margin: .25em;
    text-decoration: underline;
}

.pagelink {
    color: #4169E1;
    text-decoration: none;
}

.pagelink:hover {
    text-decoration: underline;
}

dl.normal {
    color: #11296C;
    margin: 1em;
}

dl.normal dt {
    float: left;
    margin-right: .5em;
}

ul.normal {
    color: #11296C;
}

table {
    clear: both;
    width: 100%;
}

th {
    color: white;
    background: #11296C  url(thbg.png) repeat-x bottom;
}

th, td {
    border: 1px solid #11296C;
}

td {
    color: #11296C;
}

blockquote {
    margin: 1em;
    background: #CFDAF8;
    overflow: hidden;
}

blockquote p {
    padding: .5em;
    font-style: italic;
    margin-bottom: 0;
}