/* Entire Site */

html, body {
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 100%;
 background-image: url("background.gif");
 font-family: Arial, Comic-Sans, Sans-Serif;
}

.layout {
 border-collapse: collapse;
 margin: 0px;
 padding: 0px;

}

.disclaimer {
 text-align: center;
 font-size: 70%;
}

.hidden {
 display: none;
}

img {
 border: 0px;
}

ul {
 list-style-type: none;
}





/* Navigation Menu */

.menu {
 width: 160px;
 background-color: #505A78;
 color: #FFFFFF;
 text-align: center;
 font-family: Impact, Arial, Sans-Serif;
 font-size: 20px;
 vertical-align: top;
}

.menuend {
 width: 160px;
 padding: 0px;
 vertical-align: top;
}

.topbar {
 padding: 0px;
}

#count {
 font-family: Arial, Comic-Sans, Sans-Serif;
 font-size: 60%;
 font-weight: bold;
}





/* Pages */

.page {
 width: 100%;
 height: 100%;
 padding: 0%;
 text-align: center;
 vertical-align: top;
}

.vgutter {
 height: 2%;
}

.pageheader {
 width: 90%;
 height: 10%;
 padding: 5px;
 background-color: #505A78;
 color: #FFFFFF;
 text-align: center;
 vertical-align: top;
 font-weight: bold;
}

.pagecontent {
 width: 90%;
 height: 1%;
 padding: 1%;
 background-color: #B4BEC8;
 color: #000000;
 text-align: left;
 vertical-align: top;
}




/* News Script */

.newsheader {
 width: 70%;
 height: 10%;
 padding: 5px;
 background-color: #505A78;
 color: #FFFFFF;
 text-align: left;
 vertical-align: top;
 font-weight: bold;
}

.newscontent {
 width: 70%;
 height: 1%;
 padding: 1%;
 background-color: #B4BEC8;
 color: #000000;
 text-align: left;
 vertical-align: top;
}

.avatar {
 float: left;
 margin-right: 10px;
}

#oldnews {
 padding-right: 14%;
}


/* Menu Links */

a#nes {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/nes.gif);
 background-repeat: no-repeat;
}
	 
a#nes:hover {
 background-position: -160px 0;
}

a#snes {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/snes.gif);
 background-repeat: no-repeat;
}
	 
a#snes:hover {
 background-position: -160px 0;
}

a#gen {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/gen.gif);
 background-repeat: no-repeat;
}
	 
a#gen:hover {
 background-position: -160px 0;
}

a#gba {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/gba.gif);
 background-repeat: no-repeat;
}
	 
a#gba:hover {
 background-position: -160px 0;
}

a#psx {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/psx.gif);
 background-repeat: no-repeat;
}
	 
a#psx:hover {
 background-position: -160px 0;
}

a#bglibrary {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/bglibrary.gif);
 background-repeat: no-repeat;
}
	 
a#bglibrary:hover {
 background-position: -160px 0;
}

a#textures {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/textures.gif);
 background-repeat: no-repeat;
}
	 
a#textures:hover {
 background-position: -160px 0;
}

a#about {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/about.gif);
 background-repeat: no-repeat;
}
	 
a#about:hover {
 background-position: -160px 0;
}

a#contact {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/contact.gif);
 background-repeat: no-repeat;
}
	 
a#contact:hover {
 background-position: -160px 0;
}

a#fftsprites {
 display: block;
 width: 160px;
 height: 38px;
 background-image: url(menu/fftsprites.gif);
 background-repeat: no-repeat;
}
	 
a#fftsprites:hover {
 background-position: -160px 0;
}