/* LAYOUT */

html {overflow-y:scroll}
body, #top, #blackborders {min-width:900px; max-width:1024px}
body {background:#000; color:#FFF; font:14px Arial, Helvetica, Sans, Garuda, sans-serif; margin:0 auto; padding:0}

#blackborders, #corps {background:url(/pics/gradient_bg.png) fixed repeat-x #0C0E20}
#blackborders {position:absolute; width:100%; height:100%}
#corps {z-index:1; padding:138px 15px 10px 180px}


/* TOP */

#top {z-index:3; position:fixed; background:url(/pics/topbg.png) #020202 repeat-x; width:100%; height:130px; margin:0; padding:0}
#topleft {background:url(/pics/menu_bg.png) no-repeat -165px 60px; width:152px; height:130px; position:absolute}
#topright {background:url(/pics/topban.png) no-repeat; width:624px; height:110px; position:absolute; top:5px; left:24%}
#flags {list-style:none; margin:110px 0 0 42px; padding:0}
#flags a {background:url(/pics/flagicons.png); width:24px; height:16px; float:left; margin:2px 5px 0; content:""; color:transparent; font-size:0}
#flags a:focus {-moz-outline-radius:0}
#flags #en {background-position:0 -16px}
#flags #selected a {border:2px solid #8F86FF; margin:0 3px}


/* SD CHARACTERS */

#stifu {width:65px; height:96px; left:513px; top:4px; background:url(/pics/sd_stifu.png)}
#skink {width:63px; height:76px; left:521px; top:24px; background:url(/pics/sd_skink.png)}
#sprat {width:51px; height:96px; left:526px; top:4px; background:url(/pics/sd_sprat.png)}
#seita {width:55px; height:85px; left:527px; top:34px; background:url(/pics/sd_seita.png)}
#solapp {width:68px; height:92px; left:517px; top:8px; background:url(/pics/sd_solapp.png)}
#sasori {width:96px; height:85px; left:501px; top:19px; background:url(/pics/sd_sasori.png)}

#stifu, #skink, #sprat, #seita, #solapp, #sasori {display:block; position:relative}


/* MENU */

#menu {z-index:2; position:fixed; margin:130px 0 0; padding:5px 0 0; width:165px; list-style:none; background:url(/pics/menu_bg.png) #020202}
#menu li {padding:5px 0 0 27px}
#menu a {display:block; background:url(/pics/menu_buttons.png); width:100px; height:43px; line-height:43px; text-align:center; content:""; color:transparent; font-size:0}
#menu a:hover, #menu a:focus {opacity:0.8}
#menu a#menu_current:hover, #menu a#menu_current:focus {opacity:1}

#menu_news a:hover, #menu_news a:focus, #menu_news a#menu_current {background-position:-100px 0}
#menu_emu a {background-position:0 -43px}
#menu_emu a:hover, #menu_emu a:focus, #menu_emu a#menu_current {background-position:-100px -43px}
#menu_rpg95 a {background-position:0 -86px}
#menu_rpg95 a:hover, #menu_rpg95 a:focus, #menu_rpg95 a#menu_current {background-position:-100px -86px}
#menu_mystuff a {background-position:0 -129px}
#menu_mystuff a:hover, #menu_mystuff a:focus, #menu_mystuff a#menu_current {background-position:-100px -129px}
#menu_links a {background-position:0 -172px}
#menu_links a:hover, #menu_links a:focus, #menu_links a#menu_current {background-position:-100px -172px}
#menu_board a {background-position:0 -215px}
#menu_board a:hover, #menu_board a:focus {background-position:-100px -215px}
#menu_about a {display:none}

#menu:after {content:""; display:block; background:url(/pics/menu_bg.png) -165px -70px; width:165px; height:35px; margin:0 0 -35px}


/* FIX SWITCH */

#fixswitch {z-index:4; position:absolute; background:url(/pics/fixswitch.png) no-repeat; width:146px; height:29px; cursor:pointer}
#fixed #fixswitch {background-position:0 0}
#notfixed #fixswitch {background-position:0 -29px}
#notfixed #top, #notfixed #menu {position:absolute}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/* GENERAL */

a {color:#8F86FF; font-weight:bold; text-decoration:none}
a:visited {color:#9976C8}
a:active {color:#BE36AD}
a:hover, a:focus {color:#B3ADFF; text-decoration:underline}
a:focus {-moz-outline-radius:14px; outline-offset:2px; outline-color:#B3ADFF}
a img {border:0}

h1 {display:inline; font:bold 28px Verdana, Bitstream Vera Sans, Kalimati, sans-serif; line-height:50px; margin:0 0 0 14px; padding:0 0 .2em 0; white-space:nowrap; background:url(/pics/titlebg.png) center repeat-x}
h1:before {content:""; background:url(/pics/titlesides.png) 0 no-repeat; padding:0 14px .2em 0; margin-left:-14px}
h1:after {content:""; background:url(/pics/titlesides.png) -14px no-repeat; padding:0 0 .2em 14px; margin:0 -14px 0 28px}
h2 {font:bold italic 20px Verdana, Bitstream Vera Sans, Kalimati, sans-serif; color:#F8F1BA; margin:0 0 0 .7em}
h3 {font:bold 20px Arial, Helvetica, Sans, Garuda, sans-serif; margin:.5em 0 0 1em}
li h3 {margin:0}
small {font-size:82%}
big {font-size:120%}
hr {width:94%; border:3px double #494A69; margin:2em auto}
p {padding:0; margin:1.5em; text-align:justify; line-height:1.3}
acronym, abbr {cursor:help; border-bottom:3px double #082}

.note {color:#FF4040}
.grayedout {color:#BBB}

ul, dl {margin:1.5em 1em; padding:0 0 0 2em; list-style-image:url(/pics/arrow.png)}
dl dt {display:list-item; margin-bottom:.2em}
dl dd {margin-left:.5em; margin-bottom:1em}
.biglist {margin-bottom:3em}
.biglist li {margin-bottom:1em}
.biglist dt a, .biglist li a {font:bold 20px Arial, Helvetica, Sans, Garuda, sans-serif; margin:0}

input[type=button], input[type=submit], button {background:url(/pics/buttonbg.png) #1F3D70 repeat-x; border:2px solid #123; color:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus {background:url(/pics/buttonbg_hover.png) #335184 repeat-x; border:2px solid #253647}
input[disabled], input[disabled]:hover, input[disabled]:focus {background:url(/pics/buttonbg_disabled.png) #353535 repeat-x; border:2px solid #1E1E1E; color:#C0C0C0}

table {border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -moz-box-shadow:#08060E 5px 5px; -webkit-box-shadow:#08060E 5px 5px}
table tr:first-child>:first-child {border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px}
table tr:first-child>:last-child, table tr:first-child>:last-child a {border-top-right-radius:10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px}
table tr:last-child>:first-child {border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px}
table tr:last-child>:last-child {border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px}

.table {table-layout:fixed; background:#000; border:1px solid #494A69; margin:1em auto .5em; border-spacing:0}
.table th, .table td {border:1px solid #494A69; border-width:0 0 1px; text-align:center}
.table tr:nth-child(even) td {background:#080811}
.table th {background:url(/pics/tabhead.png) #241C33; font:bold 14px Verdana, Bitstream Vera Sans, Kalimati, sans-serif; color:#F8F1BA; padding:.3em}
.table td {padding:.5em}
.table hr {width:120px; border:1px solid #241C33; margin:.5em auto}

.tabs {float:right; margin:130px 5px -4em 0; list-style:none}
.tabs li {float:left}
.tabs li a {display:block; margin:0 5px 0 0; padding:8px 16px; min-width:3em; height:16px; background:#383856; color:#999; text-decoration:none; text-align:center; opacity:.8;
border-bottom-left-radius:16px; border-bottom-right-radius:16px;
-moz-border-radius-bottomleft:16px; -moz-border-radius-bottomright:16px;
-webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius:16px}
.tabs li a:hover, .tabs li a:focus, .tabs li a#tab_current {background:#444492; color:#FFF}
.tabs li a:hover,.tabs li a:focus {opacity:.75}
.tabs li a#tab_current {opacity:.85}
.tabs li a:focus {-moz-outline-radius:20px; -moz-outline-radius-topleft:0; -moz-outline-radius-topright:0}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/* NEWS */

.table.news {width:92%}
.table.news th {font-size:18px; text-align:left; padding:2px .6em}
.table.news td.date {font:10px Verdana, Bitstream Vera Sans, Kalimati, sans-serif; padding:2px 2em; text-align:left}
.table.news td.content {padding:1.2em 1.2em 2em; text-align:justify; text-indent:1em}
.table.news td.content ul {margin:0; margin-left:2em; padding:0}
.table.news td.content ul li {padding:.5em 0; text-indent:0}
.table.news del {color:#999}


/* EMU/ROMS */

#romlist {padding:0 1em}
#romlist li {list-style:none; border:double #494A69; border-width:5px 0; padding:10px; text-align:center}
#romlist li span {position:relative; bottom:25px; left:15px}

#emu-toptitle {display:block; margin:1em auto}

.emu-block {display:table; width:100%; padding:1em 0}
.emu-block div {display:table-cell; vertical-align:middle; text-align:center}
.emu-img {width:23%}
.emu-text {width:54%}
.emu-text h3 {margin-left:0}
#emu-text-neo {padding:0 2em 0 6em}
#emu-text-neo h3 {font-size:200%}

#mode-switch {float:right; margin-top:-4.5em}

.gameslist {list-style:none; margin:2.5em 0 0; padding:0; text-align:center}
.gameslist li {margin-bottom:1em}

body#popup {background-image:url(/pics/popupbg.png); overflow:auto; min-width:100%; max-width:100%}

.tabroms {width:95%; border:0; margin:.5em auto; border-spacing:0}
.tabroms tr td {vertical-align:top}
.tabroms ul {list-style:none; margin:0; margin-left:9px; padding:0}
.tabroms ul li {padding:.5em}
.tabroms form {margin:0 0 2em; padding:0}


/* RPG MAKER 95 */

.rpg95ss {list-style:none; margin:0; padding:0; width:350px; text-align:center}
.rpg95ss li {margin-bottom:8px}


/* MY STUFF */

.active {color:#FF0}
.onhold {color:#FF9000}
.dead {color:#E11}
.finished {color:#0F0}

.screenshots {list-style:none; margin:0; padding:0; text-align:center}
.screenshots li {margin:1em 1em 2em}
.screenshots li img {margin:1% 4% 0} /* Epic Racers */
.screenshots li a img {margin:0} /* SSF */
.screenshots li a {margin:0 2.5%} /* SSF */

.erchara {border:3px outset #4E517C; margin:auto}
.erchara td {width:25%; text-align:center; padding-top:5px; background:#494CC9; border-color:#4E517C}
.erchara td img {width:64px; height:64px}
.erchara td div {background:#1A0B8B; font-weight:bold}


/* ABOUT */

.about {background:#000; padding:10px; border:3px double #222; margin:2em auto; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.about form {margin:0; padding:0}
.about input[type=text] {color:#FFF; background:none; border:0; text-align:center}
.about #info {float:left}
.about ul {margin:5em 2em 0; float:right}
.about ul li {margin:0 0 1em; text-align:left}
.about p {margin:0; padding:2em 1em}
.about:after {content:""; display:block; clear:both}


/* ERROR */

#error {background:url(/pics/error.png) no-repeat 0 10px; width:600px; height:430px; margin:auto; content:""; color:transparent; font-size:0}