body{
font-family: arial, helvetica, herdana, sans-serif;
font-size: 12pt;
}

#container, #footer-container{
background-repeat: repeat-y;
background-position: left;
}

#sub-container, #footer-sub-container{
background-repeat: repeat-y;
background-position: right;
}

@media screen and (max-width: 700px) {
	#logo a{
	background-size: 400px 96px;
	}
}

@media screen and (max-width: 520px) {
	#logo a{
	background-size: 300px 72px;
	}
}

#breadcrumbs{
font-size: 85%;
}

#menu{
background: url(../images/menu-button.png) no-repeat;
}

#menu:hover{
background: url(../images/menu-bg.png) no-repeat bottom;
}

.menu-grid li{
list-style: none;
}

#menu .nav-button a#home{
background: url(../images/menu-nav.png) no-repeat 0 0;
}

#menu .nav-button a#home:hover{
background-position: -330px 0;
}

#menu .nav-button a#cv101{
background: url(../images/menu-nav.png) no-repeat 0 -20px;
}

#menu .nav-button a#cv101:hover{
background-position: -330px -20px;
}

#menu .nav-button a#series{
background: url(../images/menu-nav.png) no-repeat 0 -40px;
}

#menu .nav-button a#series:hover{
background-position: -330px -40px;
}

#menu .nav-button a#reviews{
background: url(../images/menu-nav.png) no-repeat 0 -60px;
}

#menu .nav-button a#reviews:hover{
background-position: -330px -60px;
}

#menu .nav-button a#chronology{
background: url(../images/menu-nav.png) no-repeat 0 -80px;
}

#menu .nav-button a#chronology:hover{
background-position: -330px -80px;
}

#menu .nav-button a#bios{
background: url(../images/menu-nav.png) no-repeat 0 -100px;
}

#menu .nav-button a#bios:hover{
background-position: -330px -100px;
}

#menu .nav-button a#arsenal{
background: url(../images/menu-nav.png) no-repeat 0 -120px;
}

#menu .nav-button a#arsenal:hover{
background-position: -330px -120px;
}

#menu .nav-button a#locations{
background: url(../images/menu-nav.png) no-repeat 0 -140px;
}

#menu .nav-button a#locations:hover{
background-position: -330px -140px;
}

#menu .nav-button a#shadow{
background: url(../images/menu-nav.png) no-repeat -175px 0;
}

#menu .nav-button a#shadow:hover{
background-position: -505px 0;
}

#menu .nav-button a#anime{
background: url(../images/menu-nav.png) no-repeat -175px -20px;
}

#menu .nav-button a#anime:hover{
background-position: -505px -20px;
}

#menu .nav-button a#bloodstained{
background: url(../images/menu-nav.png) no-repeat -175px -40px;
}

#menu .nav-button a#bloodstained:hover{
background-position: -505px -40px;
}

#menu .nav-button a#metroid{
background: url(../images/menu-nav.png) no-repeat -175px -60px;
}

#menu .nav-button a#metroid:hover{
background-position: -505px -60px;
}

#menu .nav-button a#related{
background: url(../images/menu-nav.png) no-repeat -175px -80px;
}

#menu .nav-button a#related:hover{
background-position: -505px -80px;
}

#menu .nav-button a#fanworks{
background: url(../images/menu-nav.png) no-repeat -175px -100px;
}

#menu .nav-button a#fanworks:hover{
background-position: -505px -100px;
}

#menu .nav-button a#literature{
background: url(../images/menu-nav.png) no-repeat -175px -120px;
}

#menu .nav-button a#literature:hover{
background-position: -505px -120px;
}

#menu .nav-button a#flicks{
background: url(../images/menu-nav.png) no-repeat -175px -140px;
}

#menu .nav-button a#flicks:hover{
background-position: -505px -140px;
}

#menu .nav-button a#asteroidg{
background: url(../images/menu-nav.png) no-repeat 0 -180px;
}

#menu .nav-button a#asteroidg:hover{
background-position: -330px -180px;
}

#menu .nav-button a#cvrpg{
background: url(../images/menu-nav.png) no-repeat 0 -200px;
}

#menu .nav-button a#cvrpg:hover{
background-position: -330px -200px;
}

#menu .nav-button a#dodeca{
background: url(../images/menu-nav.png) no-repeat 0 -220px;
}

#menu .nav-button a#dodeca:hover{
background-position: -330px -220px;
}

#menu .nav-button a#about{
background: url(../images/menu-nav.png) no-repeat -175px -160px;
}

#menu .nav-button a#about:hover{
background-position: -505px -160px;
}

#menu .nav-button a#faqs{
background: url(../images/menu-nav.png) no-repeat -175px -180px;
}

#menu .nav-button a#faqs:hover{
background-position: -505px -180px;
}

#menu .nav-button a#links{
background: url(../images/menu-nav.png) no-repeat -175px -200px;
}

#menu .nav-button a#links:hover{
background-position: -505px -200px;
}

#menu .nav-button a#contact{
background: url(../images/menu-nav.png) no-repeat -175px -220px;
}

#menu .nav-button a#contact:hover{
background-position: -505px -220px;
}

#menu .nav-button a#changelog{
background: url(../images/menu-nav.png) no-repeat -175px -240px;
}

#menu .nav-button a#changelog:hover{
background-position: -505px -240px;
}

#menu .nav-button a#forum{
background: url(../images/menu-nav.png) no-repeat -175px -260px;
}

#menu .nav-button a#forum:hover{
background-position: -505px -260px;
}

#footer{
font-size: 90%;
}

#footer-wrap{
background-repeat: no-repeat;
background-position: center top;
}

#footer #logo a{
background-size: 234px 56px;
opacity: .7;
}

@media screen and (max-width: 700px) {
	#footer #logo a{
	background-size: 400px 96px;
	}
}

@media screen and (max-width: 520px) {
	#footer #logo a{
	background-size: 300px 72px;
	}
}

/* Cross-site Non-Conditional */

a.asteroid{
background: url(../images/icon-asteroid.gif) no-repeat center right;
}

a.exit{
background: url(../images/icon-exit.gif) no-repeat center right;
}

h1{
font-size: 150%;
}

h2{
font-size: 135%;
}

h3{
font-size: 120%;
}

h4{
font-size: 110%;
}

h5{
font-size: 100%;
}

h6{
font-size: 90%;
}

.bold{
font-weight: bold;
}

.tilt{
font-style: oblique;
}

.tilt .tilt, .quote .tilt{
font-style: normal;
}

.detail{
font-size: 85%;
}

.quote{
font-style: oblique;
}

/* Hover Box Controls */

a.hover-over{
text-decoration-style: wavy;
}

/* Insets and Navs */

.attract, .inset, .screenshots, .teaser, .index-nav, .fanart, .stills{
font-size: 85%;
}

.teaser a{
text-decoration: none;
}

.inset{
border-radius: 8px;
}

.inset li{
list-style: none;
}

.index-nav h5{
font-style: oblique;
}

.screenshots img, .stills img, .attract img{
border-radius: 8px;
}