@import url("default.css");

table.decor {
	border-collapse:collapse;
	width:100%;
	margin:10px 0 0;
}

table.decor th, table.decor td {
	border:1px solid #000;
	padding:2px;
}

table.decor th { 
	background:#CCC;
	text-align:center;
}

table.decor a {
	color:#F00;
	text-decoration:none;
}

table.decor a:hover {text-decoration:underline}
table.decor.updates {font-size:0.8em}




table.game_info {
	width:80%;
	margin:5px auto;
	text-align:center;
font-size:1em;
}

table.game_info th {padding:2px 5px}

table.game_info td {padding:5px}

#main table.game_info td img {
	margin:3px 3px 0px;
	border:1px solid #000;
	padding:1px;
	background:#FFF;
}

*+html table.game_info td img {margin-bottom:3px}


#main h3 {
color:#648;
margin-left:50px;
}

table.info {
margin:0 auto;
font-size:12px;
border:1px solid #999;
border-collapse:collapse;
}

table.info th {
background:#CCC;
padding:5px;
text-align:center;
border-left:1px solid #999;
}

table.info td {
border-bottom:1px solid #999;
border-left:1px solid #999;
padding:3px;
}

div.walkthrough p {
margin:5px;
padding:5px;
}

div.walkthrough hr {
width:50%;
margin:20px auto;
}

div.toc {
width:180px;
float:left;
margin:10px;
background:#999;
border:1px solid #000;
}

#main div.toc h3 {
margin:0;
background:#CCC;
padding:2px;
border-bottom:1px solid #000;
text-align:center;
}

div.toc ol {
margin:0;
list-style-position: outside;
padding: 5px 0 5px 35px;
}

div.toc ol a {
color:#000;
text-decoration:none;
}

div.toc ol a:hover {text-decoration:underline}

table.puzzle {margin:0 auto;font-size:12px}
table.puzzle caption {font-size:14px;color:#86A;font-weight:bold}
table.puzzle td {text-align:center}

img.box {height:100px}

div.toc ol ul {
padding-left:5px;
font-size:11px;
}

div#text {
	float:none;
	margin:5px 0 10px 30px;
}

span.quill {color:#648; font-weight:bold}
span.health {color:#E55; font-weight:bold}
span.magic {color:#5D5; font-weight:bold}
ol.quill {padding-left:30px}
ol.quill li {padding:5px}