@import url(http://fonts.googleapis.com/css?family=VT323);
/* reset */
@import url('reset.css');
/* base html5 */
@import url('base.css');
/* geral */
@import url('geral.css');

html {overflow-x: hidden; height: 100%}
body {background: #111; height: 100%; background-image: url(../images/cha/pagebg.png);}

/* lateral */
#menu {position: absolute; left: 0; width: 250px; border-right: 5px solid #6F9; z-index: 3; top: 0; min-height: 100%; background: url(../images/cha/lateralbg.gif); }
#menu p {padding: 30px; background: #000; color: #fafafa; border-bottom: 1px dashed #609; font-weight: bold; text-transform: uppercase;}
#menu p span {color: #F03;}

/* opções */
ul {padding: 20px; font-family: 'VT323', monospace; font-size: 2em; display: block; width: 200px; z-index: 9;}
ul li {background: #000; padding: 2px 12px; margin-bottom: 10px;}
ul li:hover {background: #222; color: #3C6; cursor:pointer;}
div#scroll {overflow: auto;}

#pixels {width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0;}

/* spans - pixels */
ul li span {display: none; position: absolute; top: 0; left: 255px; width: 3000px; height: 100%;}
ul li:hover span {display: block;}
li.genma {color: #CF9;} li.genma span {background: url(../images/cha/noise-01.png); }
li.viscerial {color: #F09;} li.viscerial span {background: url(../images/cha/noise-02.png); }
li.deep {color: #36F;} li.deep span {background: url(../images/cha/noise-03.png); }
li.limbo {color: #96F;} li.limbo span {background: url(../images/cha/noise-04.png); }
li.herbal {color: #6F3;} li.herbal span {background: url(../images/cha/noise-05.png); }
li.james {color: #ff0;} li.james span {background: url(../images/cha/noise-06.png); }
li.hematophage {color: #F30;} li.hematophage span {background: url(../images/cha/noise-07.png); }
li.hematorganik {color: #F0C;} li.hematorganik span {background: url(../images/cha/organic-01.jpg); }
li.acidrain {color: #390;} li.acidrain span {background: url(../images/cha/noise-08.png); }
li.sedative {color: #60F;} li.sedative span {background: url(../images/cha/noise-09.png); }
li.artistblood {color: #F00;} li.artistblood span {background: url(../images/cha/noise-10.png); }
li.matrix {color: #6F0;} li.matrix span {background: url(../images/cha/noise-11.png); }
li.joy {color: #FF0;} li.joy span {background: url(../images/cha/noise-12.png); }
li.insektor {color: #3F3;} li.insektor span {background: url(../images/cha/noise-13.png); }
li.tv {color: #CCC;} li.tv span {background: url(../images/cha/noise-14.png); }