html, body {margin:0;padding:0;}
body {background: url(../img/back.jpg) repeat-x fixed #000;}
div {margin:0; padding:0; border:none;}
a {color:#eea; text-decoration:none;}

#maincont {position:relative; margin:auto; max-width:800px;}
#menucont {position:relative; background:url(../img/rack800.png); max-width:800px; height:71px;}
#menucont ul {list-style-type:none;}
#menucont li {font-size:13px;}
#menucont li a {display:block; text-decoration:none; width:100%; height:100%; color:inherit;}

#topdisp {position:absolute; top: 9px; left:480px; width:245px; height:54px; color:#bcc;}
#topdisp p {position:absolute; left:0; bottom:0; margin:0; padding:0;}
#men1 {position:absolute; top:7px; left:111px;}
#men2 {position:absolute; top:7px; left:169px;}
#men3 {position:absolute; top:7px; left:226px;}
#men4 {position:absolute; top:39px; left:111px;}
#men5 {position:absolute; top:39px; left:169px;}
#men6 {position:absolute; top:39px; left:226px;}
#tap  {position:absolute; top:6px; left:330px;}
#mute {position:absolute; top:6px; left:372px;}
#rew  {position:absolute; top:39px; left:330px;}
#fwd  {position:absolute; top:39px; left:372px;}
.mensml {border:none; width:35px; height:20px; text-align:center; color:#f00; font-size:9px;padding-top:3px;cursor:pointer;}
.menbig {border:none; background:url(../img/btn50x21_blk.png); width:50px; height:21px; text-align:center;cursor:pointer;}
.bgrn, .sgrn {color:#4f4;}
.bgrn:hover, .bgrn.sel {background:url(../img/btn50x21_grn.png);}
.byel, .syel {color:#fe4;}
.byel:hover, .byel.sel {background:url(../img/btn50x21_yel.png);}
.bblu, .sblu {color:#57f;}
.bblu:hover, .bblu.sel {background:url(../img/btn50x21_blu.png);}
.bred, .sred {color:#f40;}
.bred:hover, .bred.sel {background:url(../img/btn50x21_red.png);}
.bblk, .sblk {; color:#ccc;}

.sred.sel {background:url(../img/btn35x21_red.png);}
.syel:hover, .syel.sel {background:url(../img/btn35x21_yel.png);}
.sgrn.sel {background:url(../img/btn35x21_grn.png);}
.sblu.sel {background:url(../img/btn35x21_blu.png);}


#page {background:url(../img/rackline800.png) repeat-y; max-width:800px; border:none; padding:0 50px 0 50px;}
#phead {background:url(../img/rackhead800.png) no-repeat; max-width:800px; height:20px;}
#pfoot {background:url(../img/rackfoot800.png) no-repeat; max-width:800px; height:20px;}
#pcont {overflow:hidden; background:#000; color:#ccc; border:2px inset #77b; border-radius:0.5em; max-width:650px; margin:0; padding:1em;}
h1 {font-size:105%; text-decoration:none; border-bottom: 1px solid #0e0; color:#ddd;}
h2 {font-size:100%; text-decoration:none; color:#eee;}

.imgleft {float:left;}
.imgright {float:right;}

.imgleft p, .imgright p {clear:both; text-align:center;}
.chapimg {float:right; width:250px; height:106px;}
.imgfull {width:650px;}
.imgtext {font-size:90%; text-align:center;}

/* piclist legacy for plists */

.piclist { margin:0; padding:0; }
.piclist li {position:relative; min-height:185px; list-style-type:none;
  margin:0; padding:0; list-style-position:inside;}
.piclist>li>img:first-of-type {width:150px; position:absolute; margin:5px 0; z-index:1;}
.piclist p {margin:0 0 1em 170px; padding:0; position:relative;}
.piclist h2 {margin:0 0 0 0; padding:0 0 0 170px; position:relative; border-bottom:1px solid #d00;z-index:0;}

/* new plist's succeding piclist */

.plist { margin:0; padding:0; }
.plist li {position:relative; list-style-type:none;
  margin:0; padding:0; list-style-position:inside;}
.plist>li>img:first-of-type {position:absolute; margin:5px 0; z-index:1;}
.plist>li>img:first-of-type {position:absolute; margin:5px 0; z-index:1;}
.plist p {padding:0; position:relative;}
.plist h2 {margin:0 0 0 0; position:relative; border-bottom:1px solid #d00;z-index:0;}

.plist.gear li {min-height:185px;}
.plist.gear>li>img:first-of-type {width:150px;}
.plist.gear p {margin:0 0 1em 170px;}
.plist.gear h2 {padding:0 0 0 170px;}

.plist.defn li {min-height:80px;}
.plist.defn>li>img:first-of-type {width:4em;}
.plist.defn p {margin:0 0 1em 5.5em;}
.plist.defn h2 {padding:0 0 0 5.5em;}

/* other */

.pats {display:block; padding:0.1em 0 0.2em 170px; text-align:right;}
.pats img {width:2em;height:2em; margin:0.1em;}
.tcard {content:url("/img/pattern/cardioid.png");}
.tomni {content:url("/img/pattern/omni.png");}
.tsuper {content:url("/img/pattern/super.png");}
.thyper {content:url("/img/pattern/hyper.png");}
.tbound {content:url("/img/pattern/bound.png");}