/* default definition */
* { margin: 0px; }

/* HTML tag definintions */
body { color: gray; background: url('stone background.jpg'); padding: 0px; }
a { color: lightgrey; text-decoration: none; }
a:hover { color: white; }

/* column layout definitions */
/*
.columns { padding: 5px; }
.left_column { width: 83%; float: left; }
.left_column .left_column { width: 20%; }
.left_column .right_column { width: 80%; overflow: hidden; }
.right_column { width: 17%; float: right; }
*/

/* header and footer definitions */
#navigation_bar,#copyright_bar {
	font-size: small;
	color: gray;
	background-color: #404040;
	text-align: center;
}
#copyright_bar {
	clear: left;
	border-top: 1px solid gray;
	margin-top: 10px;
}
#navigation_bar {
	clear: right;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}

/* paper box definitions */
.paper { color: black; font-family: verdana, arial, times;  text-align: justify; }
.paper .main { background: url('paper background.jpg'); }
.paper .header { background: url('paper background.jpg'); border-bottom: 1px dotted black; font-weight: bold; }
.paper a { color: navy; }
.paper a:hover { color: white; }
.paper .top_left { background: url('b_top_left.gif') no-repeat right; width: 15px; height: 16px; }
.paper .top_right { background: url('b_top_right.gif') no-repeat left; width: 13px; height: 16px; }
.paper .bottom_left { background: url('b_bottom_left.gif') no-repeat right; width: 15px; height: 13px; }
.paper .bottom_right { background: url('b_bottom_right.gif') no-repeat left; width: 13px; height: 13px; }
.paper .left { background: url('b_left.gif') repeat-y right; width: 13px; }
.paper .right { background: url('b_right.gif') repeat-y left; width: 13px; }
.paper .bottom { background: url('b_bottom.gif') repeat-x left; height: 13px; }
.paper .top { height: 16px; background: url('b_top.gif') repeat-x bottom; }

/* black box definitions */
.black { border: 1px solid gray; background: black; }
.black .header { border-bottom: 1px solid gray; color: lightgrey; }
.black .content { padding: 3px; }

/* text box definitions */
.text { width: 95%; margin-left: auto; color: lightblue; margin-right: auto; }
.text .header { text-align: left; font-weight: bold; color: white; border-bottom: 1px dotted white; }
.text p { text-align: justify; margin: 0px 0px 10px 0px;}

.x-small {
	font-size: x-small;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}

.rarity1  { color: #grey; }
.rarity2  { color: #00FF00; }
.rarity3  { color: #0068FF; }
.rarity4  { color: #8000FF; }
.rarity5  { color: #FF0000; }
.rarity6  { color: #FF8000; }