* 
{
/*to eliminate and reset all positioning */
	margin:0;
	padding:0;
}

body
{
	background-color:#E0D3B3;
/*remove all link underlines*/
	text-decoration:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper
{
/*center the wrapper div*/
	margin-left:auto;
	margin-right:auto;
	
	background:url(/images/main_wrapper_bg.png) repeat-y;
	width:1000px;
	height:auto;
/*enabling floats and positioning */
	position:relative;
}

#keen_ad
{
	background:url(/images/ad_space_bg.png) repeat-y;
	width:1000px;
	height:100px;
	
	position:relative;
}

#main_logo
{
	background-color:#e0d3b3;
	width:1000px;
	height:150px;
	position:relative;
}

#nav_bar
{
	background:url(/images/nav_bg.png) repeat-y;
	width:175px;
	height:400px;
	
	padding-left:25px;

	position:relative;		
	float:left;
}

	/*extra css for the nav bar to eliminate the UL bullets and spacing*/
	#nav_bar ul
	{
		/*removes the bullets*/
		list-style-type:none;
		
		margin-top:0px;
		/* these float / positions are not needed so are commented out here but are deleted in all the other locations (they also cause warnings)
		position:relative;
		float:left;
		*/
	}
	#link_main
	{
		margin-top:25px;
	}
	#link_arc
	{
		margin-top:20px;
	}
	#link_bio
	{
		margin-top:20px;
	}
	#link_for
	{
		margin-top:20px;;	
	}
	#link_link
	{
		margin-top:20px;
	}
	#link_LJ
	{
		margin-top:5px;
	}
	#link_wiki
	{
	/*there will be no spacing between theese 2 links*/
		margin-top:0px;
	}
	#link_con
	{
		margin-top:20px;
	}
/*END of extra styling*/

#content_wrapper
{
	width:800px;
	height:auto;
	
	position:relative;
	float:left;
}
/*this wrapper is placed in to accomodate the main conent and its divs */

#content_area
{
/*	background-color:#;*/
	width:780px;
	height:auto;
	
	padding-top:30px;
	padding-left:20px;
	padding-bottom:20px;
	
	position:relative;
	float:left;
}

#comic_nav
{
	background:url(/images/comic_nav_btns_bg.png) no-repeat;
	width:780px;
	height:58px;
	
	padding-left:60px;
	
	position:relative;
	float:left;
}

/*extra styling for the comic nav bar and its UL*/
	#comic_nav ul
	{
		/*removes the bullets*/
		list-style-type: none;
		/* again these declarations are not needed and thus commented out but deleted in other instances (they also cause warnings)
		position:relative;
		float: left;
		*/
	}
	#comic_nav li
	{
		/*adds some spacing between the links*/
		margin-right: 64px;
		
		/*unlike the others the float tag is needed here in order to make the nav a horizontal one, for this one... warrning be damned!*/
		float: left;	
	}
/*END of extra styling*/


#news_box
{
	border-left:thin #7f6f4b double;
	border-bottom:thin #7f6f4b double;
	border-right:thin #7f6f4b double;

	width:530px;
	height:auto;
	
	padding:5px;

	position:relative;
	float:left;
}

/*the sub area of the news box*/
	#avatar
	{
		width:80px;
		height:80px;
					
		position:relative;
		float:left;
	}
	#image
	{
		width:80px;
		height:215px;
		
		text-align:center;
		padding-top:15px;		
		border-bottom:thin #7f6f4b double;
	
		position:relative;
		float:left;
	}
	#posting
	{
		width:435px;
		height:auto;
		background-color:#E0D3B3;
		
		padding:5px;
				
		position:relative;
		float:right;
	}
/*END of news box sub area*/

/* untill a good one can be found just leave this disabled for now...
#comment_box
{
	background-color:#00FFFF;
	width:250px;
	height:450px;
	
	border-left:thin #7f6f4b double;
	border-bottom:thin #7f6f4b double;
	border-right:thin #7f6f4b double;
	
	position:relative;
	float:left;
}
*/
#footer
{
	background:url(/images/footer_bg.png) no-repeat bottom;
	
	width:1000px;
	height:65px;
	
	padding-top:65px;
	
	font-size:13px;
	text-align:center;
	line-height:15px;
	
	clear:both;
}

/*extra styles for the hyperlinks, uses the anchor tag  and a ': psuedio class' and the various link styles */
a:link{
	color:#FFFFFF;
}
a:visited{
	color:#6F6F6F;
}
a:hover{
	color:#E1B44B;
}
a:active{
	color:#0000CD;
}