/*Layout Stylesheet*/

body 
{
 	margin:			20px;
 	background:		#000;
	color: 			#fff;
 	text-align:		center;
	padding:		0;
}


#outer		/*Defines the page size*/ 
{
 	text-align:		left;
 	border:			0px solid #D4A017;
 	width:			850px;
	margin:			auto;
}

#header 	/*Header*/
{
 	height:			150px;
 	background:		#000;
 	color: 			#fff;
}

#bar 		/*Divider between Header and Content and Nav Bar*/
{
 	height:			10px;
 	background:		#D4a107;
}

#bodyblock 	/*This defines the space for the content*/
{
 	position:		relative;
 	background: 		#000;
 	color: 			#fff;
 	width:			800px;
 	padding:		0;
	float:			right;
}

#nav 		/*Navagation Bar and it's properties for rollover and the links in genreal*/
{
	float:			left;
	background:		#000;
 	width:			150px;
	height:			800px;
 	border-right:		5px solid #D4A017;

}

#nav a
{
	text-align:		left;
	padding:		0px 0px 0 10px;
	white-space:		nowrap;
	display:		block;
	border:			3px solid #C60;
	background-color:	#800517;
	font-weight:		bold;
	text-decoration:	none;
	color:			#D4a017;
}

#nav a:hover
{
	background-color:	#151b54;
}

#content 	/*Webpage Content*/
{
 	background:		#000;
 	color: 			#fff;	
 	text-align:		left;
	height:			800px;
	padding:		.1em 0px .25em 15px;
}

#swordimg	/*Sword Image Attributes*/
{
	width:			512px;
	height:			384px;
}

#fire		/*Fire Image attributes*/
{
	width:			25px;
	height:			25px;
}

#valid		/*Attribute for HTML Validator*/
{
	width:			88px;
	height:			31px;
	border:			none;
}
img.thumbnail
{
	width:			100px;
	height:			100px;
	border:			none;
}

img.scale
{
	width:			512px;
	height:			384px;
	border:			none;
}

img.centered
{
	display:		block;
	margin-left:		200px;
	margin-right:		auto;
}

#grinberg
{
	width:			200px;
	height:			300px;
	border:			none;
	float:			right;
}

#paula
{
	border:			none;
	float:			left;
}
h3
{
	text-align: 		center;
}

td
{
	white-space:		nowrap;
}