@font-face {  
	  font-family: Amiga;  
	  src: url('fonts/Topaz_a1200_v1.0.ttf') format("truetype");  
	}  
*		  { font-family: Arial,"Sans Serif",Helvetica,Monaco; margin: 0; padding: 0; }
h1                { font-size: 26px; color:#000000; font-weight: bold; text-align: center; margin: 6px 0 0 0;}
h2                { font-size: 22px; color:#000000; font-weight: bold; text-align: center; margin: 12px 0 8px 0; }
h3                { font-size: 18px; color:#000000; font-weight: bold; text-align: center; margin: 12px 0 0px 0; padding-bottom: -6px; border-bottom: 2px solid grey; }
h4                { font-size: 14px; color:#000000; font-weight: bold; text-align: left; margin: 12px 0 8px 0; border-bottom: 2px solid grey; }
h5                { font-size: 14px; color:#000000; font-weight: bold; text-align: left; margin: 12px 0 8px 0; }
body              { width: 800px; margin: 0 auto 0 auto; text-align: center; font-size: 14px; background: black; }
p                 { font-size: 14px; margin: 8px 0 8px 0; }
body,a,input,textarea,select { cursor:url("/images/amiga.cur"), default; }
table             { width: 100%; border-collapse: collapse; border: 1px solid black; }
td                { font-size: 12px; vertical-align: middle; padding: 1px; }
textarea, #edit   { font-size: 12px; color: black; background: white; width: 100%; overflow: auto; border: 0; }
form              { font-size: 12px; text-align: center; font-weight: bold; }
input             { margin: 1px; font-size: 12px; }
select, option    { font-size: 12px; }
img               { border: 0; }
li                { margin-left: 20px; }
pre               { font-family: Courier; }
a:link, a:visited { text-decoration: none; color:#3344aa; }
a:active, a:hover { text-decoration: none; color:#0000FF; }

#titlebar         { width: 796px; height: 18px; font-family: Amiga,"Times New Roman",Georgia,Serif; font-size: 12pt; text-align: left; position: absolute; top: 0; margin: 0; padding: 2px 0 0 4px; background: white url('images/titlebar.png') no-repeat right top; border-bottom: 2px solid black; z-index: 10; }
#content_title    { position: absolute; font-family: Amiga,"Times New Roman",Georgia,Serif; font-size: 12pt; line-height: 20px; top: 22px; width: 635px; height: 26px; margin: 0 0 0 120px; padding: 2px 22px 0 22px; text-align: left; background: #aaaaaa url('images/page_top.png') no-repeat top left; }
#content          { position: absolute; top: 50px; width: 679px; min-height: 100%; margin: 0 0 0 120px; padding: 0; text-align: left; background: #aaaaaa; }
#content_main     { width: 653px; margin: 0; padding: 6px 20px 6px 6px; text-align: left; background: #aaaaaa url('images/page_main.png') repeat-y top left; }
#copyright        { width: 653px; margin: 0; padding: 9px 20px 0 6px; height: 60px; font-weight: bold; text-align: center; background: #aaaaaa url('images/page_bottom.png') no-repeat top left; }

#debug p          { font-size: 10px; }
#dimpage          { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: black; opacity: 0.4; filter: alpha(opacity=60); z-index: 1; }
#screenshot       { position: fixed; top: 0px; left: 0px; width: 100%; height: 480px; text-align: center; z-index: 2; }
#screenshot h2    { padding: 0 10px 10px 10px; margin: 0 auto 0 auto; background: #cccccc url("images/background2.png"); border: 1px solid black; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#loading          { display: block; background: black url("images/loading.png") repeat; border: 4px solid black; padding: 0; margin: 0 auto 0 auto; }
#thumbs           { width: 100%; text-align: center; }
#thumbs span      { width: 25%; text-align: center; }
#thumbs img       { height: 108px; }
#search           { width: 128px; }
#key              { width: 100%; margin: 12px auto 0 auto; color: black; text-align: center; } 
#key span         { padding: 0 2px 0 2px; }
#bbsbox,#reply    { width: 100%; height: 372px; margin-bottom: 4px; }
#view,#edit,#reply { width: 640px; height: 370px; border: 1px solid black; padding: 0 4px 0 4px; overflow: hidden; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#view             { background-image:url("images/background.png"); }
#view h3, .subject input, .replies  { font-size: 18px; text-align: center; padding: 0; margin: 0; }
.subject input, .subject select { width: 637px; }
#message, #edit textarea, #reply textarea, #new textarea { width: 638px; height: 280px; overflow: auto; }

#menu     { position: absolute; min-height: 100%; top: 0px; margin: 0px; padding-top: 25px; background: #aaaaaa; z-index: -1; }

#menu a {
   font-size: 10px;
   text-align: center;
   color: black;
   width: 120px;
   padding-bottom: 3px;   
   }

#menu a.logo:link, #menu a.logo:visited
  {
   background: url("images/logo.png") no-repeat center top;
   padding-top: 50px;
   color: #000000;
   display: block;
   }

#menu a.logo:hover
   {
   text-decoration : none;
   background: url("images/logo_hover.png") no-repeat center top;
   padding-top: 50px;   
   display: block;
   }

#menu a.floppy:link, #menu a.floppy:visited
  {
   background: url("images/floppy.png") no-repeat center top;
   padding-top: 46px;
   color: #000000;
   display: block;
   }

#menu a.floppy:hover
   {
   text-decoration : none;
   background: url("images/floppy_active.png") no-repeat center top;
   padding-top: 46px;   
   display: block;
   }

#menu a.hdd:link, #menu a.hdd:visited
  {
   background: url("images/harddisk.png") no-repeat center top;
   padding-top: 44px;
   color: #000000;
   display: block;
   }

#menu a.hdd:hover
   {
   text-decoration : none;
   background: url("images/harddisk_active.png") no-repeat center top;
   padding-top: 44px;
   display: block;
   }

#menu a.nav:link, #menu a.nav:visited, #menu a.navred:link, #menu a.navred:visited
  {
   background: url("images/folder.png") no-repeat center top;
   padding-top: 38px;
   color: #000000;
   display: block;
   }

#menu a.nav:hover
   {
   text-decoration : none;
   background: url("images/folder_active.png") no-repeat center top;
   padding-top: 38px;
   display: block;
   }

.topmenu { 
   color: #00aa00;
   text-align: center;
   border-bottom: 1px solid black;
   }

.topmenu a {
   color: white;
   font-weight: 600;
   border: 1px solid black;
   padding: 0px 6px 0 6px;
   margin: 0px 6px 0 6px;
   background: transparent;
   }

.topmenu a:hover {
   background: #6688bb;
   }

.topmenu .active {
   color: black;
   background: #6688bb;
}

.head
{
   font-size: 10px;
   font-weight: 600;
   text-align: center;
   padding: 1px;
   color: #ffffff;
   text-decoration : none;
   background-image:url("images/head.png");
   border: 1px solid #000000;
}

.left               { text-align: left; }
.center             { text-align: center; }
.right              { text-align: right; }
.textbox            { color: black; }
.title              { font-size: 24px; color:#000000; font-weight: bold; text-align: center; }
.option             { font-size: 14px; color:#000000; text-align: center; }
.subtitle,.subtitle select { font-size: 14px; text-align: center; }
.description        { font-size: 10px; }
.red                { color: #ff0000; }
.green              { color: #00aa00; }
.blue               { color: #0000ff; }
.rating5,.rating5 a,.rating5 p,.rating5 span textarea, #view
                                 { color: #008A3F; background: #AFFFD0 url("images/rating5.gif"); }
.rating5 textarea,.rating5 input { color: #008A3F; background: #008A3F url("images/rating5b.gif"); }
.rating5                         { border: 1px solid #008A3F; }
.rating4,.rating4 a,.rating4 p,.rating4 span textarea
                                 { color: #00B700; background: #C8FF9F url("images/rating4.gif"); }
.rating4 textarea,.rating4 input { color: #00B700; background: #00B700 url("images/rating4b.gif"); }
.rating4                         { border: 1px solid #00B700; }
.rating3,.rating3 a,.rating3 p,.rating3 span textarea, #reply
                                 { color: #7E7F00; background: #FEFF9F url("images/rating3.gif"); }
.rating3 textarea,.rating3 input { color: #7E7F00; background: #7E7F00 url("images/rating3b.gif"); }
.rating3                         { border: 1px solid #7E7F00; }
.rating2,.rating2 a,.rating2 p,.rating2 span textarea
                                 { color: #9F4E00; background: #FFCA9F url("images/rating2.gif"); }
.rating2 textarea,.rating2 input { color: #9F4E00; background: #9F4E00 url("images/rating2b.gif"); }
.rating2                         { border: 1px solid #D96C00; }
.rating1,.rating1 a,.rating1 p,.rating1 span textarea, #menu a.navred:link, #menu a.navred:visited
                                 { color: #A20000; background: #FF9F9F url("images/rating1.gif"); }
.rating1 textarea,.rating1 input, #edit { color: #A20000; background: #A20000 url("images/rating1b.gif"); }
.rating1,#menu a.navred:link, #menu a.navred:visited
                                 { border: 1px solid #A20000; }
.rating,.rating a,.rating p,.rating textarea    { color: #555555; background: #a7a7a7 url("images/rating0.gif"); }
.rating             { border: 1px solid #555555; margin: 2px 0 0 0; }
.selected           { color: white;  background: #555555 url("images/background.gif"); }

.previous           { width: 149px; text-align: left; font-weight: bold; display: table-cell; vertical-align: middle; }
.info               { width: 350px; text-align: center; font-weight: bold; display: table-cell; vertical-align: middle; }
.next               { width: 149px; text-align: right; font-weight: bold; display: table-cell; vertical-align: middle; }

.username  { width: 120px; text-align: left; }
.website   { width: 60px; text-align: center; }
.tests     { width: 80px; text-align: center; }
.longdate  { width: 154px; text-align: right; }
.downloads { float:left; margin-right: 2px; }
.emutitle,.emulator,.region,.serial,.tested,.date,.throttle, .frameskip, .drives, .overclocked   { text-align: center; }
.emutitle { width: 200px; }
.emulator { width: 100px; height: 16px; }
.odd      { background: url("images/background3.png"); }
.even     { background: url("images/background4.png"); }
.version  { width: 90px; height: 14px; overflow: none; border: 0; }
.throttle, .frameskip, .drives { width: 60px; }
.ratingselect { width: 100%; height: 16px; }
.region   { width: 40px; }
.serial   { width: 120px; }
.tested,.overclocked   { width: 80px; }
.date     { width: 200px; text-align: right; }
.notes    { width: 648px; height: 42px; text-align: left; }
.editable { border: 2px inset; }