body {color:#E1BDE1; font-family:"Bradley Hand ITC",  CommercialScript, cursive,  "Brush Script MT"; font-style:italic;
	font-size: 14pt; background-color: black; background-image:url(); position: absolute;
}
/* divs */
#content {position: relative; width: 800px; height: auto; margin-top: 0px; margin-left: 100px; 
}
#masthead, #nav, #info, #page, #pgnav {width: 800px; height: auto; margin-top: 0px; margin-left:0px; 
}
#pgnav {width: 100%; text-align: center;
}
#nav { z-index: 5;
}
#footer{width: 800px; font-size:12px; text-align:center; color:#E1BDE1; margin-bottom:0px; border-top: 2px groove; border: 2px 0px  #C9ADC1; clear: both;
}
#rtadscol {width: 160px; height: auto; float: right; margin-right: 0px; margin-top: 0px; text-align: center;  
}
#ltcolpg {width: 620px; height: auto; position: relative; float: left;
}
.rt {float: right; width: auto; height: auto; margin-right: 0px; 
}
/*styles for item boxes*/
div.category{width: 625px; height: 430px; text-align: center; margin-top: 10px; margin-right: 10px; position: relative; clear: left;
    border-bottom: 1px groove #C9ADC1; padding-bottom: 3px; padding-right: 30px;
}
div.item, div.itemrt {width: 170px; height: auto; max-height: 420px; overflow: scroll; padding: 2px; border:1px inset #E992FE;  float: left; display:table-cell;
} 
div.itemrt {float: right; margin-left: 2px; margin-right: 30px;
}
   div.buttons, div.inactivebuttons{float: left; padding:2px; 
   }
   div.inactivebuttons { visibility:hidden; 
   }
   div.screenshot {width: 160px; height: 70px; overflow: scroll;
   }

/*text*/
h1 {width: 800px; text-align: right; font-size:300%;  margin-top: 10px; padding-top: 10px;
}
h2 {width: 700px; height: auto; text-align: center; margin: 30px auto; padding-top: 25px;
}
a.h2{color:#E1BDE1;
}
h3 {clear: both; width: 800px; text-align: center; height: auto; font-size: 105%; margin-top:-25px;
}
h3.info {text-align: left; margin-top: 10px; margin-bottom: -15px;
}
h4.cat {float: left; width: 165px; padding: 0px 10px; margin-left: 0px; text-align: right; 
}
h4.info {text-align: center;
}
a {color:#C9C0F8;
}
.page {font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; text-align: left; padding: 3px; margin: 2px;
}
.empink{font-size: 16px; color:#E992FE; font-weight: bold;
}
.mod, #mod {font-style: italic; font-size: x-small;
}
#copy {font-size: small;
}
/*outlines*/
ul.prod, ul.nav, ul.artists ul.pgnav{width: 800px; height:auto; border-bottom-color:#C9ADC1; border-bottom-width: 2px; border-bottom-style: groove; border-top: 2px groove; border-color: #C9ADC1; padding: 0px 10px; 
      text-align: center; font-family: "Bradley Hand ITC", "Brush Script MT", CommercialScript, cursive; clear: both;
}
ul.pgnav {width: 100%;
}
ul.demo {width: 800px; height: auto; text-align: center; padding: 2px; display: inline; list-style-type: none; clear: both;
}
ul.nav li, ul.artists li, ul.demo li, ul.pgnav li{width: 125px; height: auto;  margin: 0px 2px; text-align: center; display: inline; 
}
ul.artists li  {width: 160px; 
}
span.demobkgd {background-image:url(images/Apop-flames-fireworks-80x80.gif); background-position:center; background-repeat:no-repeat; color:#660033;
}
ul.prod li {width: 170px; height:auto; border: 1px solid gray; padding: 2px; display: inline;
}

/*images*/
img#logo{margin-top: -65px; margin-left: 1px; padding-left: 4px; float: right; width: 250px; height: 250px; z-index: 1;
}
img.demo {width: 80px; height: auto; border:1px inset #C9ADC1; float: left;
}
/* not yet styled except in div above
img.thumbnail {width: 159px; height: 119px; }
img.screenshot {width: 400px; height: auto; }
*/