body { background:#fff; color:#000; font-family:trebuchet ms }

.leftbox { width:50%; float:left; }
.rightbox { width:50%; float:right; }

.boxart { float:left; width:90px; text-align:center;
background:#fff; height:64px; font-size:0.8em;
}

.imagenormal { border:0px;
 max-width:63px; 
 max-height:63px; 

}
.imagefade {         filter:alpha(opacity=20);
 max-width:63px;
 max-height:63px; 
        opacity: 0.2;
        -moz-opacity:0.2; 
border:0px}

.gamelinknormal { text-decoration:none; color:#000; }
.gamelinkfade { text-decoration:none; color:#999; }

li.normal { height:64px; }
li.fade { color:#999; height:64px; }

.scdet { font-size:0.7em; margin-left:108px }
.warning { color:#f77; font-size:0.7em; margin-left:108px; }
.owners { color:#bbb; font-size:0.7em; margin-left:108px; }

.intro { font-size:0.8em; border:1px solid #999; padding:8px; 
margin:8px; }
.intro p { margin:8px 24px 12px 24px; }
h1 { margin:16px; font-family:'Bubblegum Sans',cursive; }
.h1in { color:#77f; font-style:italic; font-size:0.8em; }
.h1right { color:#77f; font-style:italic; }
h1 a { text-decoration:none; color:#000; }

.inbox { padding:8px; background:#eee; margin:8px; }
.userexp { font-size:0.8em; color:#777}
.optional { float:right; font-size:0.8em; text-align:right }
.optionals { float:right; text-align:left }
.buyit { color:#f00; text-decoration:none; font-weight:normal}
.footer { font-size:0.7em; border:1px solid #999; padding:4px;
margin:8px; text-align:right; background:#fff; clear:both}
.error { border:2px solid #f00; padding:8px; margin:8px 16px;
font-weight:bold; font-size:0.9em; text-align:left; color:#f00}
.tinyinput { font-size:0.9em; }

.review { cursor: pointer; }

.swapown { float:left; width:30%; text-align:center }
.swapwant { float:right; width:30%; text-align:center;
background:url('/images/arrow.gif');background-size: 100px;
    background-repeat: no-repeat; }

.swap { border:1px solid #000; margin:8px; clear:both; display:inline-block; padding:8px; width:400px; text-align:center }
.swapreview { font-size:0.7em; }

.swapgold { background:gold; }
.swapsilver { background:silver; }
.swapbronze { background:#cd7f32; }

h3 { padding:4px; margin:0px; }

.logo { float:left; padding:0px 12px 0px 0px; }

.seeall { font-size:0.7em; text-align: center; margin:0px 0px 8px 0px}
.seeall a { color:#aaa; }

.powered { float:right; margin:8px; }



@media screen and (max-width: 480px) {

h1 { font-size:1em; }
.h1in { font-size:0.6em; }

.leftbox { width:auto; float:none; }
.rightbox { width:auto; float:none; }
.scdet { font-size:0.7em; margin:0px 0px 0px 108px }

}