body { font-size: 12pt; }
div.sporecard { 
   display: block; width: 160px; height: 200px; max-height: 200px; maxheight: 200px; text-align: center; background: #CCFFBB; margin: 5px;
   border: outset 2px;
   float: left;
}

div.userassets div.sporecard { height: 180px;  max-height: 180px; maxheight: 180px;}

div.intro {width: 14em; float: left;}
div.intro a { display: block; }
div.intro select { width: 14em; }
div.intro input  { width: 10em; }
div.intro button { width:  4em; }

div#writeroot { margin-left: 15em; }
div.sporecard.unknown { background: white; } 
div.sporecard.creature { background: #CCFFBB; } 
div.sporecard.building { background: silver; } 
div.sporecard.vehicle { background: skyblue; } 
div.sporecard.ufo { background: black; color: white} 

img.sporecard { margin: auto; border: solid 0px white; width: 128px; height: 128px; display: block; padding: 0px}
span.title    { font-size: 100%; display: block; width: 150px; height: 24pt; vertical-align: middle;}
span.title.small  { font-size: 75% }
span.title.tiny   { font-size: 50% }
div.sporecard a { text-decoration: none;}
div.sporecard.ufo a { color: white}
div.sporecard a:hover { text-decoration: underline}
a img.sporelink {height: 1em; width: 1em; border: 0px;}

xdiv.listinfo { background-color: silver; }
xdiv.cardlist { background-color: pink; }
div.listinfo span.idtext {display: none;}
div.listinfo span.updated {display: none;}
div.listinfo span.subs {display: none;}
div.listinfo h1.title  {font-size: 200%; margin: 0px; padding: 0px;}
div.listinfo h3.desc   {margin: 20px; padding: 0px;}
div.listinfo h2.author {margin: 0px; padding: 0px;}