/* Style sheet for Mario Monsters
   2006-04-17, David Mitchell */

body {
	background-color: #111;
	background-image:url(/graphics/general/background.gif);
	color: #000;
    margin: 0px;
    padding: 0px;
}


/*** ALIGNMENT AND GENERAL LAYOUT ***/

/* Forces the layout to align to the center of the page */
div#center {
	margin:0 auto; 
	text-align:center;
}

/* Header */
div#header {
    clear: both;
	height: 65px;
	padding-top: 4px;
	padding-bottom: 4px;	
	border: 0px;
	color: #000;
    background-color: #0000DD;
	background: url(graphics/general/header_back.jpg);
}

/* Footer */
div#footer {
    clear:both;
	position:relative;
	margin-top:30px;
	border:0px;
	padding:4px;
	color: #000;
    background-color: #0000DD;
	background: url(graphics/general/footer_back.jpg);	
}
div#footer_margin {
    clear:both;
	position:relative;
	height:5px;
}

/* Holds columns in place */
#wrap{
	width:950px;
	margin-left: 10px;
	text-align:left;
}

/* main column */
#middle_top {
    background-image: url(graphics/general/set1/middle_top.png); height:60px; width:588px;
}
#middle_bottom {
    background-image: url(graphics/general/set1/middle_bottom.png); height:60px; width:588px;
}

#main-content{
	width: 588px;
	display: inline;
	float: left;	
	margin-left: 5px;
	margin-top: 10px;
}
div.middle_menu {
  padding-top: 0px;
  padding-bottom: 0px;  
  padding-left: 3px;
  color: #000;
  background-color: #00D;
  background: url(graphics/general/middle_menu_back.jpg);
}
div.middle_content {
  text-align:left;
  padding:3px;
  padding-top:1px;
  color: #000;
  background-color: #FFFFFF;
}

/* left column */
#menu_top {
background-image: url(graphics/general/set1/menu_top.png); height:80px; width:166px;
}
#menu_bottom {
background-image: url(graphics/general/set1/menu_bottom.png); height:60px; width:166px;
}

#navigations{
	width:166px;
	float:left;
	margin-left:8px;	
	margin-top:10px;
	text-align:left;
}
div.left_content {
  padding: 5px;
  margin: 0px;
  color: #000;
  background-color: #FFFFFF;
/*  Bordered version
	border-left:5px;
	border-right:5px;
	border-style:solid;
	border-color:#5555FF;
	border-top:0px;
	border-bottom:0px;*/
}

/* Right Column */
#right {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-top: 90px;
}



div#staff {
   background-color:#FAFAFA; 
   width:90%;
   padding:5px;
   padding-left:8px;
}

div.staff_menu {
   background-color:#AAA;
   width:100%;
   padding:2px;
}



/*** FONTS, etc ***/

span.menu {
	color: #EEEEEE;
	font-family: "Comic Sans MS", Sans-serif;
	font-size:.8em;
}

table {
   border-width:0px;
}

A:link {
	color: #DF0000;
	font-family: Arial, Helvetica, Sans-serif;
}
A:visited {
	color: #00D;
	font-family: Arial, Helvetica, Sans-serif;
}
A:active { 
	color: #0E0;
	font-family: Arial, Helvetica, Sans-serif;	
}
A:hover { 
	color: #F00;
	font-family: Arial, Helvetica, Sans-serif;	
	text-decoration: none;
}


A.light:link {
	color: #FFFFFF;
	text-decoration: none;
}
A.light:visited {
	color: #AAB0FF;
	text-decoration: none;	
}
A.light:active {
	color: #FF0000;
	text-decoration: none;
}
A.light:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


span.title {
	color:#FFF;
	font-family: "Super Mario Bros.", "Comic Sans MS", Sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	margin:1px;
}
span.titledark {
	color:#000;
	font-family: "Super Mario Bros.", "Comic Sans MS", Sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	margin:1px;
}


span.category {
	color:#0010EE;
	font-family: Arial, Sans-serif;
	font-size: 1.0em;
	font-weight: bold;
}

span.normal {
	color:#000;
	font-family: Arial, Sans-serif;
	font-size: 0.9em;
}

.submenu {
	color:#000;
	font-family: Arial, Sans-serif;
	font-size: 0.7em;
	margin-left: 1em;
}

span.normal_white {
	color:#FFF;
	font-family: Arial, Sans-serif;
	font-size: 0.9em;
}

span.small_print {
   color:#000;
   font-family: Arial, Sans-serif;
   font-size: 0.6em;
}