	body {
		margin:20px 20px 10px 20px;
		background-color:#555;
		color:#fff;
		font-size:100%;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		}

	a, a:link, a:visited, a:active,	a:hover{
		color:#fc0;
		text-decoration:none;
		border-bottom:0px dotted #fc0;
		}
	a:hover{
		text-decoration:underline;
		border-bottom:0px solid #500;
		}

	strong { padding:4px;}
	
	h2 { color:#300; border-bottom:1px solid #300; }
	
	th {text-align:left; vertical-align:top;}
	
	th select, select { 
		margin-top: 6px;
		background-color: #500; 
		color: #fff; 
	}

	td { border:1px solid #777; }
	

.break { clear:both;}
.hidden { display:none; position:absolute; }

.counter { 
	color: #09f; 
	margin:4px;
	padding:4px;
	border:1px solid #fc0;
	border-top-width:0px;
	}



	#pageWhole{
		line-height:1.2;
		}
	
	#header,#footer,#main{
		border:2px solid #500;
		background-color:#300;
	}	
	
	#main {
		border:2px solid #500;
		background:#300;
		border-top-width:0px;
		font-size:.8em;
		}
	
	#content{
		padding:2px;
		margin:2px;
		line-height:1.2;
		}

	#blogcontent{
		padding:2px;
		margin-right:160px !important;
		margin:2px;
		}

	
	#header { background-color:#500; background-image:url(../images/viciousmklogo_v2.jpg); background-repeat:no-repeat; }

	#sidemenu {
		background-color:#500;
		color:#FFFFFF;
		width: 150px;
		font-size: 11px;
		margin-right:4px;
		padding:2px;
		padding-left:4px;
		border:2px solid #500;
		border-left:0px;
	}

	#sidemenu a, #sidemenu a:link, #sidemenu a:visited, #sidemenu a:active, #sidemenu a:hover {
		text-decoration:none;
		color:#fc0;
	}
	#sidemenu a:hover {
		color:#09f;
		}	
		
	.menu_item {
		margin-bottom: 17px;
	}
	
	.menu_item strong {
		font-size: 13px;
	}

	#footer{
		border-top-width:0px;
		font-size:.6em;
		text-align:center;
		}
	#footer,#main{
			border-right:30px solid #500;
			margin-right:180px;
			}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

	#main #menu {
		height:0px;
		white-space:nowrap;		
		border-bottom:2px solid #500;
		float:right;
		width:30px;
		background:#500;
		margin-right: 128px !important;
		margin:0px 0px 10px 10px;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:14px;
		padding-top:10px;
		}
	h2 {
		font-size:14px;
		padding-top:10px;
		}
	
	#menu p { font-size:10px; color:#fff;}
	
	#menu ul { padding:25px 4px 0px 0px; margin:25px 4px 0px 0px; color:#fff;}
	#menu li { padding:0px 4px 0px 0px; margin:0px 4px 0px 0px; color:#fff;}	
	
	#submenu { background-color:#500; color:#FFF; }
	#submenu li { display:inline; border-top:2px solid #fff; border-bottom:2px solid #fff; padding:2px 3px 2px 3px; margin:2px 3px 2px 3px; }	

	#submenu a {
		margin:0px;
		padding:0px;
		padding-bottom:0px;
		color:#fff;
		text-decoration:none;
		border-bottom-width:0px;
		}
	#submenu a:hover{
		color:#fc3;
		text-decoration:underline;		
		border-bottom-width:0px;
		}

	#navigation{ 		
		font-size:.8em;
		width:178px;
		float:right;
		border:2px solid #500;
		border-top-width:0px;
		background-color:#fff;
		height: 1%;
		}
	#navigation ul{
		margin:0px;
		padding:0px;
		}
	#navigation li{
		padding:0px;
		padding-left:4px;
		margin:0px;
		list-style-type:none;
		margin-bottom:12px;
		border-left:8px solid #500;
		}		
	#navigation a,#navigation a:visited, #navigation a:active{
		margin:0;
		padding:2px;
		padding-bottom:1px;
		color:#500;
		text-decoration:none;
		border-bottom:1px dotted #500;
		}
	#navigation a:hover{
		color:#500;
		border-bottom:1px solid #500;
		}
	#navigation h2{ margin-left:10px;}

/***	Epic Battles Display	***/
.name { font-weight:700; color:#ffc; margin:0px; padding:0px; }
.effect { font-size:x-small; margin:0px; padding:0px; }

/*** MK Guide Display ***/
.game, .story { 
	margin:4px;
}
.game{
	padding:0px;
	padding-top:8px;
	padding-left:10px;
	height:20px;
	width:300px; 
	background-color:#444;
	background-image:url(../mkguide/images/back_stone.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	font-weight:bold;
	border-bottom: 1px solid #fc0;
	cursor:pointer;
}

.game a:link, .game a:visited, .game a:active { padding:2px; }
.game a:hover { /*background-color:#555; */ text-decoration:none; }

.story { line-height:1.5em;	}
.story a:link, .story a:visited, .story a:active { 
	color:#aaa; /*border-bottom:1px solid #fff;*/ 
	text-decoration:none; 
	padding-top:2px;
	padding-bottom:2px; 
	}
.story a:hover { 
	color:#fc0; 
	text-decoration:underline; 
	/*
	background-color:#555; 
	border-top:1px solid #fc0; 
	border-bottom:1px solid #fc0; 
	padding-top:1px; 
	padding-bottom:1px;
	*/
	}

.label,.description { display:block; }
.label { 
	margin-top:5px; 
	margin-left:10px; 
	padding:2px;
	color:#005;
	font-weight:800;
	background-color:#888; 
	}
.description { 
	margin-left:20px; 
	padding:4px; 
	border: 1px solid #888; 
	border-top:0px;
	}


/*** 	Koffin Display 	***/
.error { color:#999;}
.accepted {color:#fff;}
.new {color:#999;}
.real { color:#999;}
.fake { color:#999; }

/*** 	Krypt Display 	***/
.row {
margin:0px;
padding:0px;
float:left;
height:1em;
width:inherit; 
voice-family: "\"}\"";
voice-family: inherit;
width:inherit; 
}
html>body .row {
width:inherit; 
}

.col, .colDisplay {
border:1px solid #777;
margin:1px;
padding:0px;
float:left;
width: 40px; 
voice-family: "\"}\"";
voice-family: inherit;
width:40px; 
}
html>body .col, .colDisplay {
	width:40px; 
}

.col:hover { color:#fc0;}

.collocked {background-color:#fff;}

.colDisplay { float:left; background-color:#666; color:#fc0; text-align:center; cursor: pointer; }