/* 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; }
hr {border:0; border-top:1px solid #555; margin:0; height:1px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}


/* GLOBAL LAYOUT */

body {font:14px/20px Arial, Helvetica, sans-serif; background:url(../layout/bodybg.gif) repeat #F2F4F4}
#wrapper {width:640px; padding:20px; margin:0 auto; background:#FFF; border-left:2px solid #E5E9E9; border-right:2px solid #E5E9E9}

#header {height:100px; background:url(../layout/headerbg.gif) repeat-x top left #003; position:relative}
#headerContent {width:680px; height:100px; position:relative; margin:0 auto; background:url(../layout/headbg.png) no-repeat top right;}

#logo {width:220px; height:40px; position:absolute; top:15px; left:0px; 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; 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:14px; font-weight:bold}
#topnav li a {color:#FFF; text-shadow:1px 1px #669}
#topnav li a:hover {text-decoration:none; color:#FFF; text-shadow:1px 1px 2px #000}

#twitterBlock {display:block; width:22px; height:22px; position:absolute; bottom:4px; right:4px; background:url(http://twitter-badges.s3.amazonaws.com/t_small-a.png) no-repeat;}

#bodycontent {width:640px; min-height:500px; padding:0 0 10px 0; clear:both}

#footer {width:640px; height:70px; margin:0 auto; background:#003; border-top:10px solid #66C; 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}

.right {float:right}
.left {float:left}
.center {margin-left:auto; margin-right:auto; text-align:center}
.clear {clear:both}
.small {font-size:12px}
.rounded {-moz-border-radius:5px; -webkit-border-radius:5px;}

.img {margin:0 15px 5px 15px; text-align:center}

.contentsBox {width:180px; float:right; margin: 0 0 10px 20px; padding:10px; background-color:#F2F4F4; font-size:12px;}
div.jumpto, .notes {clear:both; margin-bottom:10px; padding:10px; background-color:#F2F4F4; font-size:12px}
.contentsHead, .jumptoHead, .notesHead {font-size:12px; font-weight:bold; color:#666; margin:0 0 5px 0; padding:0 0 3px 0; font-variant:small-caps; border-bottom:1px dotted #99C}
.contentsBox h4, .contentsBox ul, .contentsBox li, .jumpto p, .notes ul {margin-bottom:0}
.contentsBox ul ul {font-size:11px; margin-right:0; padding-right:0}

.jumpto {margin:0 0 20px 0; font-size:12px; color:#666}

/* GLOBAL FONT */

.headimg {margin-bottom:15px;}

.title {margin:0 0 15px 0; border-bottom:3px solid #99C; padding-bottom:5px}
h1 {font-size:24px; color:#003; line-height:28px; font-weight:bold}
.title .aka, .title .subtitle {color:#003; margin:5px 0 0 0; font-weight:bold}

h2 {font-size:18px; font-weight:bold; color:#003; clear:both; margin:30px 0 15px 0; padding:5px 10px; border-top:3px solid #99C; border:3px solid #99C; background-color:#F2F4F4; border-radius:10px; -webkit-border-radius:10px; -mozilla-border-radius:10px}
h3 {font-size:16px; font-weight:bold; color:#003; margin:15px 0 10px 0}
h4 {font-weight:bold; color:#003; 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}
blockquote {margin:15px 30px; color:#666; font-size:12px;}

.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}
.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}
.walkthroughSteps {font-size:12px}

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;}
ul.nobullet, ol.nobullet {list-style:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
ol.abc {list-style:upper-alpha}

table {width:100%; border:0; border-collapse:collapse; margin-bottom:15px; font-size:12px}
th {padding:2px 0; vertical-align:top; font-weight:bold; color:#666; border-bottom:2px solid #e2e2e2}
td {padding:2px 0; vertical-align:top; border-bottom:1px solid #F2F4F4}
td ul, td li {margin-bottom:0}

/* LAYOUT - GAME PAGE */

.gameData {width:640px; position:relative}
.gameDataScreen {width:300px; min-height:160px; background-color:#F2F4F4; 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 #F2F4F4}
.gameDataTable td {border-bottom:1px solid #F2F4F4}
.gameDataRelease {width:305px; float:right; font-size:11px}
.gameDataRelease th.system {border-bottom:1px solid #F2F4F4}
.gameDataRelease th.flag {width:30px; text-align:center; border-bottom:1px solid #F2F4F4}
.gameDataRelease td {border-bottom:1px solid #F2F4F4}
.gameDataRelease td.subtitle {font-weight:bold; color:#666}
.noscreen {font-size:11px; font-style:italic; margin-top:70px; color:#666}

/* SYSTEM PAGES */

.systemsearch {width:310px; margin-bottom:20px}

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

/* SERIES PAGES */

div.abc_nav {width:620px; height:130px; margin:0 0 15px 0; padding:10px; background:url(../img/head/game_head.png) no-repeat top left;}
ul.abc_list {list-style:none; width:620px; margin:40px 0 0 0}
ul.abc_list li {display:block; width:30px; height:30px; float:left; margin:0 0 5px 5px}
ul.abc_list li a {display:block; width:30px; height:30px;}
ul.abc_list li a span {display:none}

.abc_a {background:url(../layout/abc_a_off.png) no-repeat top right;}
.abc_b {background:url(../layout/abc_b_off.png) no-repeat top right;}
.abc_c {background:url(../layout/abc_c_off.png) no-repeat top right;}
.abc_d {background:url(../layout/abc_d_off.png) no-repeat top right;}
.abc_e {background:url(../layout/abc_e_off.png) no-repeat top right;}
.abc_f {background:url(../layout/abc_f_off.png) no-repeat top right;}
.abc_g {background:url(../layout/abc_g_off.png) no-repeat top right;}
.abc_h {background:url(../layout/abc_h_off.png) no-repeat top right;}
.abc_i {background:url(../layout/abc_i_off.png) no-repeat top right;}
.abc_j {background:url(../layout/abc_j_off.png) no-repeat top right;}
.abc_k {background:url(../layout/abc_k_off.png) no-repeat top right;}
.abc_l {background:url(../layout/abc_l_off.png) no-repeat top right;}
.abc_m {background:url(../layout/abc_m_off.png) no-repeat top right;}
.abc_n {background:url(../layout/abc_n_off.png) no-repeat top right;}
.abc_o {background:url(../layout/abc_o_off.png) no-repeat top right;}
.abc_p {background:url(../layout/abc_p_off.png) no-repeat top right;}
.abc_q {background:url(../layout/abc_q_off.png) no-repeat top right;}
.abc_r {background:url(../layout/abc_r_off.png) no-repeat top right;}
.abc_s {background:url(../layout/abc_s_off.png) no-repeat top right;}
.abc_t {background:url(../layout/abc_t_off.png) no-repeat top right;}
.abc_u {background:url(../layout/abc_u_off.png) no-repeat top right;}
.abc_v {background:url(../layout/abc_v_off.png) no-repeat top right;}
.abc_w {background:url(../layout/abc_w_off.png) no-repeat top right;}
.abc_x {background:url(../layout/abc_x_off.png) no-repeat top right;}
.abc_y {background:url(../layout/abc_y_off.png) no-repeat top right;}
.abc_z {background:url(../layout/abc_z_off.png) no-repeat top right;}
.abc_09 {background:url(../layout/abc_09_off.png) no-repeat top right;}

.abc_a:hover, .abc_a_on {background:url(../layout/abc_a.png) no-repeat top right;}
.abc_b:hover, .abc_b_on {background:url(../layout/abc_b.png) no-repeat top right;}
.abc_c:hover, .abc_c_on {background:url(../layout/abc_c.png) no-repeat top right;}
.abc_d:hover, .abc_d_on {background:url(../layout/abc_d.png) no-repeat top right;}
.abc_e:hover, .abc_e_on {background:url(../layout/abc_e.png) no-repeat top right;}
.abc_f:hover, .abc_f_on {background:url(../layout/abc_f.png) no-repeat top right;}
.abc_g:hover, .abc_g_on {background:url(../layout/abc_g.png) no-repeat top right;}
.abc_h:hover, .abc_h_on {background:url(../layout/abc_h.png) no-repeat top right;}
.abc_i:hover, .abc_i_on {background:url(../layout/abc_i.png) no-repeat top right;}
.abc_j:hover, .abc_j_on {background:url(../layout/abc_j.png) no-repeat top right;}
.abc_k:hover, .abc_k_on {background:url(../layout/abc_k.png) no-repeat top right;}
.abc_l:hover, .abc_l_on {background:url(../layout/abc_l.png) no-repeat top right;}
.abc_m:hover, .abc_m_on {background:url(../layout/abc_m.png) no-repeat top right;}
.abc_n:hover, .abc_n_on {background:url(../layout/abc_n.png) no-repeat top right;}
.abc_o:hover, .abc_o_on {background:url(../layout/abc_o.png) no-repeat top right;}
.abc_p:hover, .abc_p_on {background:url(../layout/abc_p.png) no-repeat top right;}
.abc_q:hover, .abc_q_on {background:url(../layout/abc_q.png) no-repeat top right;}
.abc_r:hover, .abc_r_on {background:url(../layout/abc_r.png) no-repeat top right;}
.abc_s:hover, .abc_s_on {background:url(../layout/abc_s.png) no-repeat top right;}
.abc_t:hover, .abc_t_on {background:url(../layout/abc_t.png) no-repeat top right;}
.abc_u:hover, .abc_u_on {background:url(../layout/abc_u.png) no-repeat top right;}
.abc_v:hover, .abc_v_on {background:url(../layout/abc_v.png) no-repeat top right;}
.abc_w:hover, .abc_w_on {background:url(../layout/abc_w.png) no-repeat top right;}
.abc_x:hover, .abc_x_on {background:url(../layout/abc_x.png) no-repeat top right;}
.abc_y:hover, .abc_y_on {background:url(../layout/abc_y.png) no-repeat top right;}
.abc_z:hover, .abc_z_on {background:url(../layout/abc_z.png) no-repeat top right;}
.abc_09:hover, .abc_09_on {background:url(../layout/abc_09.png) no-repeat top right;}

.seriesSearchCol1 {width:310px; float:left; font-weight:bold}
.seriesSearchCol2 {width:310px; float:right; font-size:12px}
.seriesSearchCol1 ul, .seriesSearchCol2 ul {list-style:none; margin:0 0 30px 15px}
.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 {}
p.gamelistinfo, p.newsinfo {font-size:12px; font-weight:bold; color:#666; margin:0 0 5px 0;}

.gamelistcontent .alttitle {font-size:12px; color:#666; font-style:italic; font-weight:normal; display:block; text-decoation:none; margin:0 0 5px 0}

div.gamelistBox {width:640px; margin:0 0 10px 0; border-bottom:1px solid #99C}
div.gamelistBox h3 {margin:0 0 5px 0}
div.gamelistBox div.gamelistimg {width:100px; height:75; margin-bottom:10px; float:left; text-align:center}
div.gamelistBox div.gamelistcontent {width:525px; float:right; margin-left:10px}

table.gamelist {width:100%; margin:5px 0 15px 0; border:0; border-collapse:collapse; border-top:1px solid #E0E0E0}
table.gamelist tr:nth-child(odd) {background-color:#fff}
table.gamelist tr:nth-child(even) { background-color:#f2f4f4}
table.gamelist td {border-bottom:1px solid #E0E0E0; padding:5px 0}
table.gamelist .name {padding-left:10px}
table.gamelist .name .maintitle {display:block; font-weight:bold}
table.gamelist .name .alttitle {display:block; font-size:10px; color:#666}
table.gamelist td.date {width:90px; font-size:10px; text-align:center; vertical-align:top}
table.gamelist td.sys {width:100px; font-size:10px; text-align:center}
table.gamelist th.date {width:90px; text-align:center}
table.gamelist th.sys {width:100px; text-align:center}

.futuregame {margin-top:30px}
.futuregame .img {margin-bottom:10px}

/* HARDWARE */

table.hardwarelist {width:100%; font-size:12px; font-weight:bold; color:#003; background-color:#F2F4F4}
table.hardwarelist td {padding:2px 5px; border-right:1px solid #FFF; border-bottom:1px solid #FFF}
td.hardwareserial {width:70px; text-align:center}

/* GAME PAGE */

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;}

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;}

.gamepageBits {width:310px; font-size:12px; margin-bottom:20px}
.gamepageBitsName {margin-bottom:5px;}
.gamepageBitsName h3 {font-size:14px; font-weight:bold; margin:0; clear:none; border:0}
.gamepageBitsName p.jp {font-size:12px; font-weight:bold; color:#666; margin:0; clear:none; border:0}
.gamepageBitsPic {float:right; margin:0 0 5px 10px}

/* MUSIC */

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

/* CAMEOS */

.cameoBox {position:relative}
.cameoBox .cameoFooter {background:#F2F4F4; padding:5px 10px; margin-bottom:15px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.cameoBox .cameoFooter p {margin:0; font-size:12px; color:#666; font-weight:bold; text-align:center}

.cameo {border:1px solid #CCC; margin:0 0 15px 0; padding:10px; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.cameo header {clear:both; border-bottom:1px solid #CCC; margin:0 0 10px 0; padding: 0 0 10px 0}
.cameo header h3 {margin:0}
.cameo footer {clear:both; border-top:1px solid #CCC; margin:0; padding:5px 0 0 0}
.cameoCredit {font-size:10px; margin:0}

.cameo h4 {margin-top:20px}
.cameoImg {width:150px; float:left; margin:0 10px 10px 0;}
.cameoImg .noscreen {width:150px; height:112px; font-size:10px; border:1px solid #CCC; margin:0 0 10px 0; padding:0; text-align:center}
.cameoInfo {width:455px; float:right}
.cameoInfo h4 {margin:0}
.cameodivider {clear:both; margin:10px 0; border-top:1px solid #CCC}