/*======================*/
/* PAGE
/*======================*/

html {
	padding: 0;
	margin: 0;
}

body {
	background: #1b252b url(castlebody.png) fixed;
	margin: 0;
	text-align: center;
}

/*======================*/
/* LAYOUT
/*======================*/


	/*Table that contains everything*/

#container {
	width: 800px;
	background: #333f44;
	margin: 0 auto;
	border: 1px dotted #576569;
	border-top: 0;
	border-bottom: 0;
	height: 100%;
	border-spacing: 0 !important;
	padding: 0 !important;
	border-collapse: collapse;
}

		#container tr,
		#container td {
			border-spacing: 0;
			padding: 0;
		}

	/*The banner at the top*/

#banner {
	background: #3f5e67 url(castlebanner.png) no-repeat;
	height: 274px;
	width: 800px;
	margin: 0;
	padding: 0;
}

	/*The navigation strip across the top*/

#topnav {
	background: #333f44 url(castletopnav.png);
	padding: 0 !important;
	margin: 0;
	height: 26px;
}

	#topnav a img {border: 0 !important;}

#footer {
	margin: 0;
	background: url(castletitle.png) center right;
	border: 0;
	font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #95a9ae;
	text-align: center;
	border-top: 1px dotted #283337;
}

		#footer a {
			text-decoration: none;
			color: #000;
		}

			#footer a:hover {
				color: #9cb9c1;
			}


/*======================*/
/* SIDEBAR
/*======================*/

	/*The sidebar container*/

#sidebar {
	margin: 0;
	padding: 0;
	width: 150px !important;
	vertical-align: top;
	background: #333f44 url(castleside.png);
}

	/*Category headers*/

#sidebar h1 {
	font: 11px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #95a9ae;
	text-align: left;
	margin: -1px 0 0 0;
	border: 1px dotted #283337;
	border-left: 0;
	border-right: 0;
	text-indent: 5px;
	background: url(castletitle.png) center right;
	width: 100%;
}

	/*Create the basic list for main links*/

#sidebar ul {
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	list-style-type: none;
	padding: 0;
	width: 150px;
	text-align: left;
}

	#sidebar ul li, #sidebar li {
		margin: -5px 0 0 0;
		padding: 0;
	}

	/*Style the main block links*/

#sidebar li a {
	text-decoration: none;
	font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}

		#sidebar li a:hover {
			color: #9cb9c1;
		}

/*======================*/
/* CONTENT
/*======================*/

	/*Create the main area*/

.content {
	width: auto;
	text-align: center;
	padding: 0;
	margin: 0;
	vertical-align: top;
	border-left: 1px dotted #283337;
	background: #333f44 url(castlecon.png);
}

	#content {
		margin: 10px;
		border: 0;
		/*background: #57646a;*/
		border: 0px dotted #283337;
	}

	/*TITLES*/

#content h1 {
	font: 11px century gothic, sans-serif;
	background: url(castlebanner.png) bottom right;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	border: 1px dotted #283337;
	line-height: 3em;
}

#content h2 {
	font: 11px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	background: url(castletitle.png);
	margin: 20px auto;	
	border: 1px solid #3d5959;
	font-weight: bold;
	line-height: 2.5em;
}

#content h3 {
	font: 11px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #9cb9c1;
	border-bottom: 7px solid #1b252b;
	text-align: left;
	text-indent: 10px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 0.9em;
}

#content blockquote h1 {
	font: 11px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	background: #5b7b85 url(castlebanner.png) bottom left;
	margin: 0;
	margin-bottom: 5px;
	border: 1px dotted #283337;
	line-height: 2em;
}

	/*Paragraph styles*/

#content p {
	text-align: justify;
	font: 11px verdana, sans-serif;
	margin: 20px 5px !important;
	color: #000;
}

	/*Links in the main content area*/

#content a,
#content a:link,
#content a:active,
#content a:visited,
.toplink {
	font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #9cb9c1;
	text-decoration: underline;
	border: 0;
	border-bottom: 2px solid #486c74;
	margin-bottom: 10px;
}

.toplink {
	margin-bottom: 20px;
}

		#content a:hover,
		.toplink {
			color: #486c74;
			border-bottom: 2px solid #486c74;
		}

		#content a img,
		#content a:active img,
		#content a:link img,
		#content a:visited img {
			border: 1px solid #1b2123;
		}

			#content a:hover img {
				border: 1px solid #101314;
			}

	/*FONTS*/

#content b {
	font-weight: bold;
	color: #000;
}

#content u {
	font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	border-bottom: 2px solid #000;
}

#content i {
	color: #5c8a94;
	/*font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;*/
	font-style: normal;
}

#content p code {
	display: block;
	margin: 0 30px;
	font: 12px courier new, serif;
	color: #0b0d0f;
}

#content q {
	font: 12px georgia, serif;
	font-style: italic;
}

#content dfn {
	font-style: normal;
	font: 11px courier new, serif;
	border-bottom: 1px dotted;
}

#content sup {
	font: 8px century gothic, sans-serif;
	line-height: 60%;
}

#content textarea {
	border: 1px dotted #283337;
	background: #34434a;
	padding: 5px;
	margin: 0 auto;
	width: 80%;
	font: 10px century gothic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #0b0d0f;
}

hr {
	border: 0;
	border-bottom: 7px solid #283337;
	background: transparent;
	width: 100%;
	margin: 5px auto;
}

/*======================*/
/* LISTS
/*======================*/

	/*LISTS*/

#content ul {
	list-style-type: square;
	text-align: left;
	font: 11px verdana, sans-serif;
	margin: 10px auto 20px auto;
	color: #000;
	padding-top: 0;
	padding-bottom: 0;
}

		#content ul li {
			margin-left: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
		}

#content ol {
	text-align: left;
	font: 11px verdana, sans-serif;
	margin: 10px auto 20px auto;
	color: #000;
	padding-top: 0;
	padding-bottom: 0;
}

		#content ol li {
			margin-left: 10px;
			padding-top: 5px;
			padding-bottom: 8px;
		}	

	/*DEFINITION LIST*/

dl {
	margin: 10px;
	padding: 0;
	text-align: left;
}

	dl dt {
		font: 11px century gothic, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		text-indent: 10px;
		border: 0;
		border-bottom: 7px solid #1b252b;
		margin: 30px auto 10px auto !important;
	}

		dt a, dt a:active, dt a:link, dt a:visited, dt a:hover {
			border: 0 !important;
			text-decoration: none !important;
			font-size: 1em !important;
		}

		dt b, dt u, dt i {
			font-size: 1em !important;
		}

	dd {
		margin: 10px 30px;
		padding: 0;
		text-align: justify;
		font: 11px verdana, sans-serif;
		color: #000;
	}

		dd a, dd a:active, dd a:link, dd a:visited, dd a:hover {
			border-bottom: 2px solid #486c74;
		}

			dd ul {
				list-style-type: square;
				margin: 0;
				margin-top: 20px !important;
				padding: 0;
			}

				dd ul li {
					margin: 10px 0;
				}

			dd ol {
				margin: 0;
				margin-top: 20px !important;
				padding: 0;
			}

				dd ol li {
					margin: 10px 0;
				}

			dd table.table {
			}

				dd table.table th {
					background: #77888d url(castletitle.png) center right;
				}

				dd table.table td.row1 {
					font-family: verdana, arial, tahoma, sans-serif !important;
					text-transform: none;
					font-weight: normal !important;
				}

			dl dd ul,
			dl dd ol {
				margin-left: 10px;
				margin-top: 15px;
				margin-bottom: 0;
				list-style-type: none;
			}

				dl dd li, dl dd ul li, 
				dd li, dd ul li {
					list-style-type: none;
					background: url(list.png) no-repeat 0% 10%;
					padding: 0 10px 10px 15px !important;
					margin: 5px 10px 0 10px;
					line-height: 1em !important;
					text-align: left;
				}

					dl dd li a, dl dd li a:active, dl dd li a:link, dl dd li a:visited, dl dd li a:hover {
						font: 1em verdana, tahoma, arial, sans-serif !important;
						text-transform: none !important;
						font-weight: bold !important;
					}

		dl dd dl dt {
			border: 0;
			margin: 0 10px 0 10px;
		}

		dl dd dl dd {
			background-image: none !important;
			border-left: 1px dotted #283337;
			padding-left: 10px;
			margin-left: 20px;
		}

			dl dd dl#navlist dd {
				margin-bottom: 0;
				margin-left: 10px;
				padding-top: 5px;
				padding-bottom: 12px;
			}

	dl#navlist dd, dd.navlist {
		background: url(list.png) no-repeat 0 10%;
		padding: 0 10px 4px 15px;
		margin: 0 10px 0 10px;
		line-height: 1em !important;
		text-align: left;
	}

		dl#navlist dd a, dl#navlist dd a:active, dl#navlist dd a:link, dl#navlist dd a:visited {
			font: 11px verdana, arial, tahoma, sans-serif;
			text-transform: none;
			border: 0 !important;
			text-decoration: none !important;
		}	

/*======================*/
/* TABLES
/*======================*/

#content table {
	padding: 0;
	margin: 0 auto;
	border-spacing: 1px;
}

		#content table td {
			padding: 10px;
			font: 10px verdana, sans-serif;
			color: #1c3842;
			vertical-align: top;
		}	

table.data {
	border: #77888d;
	background: #1d2427;
	border-spacing: 1px !important;
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font: 11px verdana, sans-serif;
}

		table.data td {
			background: #333f44 url(castleside.png) center center;
			color: #000 !important;
			font: 10px century gothic, verdana, sans-serif !important;
			text-transform: uppercase;
			font-weight: bold !important;
			vertical-align: middle !important;
			text-align: center !important;
		}

		table.data th {
			background: #77888d url(castletitle.png) center right;
			text-align: center;
			color: #000;
			font: 11px century gothic, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
		}

table.table {
	border: #77888d;
	background: #1d2427;
	border-spacing: 1px !important;
	padding: 0;
	margin: 0 auto;
	width: 90%;
	font: 11px verdana, sans-serif;
}

		table.table th {
			font: 11px century gothic, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			color: #000;
			text-align: center;
			background: #5b7b85 url(castlebanner.png) bottom left;
			margin: 20px auto;
			line-height: 2em;
		}

		table.table td.subtitle {
			background: #77888d url(castletitle.png) center right;
			text-align: center;
			color: #000 !important;
			font: 11px century gothic, sans-serif !important;
			font-weight: bold !important;
			text-transform: uppercase;
			line-height: 1.5em !important;
			padding: 0 !important;
		}

	table.table td {
		color: #1c3842;
		font: 10px verdana, sans-serif;
		vertical-align: middle !important;
	}

		table.table td.row1 {
			background: #334851 url(castlerow1.png) center center;
			text-align: center;
			font: 10px century gothic, sans-serif !important;
			color: #000 !important;
			text-transform: uppercase;
			font-weight: bold !important;
		}

		table.table td.row2 {
			background: #333f44 url(castleside.png) center center;
			text-align: center;
			color: #000 !important;
		}

		table.table td.row3 {
			background: #334851 url(castlerow1.png) center center;
			text-align: justify;
			color: #000 !important;
		}

		table.table td.row4 {
			background: #333f44 url(castleside.png) center center;
			text-align: center;
			color: #000 !important;
			font: 10px century gothic, sans-serif !important;
			color: #000 !important;
			text-transform: uppercase;
			font-weight: bold !important;
		}

			table.table ul,
			table.table ul li,
			table.table li {
				margin: 10px 20px !important;
				padding: 0;
				list-style-type: disc;
				font: 10px century gothic, sans-serif !important;
				color: #000 !important;
				text-transform: uppercase;
				font-weight: bold !important;
			}

				table.table ul li {
					margin: -2px 0 !important;
				}

				table#levels ul,
				table#levels ul li,
				table#levels li {
					font: 10px verdana, sans-serif !important;
					font-weight: normal !important;
					text-transform: none !important;
					margin: 5px !important;
				}

/*======================*/
/* EXTRA CONTENT
/*======================*/

	/*Floating Elements*/

.right,
.right_large,
.race,
.race_menu,
.stats_box {
	float: right;
	clear: left;
}

.left,
.left_large {
	float: left;
	clear: right;
}

		.right,
		.left,
		.race {
			font: 10px century gothic, sans-serif;
			color: #191f21;
			text-transform: uppercase;
			font-weight: bold;
			width: 120px;
			margin: 5px;
		}

			.race,
			.race_menu {
				width: auto;
				margin: 25px 10px 10px 8px;
				color: #000;
			}

				.race_menu,
				.stats_box {
					margin: 10px;
					background: #334851 url(castlerow1.png);
					padding: 5px 0;
					border: 1px dotted #475d65;
					font: 11px century gothic, verdana, sans-serif;
				}

					.race_menu dt {
						font: 11px century gothic, sans-serif;
						font-weight: bold;
						text-transform: uppercase;
						border: 1px dotted #1d2427;
						border-left: 0;
						border-right: 0;
						color: #95a9ae;
						text-align: left;
						margin: -1px 0 0 0 !important;
						border: 1px dotted #283337;
						border-left: 0;
						border-right: 0;
						text-indent: 5px;
						background: url(castletitle.png) center right;
						width: 100%;
					}

						.race_menu dd {
							margin: 0 2px;
							padding: 0 5px;
							text-align: justify;
							font: 11px verdana, sans-serif;
							color: #000;
						}

							.race_menu dt a,
							.race_menu dt a:active,
							.race_menu dt a:link,
							.race_menu dt a:visited,
							.race_menu dd a,
							.race_menu dd a:active,
							.race_menu dd a:link,
							.race_menu dd a:visited {
								color: #000 !important;
								border: 0 !important;
								text-decoration: none !important;
							}

							.race_menu dt a,
							.race_menu dt a:active,
							.race_menu dt a:link,
							.race_menu dt a:visited {
								color: #95a9ae !important;
							}

								.race_menu dt a:hover,
								.race_menu dd a:hover {
									color: #486c74 !important;
									border: 0 !important;
									text-decoration: none !important;
								}

		.stats_box {
			width: 220px !important;
			padding: 0;
			margin: 0 0 10px 10px !important;
		}

			.stats_box th {
				vertical-align: middle;
				font: 11px century gothic, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				color: #95a9ae;
				text-align: left;
				border-bottom: 1px dotted #283337;
				text-indent: 5px;
				background: url(castletitle.png) center right;
				width: 100%;
			}

			.stats_box td {
				text-align: left;
				color: #000 !important;
				font-size: 11px !important;
				padding: 3px !important;
			}

				.stats_box td img {
					display: block;
					text-align: center !important;
					margin: 5px auto !important;
				}

				.stats_box a, .stats_box a:link, .stats_box a:active, .stats_box a:visited {
					border: 0 !important;
					text-decoration: none !important;
				}
	
				.stats_box ul {
					margin: 0 0 10px 5px;
					list-style-type: none;
					padding: 0;
					text-align: left;
				}

					.stats_box ul li, .stats_box li {
						list-style-type: none;
						margin: 0;
						padding: 0;
					}

		.right_large,
		.left_large {
			font: 10px century gothic, sans-serif;
			color: #191f21;
			text-transform: uppercase;
			font-weight: bold;
			text-align: center;
			width: 180px;
			margin: 5px;
		}

			.right a,
			.right_large a,
			.left a,
			.left_large a {
				color: #9cb9c1;
				text-decoration: none;
			}

				.right a:hover,
				.left a:hover {
					color: #486c74;
				}

#best {
	width: 98%;
	margin: 0 5px 0 auto;
}

.best {
	float: left;
	margin: 0 5px 10px 5px;
	white-space: nowrap;
}

	.best img {
		border: 5px solid #333f44;	
	}

	.best a, .best a:link, .best a:active, .best a:visited {
		text-decoration: none !important;
		border-bottom: 0 !important;
	}

	.best a img, .best a:link img, .best a:active img, .best a:visited img {
		border: 5px solid #486c74 !important;	
	}

		.best a:hover img {
			border: 5px solid #1b252b !important;
		}

	#clear {
		clear: both;
	}

	/*Blockquote styles*/

blockquote {
	margin: 10px auto;
	background: #334851 url(castlerow1.png);
	padding: 10px;
	border: 1px dotted #475d65;
	font: 11px century gothic, verdana, sans-serif;
	text-align: justify;
	width: 80%;
}

		blockquote p {
			font: 11px century gothic, verdana, sans-serif;
			text-align: justify;
			margin: 0;
			padding: 0;
		}

.date {
	background: #77888d url(castletitle.png) center right;
	border: 1px solid #3d5959;
	text-align: center;
	color: #000 !important;
	font: 11px century gothic, sans-serif !important;
	font-weight: bold !important;
	text-transform: uppercase;
	padding: 3px 10px !important;
}