/* CSS Document */

div.character {
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}

div.stats {
	padding: 10px;
}

div.stats ul {
	list-style: none;
}

#guardian_m { background-image: url(images/guardian_m.png); width: 320px; height: 549px; }
#guardian_f { background-image: url(images/guardian_f.png); width: 320px; height: 520px; }
#blademaster_m { background-image: url(images/blademaster_m.png); width: 320px; height: 508px; }
#blademaster_f { background-image: url(images/blademaster_f.png); width: 320px; height: 552px;}
#evoker_m { background-image: url(images/evoker_m.png); width: 320px; height: 513px; }
#evoker_f { background-image: url(images/evoker_f.png); width: 320px; height: 559px; }
#summoner_m, #summoner_f { background-image: url(images/summoner_m.png); width: 320px; height: 572px;}
#summoner_f { }
#engineer_m { }
#engineer_f, #engineer_m { background-image: url(images/engineer_f.png); width: 320px; height: 541px;}
#marksman_m { }
#marksman_f, #marksman_m { margin-top: 100px; background-image: url(images/marksman_f.png); width: 320px; height: 406px;}

#quote { font-style: italic; margin-top: 10px; }

#normal, #atitle { color: #e1e1e1; }
#uncommon { color: #308030; }
#rare { color: #00c0ff; }
#legendary { color: #f78e1e; }
#unique { color: #ffd100; }
#mutant { color: #a060ff; }

#atitle { display: block; letter-spacing: 1px; font-size: 11px; }
#achievements li { margin-bottom: 5px; }

ol.hall_of_fame { margin-left: 130px; }
ol.hall_of_fame ul li { display: inline-block; list-style-type: none; width: 100px; }