body {
	font-family:verdana;
	font-size:.8em;
	background:#333; }

div#container {
	width:768px;
	height:100%;
	padding:.4em;
	margin:1em auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#555;
	color:#fff; }

/* ---------- Title ---------- */

div#title {
	text-align:center;
	font-weight:bold;
	background:#252525;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	padding:.4em;
	margin:-.4em -.4em 0 -.4em; }

/* ---------- Navigation ---------- */

div#navigation a, div.rule a {
	color:#fa0; }

div#navigation a:hover, div.rule a:hover {
	color:#f00; }

/* ---------- Rules ---------- */

div.rule {
	display:block;
	background:#777;
	border:1px dotted #000;
	padding:.4em;
	margin:1em 0;
	font-weight:bold;
	padding:0 .4em }

div#info p {
	font-weight:normal; }
div#info ul {
	font-weight:normal; }

/* ---------- Battle Sim ---------- */

span#lifeBarA, span#lifeBarD {
	border:1px solid #ffffff;
	display:block;
	height:4px; }

span.bSimInfoBox {
	display:block;
	position:relative;
	float:right;
	width:500px;
	background:#555;
	border:1px dotted #000;
	padding:.5em; }

div.roundA {
	display:block;
	background:#666;
	border:1px dotted #000;
	padding:.4em;
	margin:1em 0; }

div.roundA b {
	color:#aaa; }

div.roundD {
	display:block;
	background:#444;
	border:1px dotted #000;
	padding:.4em;
	margin:1em 0; }

div.roundD b {
	color:#aaa; }

span.hit {
	color:#0f0;
	font-weight:bold; }

span.miss {
	color:#ff0;
	font-weight:bold; }

span.splash {
	color:#fb0;
	font-weight:bold; }

span.dead {
	color:#f00;
	font-weight:bold; }

span.dmg1 { color:#fff; background:#ff0000; font-weight:bold; }
span.dmg2 { color:#fff; background:#ff0100; font-weight:bold; }
span.dmg3 { color:#fff; background:#ff0200; font-weight:bold; }
span.dmg4 { color:#fff; background:#ff0400; font-weight:bold; }
span.dmg5 { color:#fff; background:#ff0500; font-weight:bold; }
span.dmg6 { color:#fff; background:#ff0600; font-weight:bold; }
span.dmg7 { color:#fff; background:#ff0b00; font-weight:bold; }
span.dmg8 { color:#fff; background:#ff1000; font-weight:bold; }
span.dmg9 { color:#fff; background:#ff1600; font-weight:bold; }
span.dmg10 { color:#fff; background:#ff1900; font-weight:bold; }
span.dmg11 { color:#fff; background:#ff1b00; font-weight:bold; }
span.dmg12 { color:#fff; background:#ff2100; font-weight:bold; }
span.dmg13 { color:#fff; background:#ff2600; font-weight:bold; }
span.dmg14 { color:#fff; background:#ff2c00; font-weight:bold; }
span.dmg15 { color:#fff; background:#ff3100; font-weight:bold; }
span.dmg16 { color:#fff; background:#ff3700; font-weight:bold; }
span.dmg17 { color:#fff; background:#ff3c00; font-weight:bold; }
span.dmg18 { color:#fff; background:#ff4200; font-weight:bold; }
span.dmg19 { color:#fff; background:#ff4700; font-weight:bold; }
span.dmg20 { color:#fff; background:#ff4d00; font-weight:bold; }
span.dmg21 { color:#fff; background:#ff5200; font-weight:bold; }
span.dmg22 { color:#fff; background:#ff5800; font-weight:bold; }
span.dmg23 { color:#fff; background:#ff5d00; font-weight:bold; }
span.dmg24 { color:#fff; background:#ff6300; font-weight:bold; }
span.dmg25 { color:#fff; background:#ff6800; font-weight:bold; }
span.dmg26 { color:#fff; background:#ff6e00; font-weight:bold; }
span.dmg27 { color:#fff; background:#ff7300; font-weight:bold; }
span.dmg28 { color:#fff; background:#ff7900; font-weight:bold; }
span.dmg29 { color:#fff; background:#ff7e00; font-weight:bold; }
span.dmg30 { color:#fff; background:#ff8400; font-weight:bold; }
span.dmg31 { color:#fff; background:#ff8900; font-weight:bold; }
span.dmg32 { color:#fff; background:#ff8f00; font-weight:bold; }
span.dmg33 { color:#fff; background:#ff9400; font-weight:bold; }
span.dmg34 { color:#fff; background:#ff9a00; font-weight:bold; }
span.dmg35 { color:#fff; background:#ff9f00; font-weight:bold; }
span.dmg36 { color:#fff; background:#ffa500; font-weight:bold; }
span.dmg37 { color:#fff; background:#ffaa00; font-weight:bold; }
span.dmg38 { color:#fff; background:#ffb000; font-weight:bold; }
span.dmg39 { color:#fff; background:#ffb500; font-weight:bold; }
span.dmg40 { color:#fff; background:#ffbb00; font-weight:bold; }
span.dmg41 { color:#fff; background:#ffc000; font-weight:bold; }
span.dmg42 { color:#fff; background:#ffc600; font-weight:bold; }
span.dmg43 { color:#fff; background:#ffcb00; font-weight:bold; }
span.dmg44 { color:#fff; background:#ffd000; font-weight:bold; }
span.dmg45 { color:#fff; background:#ffd600; font-weight:bold; }
span.dmg46 { color:#fff; background:#ffdb00; font-weight:bold; }
span.dmg47 { color:#fff; background:#ffe100; font-weight:bold; }
span.dmg48 { color:#fff; background:#ffe600; font-weight:bold; }
span.dmg49 { color:#fff; background:#ffeb00; font-weight:bold; }
span.dmg50 { color:#fff; background:#fef000; font-weight:bold; }
span.dmg51 { color:#fff; background:#fdfa00; font-weight:bold; }
span.dmg52 { color:#fff; background:#fdff00; font-weight:bold; }
span.dmg53 { color:#fff; background:#f8ff00; font-weight:bold; }
span.dmg54 { color:#fff; background:#f3ff00; font-weight:bold; }
span.dmg55 { color:#fff; background:#eeff00; font-weight:bold; }
span.dmg56 { color:#fff; background:#e9ff00; font-weight:bold; }
span.dmg57 { color:#fff; background:#e4ff00; font-weight:bold; }
span.dmg58 { color:#fff; background:#dfff00; font-weight:bold; }
span.dmg59 { color:#fff; background:#d9ff00; font-weight:bold; }
span.dmg60 { color:#fff; background:#d4ff00; font-weight:bold; }
span.dmg61 { color:#fff; background:#dfff00; font-weight:bold; }
span.dmg62 { color:#fff; background:#caff00; font-weight:bold; }
span.dmg63 { color:#fff; background:#c5ff00; font-weight:bold; }
span.dmg64 { color:#fff; background:#c0ff00; font-weight:bold; }
span.dmg65 { color:#fff; background:#bbff00; font-weight:bold; }
span.dmg66 { color:#fff; background:#b6ff00; font-weight:bold; }
span.dmg67 { color:#fff; background:#b1ff00; font-weight:bold; }
span.dmg68 { color:#fff; background:#acff00; font-weight:bold; }
span.dmg69 { color:#fff; background:#a6ff00; font-weight:bold; }
span.dmg70 { color:#fff; background:#a1ff00; font-weight:bold; }
span.dmg71 { color:#fff; background:#9cff00; font-weight:bold; }
span.dmg72 { color:#fff; background:#97ff00; font-weight:bold; }
span.dmg73 { color:#fff; background:#92ff00; font-weight:bold; }
span.dmg74 { color:#fff; background:#8dff00; font-weight:bold; }
span.dmg75 { color:#fff; background:#88ff00; font-weight:bold; }
span.dmg76 { color:#fff; background:#83ff00; font-weight:bold; }
span.dmg77 { color:#fff; background:#7eff00; font-weight:bold; }
span.dmg78 { color:#fff; background:#7aff00; font-weight:bold; }
span.dmg79 { color:#fff; background:#74ff00; font-weight:bold; }
span.dmg80 { color:#fff; background:#6fff00; font-weight:bold; }
span.dmg81 { color:#fff; background:#6aff00; font-weight:bold; }
span.dmg82 { color:#fff; background:#65ff00; font-weight:bold; }
span.dmg83 { color:#fff; background:#60ff00; font-weight:bold; }
span.dmg84 { color:#fff; background:#5bff00; font-weight:bold; }
span.dmg85 { color:#fff; background:#56ff00; font-weight:bold; }
span.dmg86 { color:#fff; background:#51ff00; font-weight:bold; }
span.dmg87 { color:#fff; background:#4cff00; font-weight:bold; }
span.dmg88 { color:#fff; background:#47ff00; font-weight:bold; }
span.dmg89 { color:#fff; background:#41ff00; font-weight:bold; }
span.dmg90 { color:#fff; background:#3cff00; font-weight:bold; }
span.dmg91 { color:#fff; background:#37ff00; font-weight:bold; }
span.dmg92 { color:#fff; background:#32ff00; font-weight:bold; }
span.dmg93 { color:#fff; background:#2dff00; font-weight:bold; }
span.dmg94 { color:#fff; background:#28ff00; font-weight:bold; }
span.dmg95 { color:#fff; background:#23ff00; font-weight:bold; }
span.dmg96 { color:#fff; background:#1eff00; font-weight:bold; }
span.dmg97 { color:#fff; background:#1aff00; font-weight:bold; }
span.dmg98 { color:#fff; background:#15ff00; font-weight:bold; }
span.dmg99 { color:#fff; background:#11ff00; font-weight:bold; }
span.dmg100 { color:#fff; background:#0cff00; font-weight:bold; }

/* ---------- News / Updates ---------- */

div#news span {
	font-weight:bold;
	font-size:1.2em; }
div#news p {
	display:block;
	background:#777;
	border:1px dotted #000;
	padding:.4em;
	margin:1em 0; }

/* ---------- Style Switcher ---------- */

div#cssSwitcher {
	background:#444;
	text-align:center;
	margin:.4em -.4em;
	padding:.4em 0em;
	border-top:1px solid #fff; }

/* ---------- Footer ---------- */

div#footer {
	text-align:center;
	background:#252525;
	border-top:1px solid #fff;
	padding:.4em;
	margin:-.4em; }

div#footer a {
	text-decoration:none;
	padding:.4em;
	margin:-.4em 0;
	color:#fff; }

div#footer a:hover {
	background:#555; }