/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL LAYOUT */

body {font:12px/18px Arial, Helvetica, sans-serif; background: url(../layout/bodybg.png) center repeat-y #F2F4F4}
#wrapper {width:640px; padding:15px; margin:0 auto}

#header {height:100px; background:url(../layout/headbg.png) no-repeat top right #003; position:relative}
#logo {width:220px; height:40px; position:absolute; top:15px; left:15px; background:url(../layout/nindblogo.gif) top left no-repeat}
#logo a {display:block; width:220px; height:40px}

#topnav {width:640px; height:30px; position:absolute; bottom:0; left:0; background-color:#369; list-style:none; margin:0; padding:0}
#topnav li {display:block; float:left; padding:5px 15px 0 15px; color:#FFF; font-weight:bold; font-size:12px}
#topnav li a {color:#FFF}
#topnav li a:hover {text-decoration:none; color:#6CF}

#bodycontent {width:640px; padding:10px 0; clear:both}

#footer {width:640px; height:70px; margin:0 auto; background:#003; border-top:10px solid #369; clear:both}
#footertext {width:280px; float:left; padding:10px}
#footerhost {width:150px; float:right; padding:10px; text-align:center}
#footerhost a {color:#CCF}
#footer p {font-size:10px; margin:0; color:#FFF}

.clear {clear:both}
.rounded {-moz-border-radius:5px; -webkit-border-radius:5px;}

/* GLOBAL FONT */

.title {margin:5px 0 15px 0; padding:5px 10px; background-color:#369; -moz-border-radius:5px; -webkit-border-radius:5px}
h1 {font-size:22px; color:#FFF; line-height:28px}
.aka {color:#FFF; margin:0; font-weight:bold}

h2 {font-size:18px; color:#FFF; background-color:#369; clear:both; margin:20px 0 10px 0; padding:5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
h3 {font-size:14px; font-weight:bold; color:#369; margin:15px 0 10px 0}
h4 {font-weight:bold; color:#369; margin:5px 0}

p, ul, ol, table {margin-bottom:10px}
a {color:#039; text-decoration:none}
a:hover {text-decoration: underline}

em {font-style:italic}
strong {font-weight:bold}

.breadcrumbs {font-size:11px; color:#666; font-weight:bold; margin:5px 0 0 0}
.mp3 {margin-bottom:10px; text-align:center}
.caption {font-size:10px; margin:5px 0}
.jp {color:#666}
.jumpto {margin:0 0 20px 0; font-size:10px; color:#666}
.miniScreen {display:inline-block; float:right; background-color:#FFF; text-align:center; margin-left:10px; clear:right}
.minititle {font-size:12px; font-weight:bold; line-height:normal}

ul {list-style:disc; margin:0 20px 10px 20px}
ol {list-style:decimal; margin:20px}
ul.guide {list-style:none; color:#666}
li {margin-bottom:5px;}

table {border:0; border-collapse:collapse; margin-bottom:15px}
th {padding:2px 0; vertical-align:top; font-weight:bold; color:#666}
td {padding:2px 0; vertical-align:top;}

/* LAYOUT - GAME PAGE */

.gameData {width:640px; position:relative}
.gameDataScreen {width:300px; min-height:160px; background-color:#E0E0E0; text-align:center; float:left; padding:5px; margin:0 10px 15px 0}
.gameDataTable {width:305px; float:right; font-size:11px}
.gameDataTable th {width:90px; border-bottom:1px solid #E0E0E0}
.gameDataTable td {border-bottom:1px solid #E0E0E0}
.gameDataRelease {width:305px; float:right; font-size:11px}
.gameDataRelease th.system {border-bottom:1px solid #E0E0E0}
.gameDataRelease th.flag {width:30px; text-align:center; border-bottom:1px solid #E0E0E0}
.gameDataRelease td {border-bottom:1px solid #E0E0E0}
.gameDataRelease td.subtitle {font-weight:bold; color:#666}
.noscreen {font-size:11px; font-style:italic; margin-top:70px; color:#666}

/* SYSTEM PAGES */

.systemIntro {float:left; width:350px; margin-bottom:20px}
.systemImg {float:right; width:270px; text-align:center; margin-bottom:20px}

/* SERIES PAGES */

.seriesSearchCol1 {width:300px; float:left}
.seriesSearchCol2 {width:300px; float:right}
.seriesSearchCol1 ul, .seriesSearchCol2 ul {list-style:none; margin:0 0 15px 10px}
.seriesSearchCol1 h3, .seriesSearchCol2 h3 {font-size:14px; font-weight:bold; margin:0 0 5px 0}
.seriesIntro {float:left; width:350px; margin-bottom:20px}
.seriesImg {float:right; width:270px; text-align:center; margin-bottom:20px}

/* HOMEPAGE */

.homesplash {width:640px; height:200px; margin:0 0 10px 0; background:url(../layout/home_head.jpg) no-repeat;}
.homesplash h1 {display:none}
p.homeintro {font-size:14px; color:#666; margin:0}

div.ss {width:267px; margin-bottom: 20px; text-align:center}

/* GAMELISTS */

div.gamelist, div.news {width:640px; margin:0 10px 20px 0}
div.gamelist h3, div.news h3 {margin:0 0 5px 0}
div.gamelistimg, div.newsimg {width:150px; float:left; text-align:center}
div.gamelistcontent, div.newscontent {width:470px; float:right; margin-left:10px}

.gamelistlinks, .newslinks {margin:0; font-size:10px; color:#666}
div.gamelistcontent p, div.newscontent p {margin-bottom:5px;}
p.gamelistinfo, p.newsinfo {font-size:10px; font-weight:bold; color:#666; margin:0}

table.gamelist {width:100%; margin:5px 0 15px 0; border:0; border-collapse:collapse; border-top:1px solid #E0E0E0}
table.gamelist th {padding:5px; background-color:#E0E0E0}
table.gamelist td {border-bottom:1px solid #E0E0E0; padding:5px 0}
table.gamelist td.name {padding-left:5px}
table.gamelist td.name span.alttitle {display:block; font-size:10px; padding-left:10px; color:#666}
table.gamelist td.date {width:50px; font-size:10px; text-align:center; vertical-align:top}
table.gamelist td.sys {width:150px; font-size:10px; text-align:center}
table.gamelist th.date {width:110px; text-align:center}

/* INFO TABLE */

table.info {width:267px; font-size:10px; border:1px solid #99C}
table.info th {width:70px;}
table.info td.links, table.info th.links {width:220px;}

/* RELEASES TABLE */

table.releases {width:267px; border:1px solid #99C;}
table.releases th.flag {width:20px; text-align: center; vertical-align:middle;}
table.releases td.date {font-size:10px;}

/* MUSIC */

.musicdl {background-color:#CCF; padding:5px 10px}

/* CAMEOS */

.cameoBox {margin:15px 0; clear:both}
.cameoInfo {width:475px; float:right; margin-bottom:10px;}
.cameoInfo h3, .cameoInfo h4 {margin-top:0}
.cameoImg {width:150px; text-align:center; float:left; margin-bottom:5px}
.cameoSubmit {border-bottom:1px solid #E0E0E0; font-size:10px; clear:both; padding:0 0 5px 0; margin:0; text-align:right}

.ssbg {margin:0 0 10px 0;}
.ssbgimg {width:150px; float:left; margin:0 10px 10px 0; text-align:center}
.ssbgdesc {width:470px; float:right; margin:0 0 10px 0; color:#666}
.ssbgdesc p {margin:0 0 5px 0}