#banner
{
   position: static;
   margin: 0;
   padding: 0;
   border: 0;
   background-image:url(../images/topbanner.png);
   width: 980px;
   height: 140px;
}

body
{
   background-color: #222;
   font-family: "Trebuchet MS";
}

button#forumRefresh
{
	background-color: #000;
	color: #fff;
	font-size: 8pt;
	margin-top: 16px;
}

#footer
{
   clear: both;
}

img
{
   border: 0;
}

.login
{
   margin: 0 auto;
   width: 130px;
}

.login td.text
{
   padding: 0px;
   border: 0px solid #000000;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.login td.field
{
   padding: 0px;
   border: 0px solid #000000;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}



.left
{
	width: 150px;
   float: left;
   margin: 8px 0 8px 8px;
   text-align: center;
}

.left a
{
	display: block;
	text-align: left;
	margin: 0 auto;
	padding-left: 4px;
	width: 126px;
	color: #666;
	background-color: #ccc;
	font-size: 10pt;
	text-decoration: none;
	border-top: 1px dotted #000;
}

.left h3 + a
{
	border-top: 0;
}

.left a.indent
{
	width: 114px;
	padding-left: 16px;
}

.left a:link,
.left a:visited,
.left a:active
{
	color: #000;
	text-decoration: none;
}

.left a:link:hover,
.left a:visited:hover,
.left a:active:hover
{
	text-decoration: none;
	background-color: #333;
	color: #fff;
}

#mainPanel
{
   margin: 16px;
}

.middle
{
	width: 472px;
	min-height: 600px;
	float: left;
	margin: 8px;
	font: 9pt "Trebuchet MS";
	color: #ffffff;
	text-align: left;
}

.middle p
{
	margin: 8px;
}

.middle a
{
	color: #fff;
}


#navbar
{
   width: 100%;
   height: 11px;
   background: #ccc url(../images/top_nav.jpg) repeat-x;
   color: #000;
   font-size: 10pt;
   font-weight: bold;
   padding: 8px 0;
   margin: 0;
   text-align: center;
}

#navbar a
{
	margin-left: 32px;
	color: #666;
}

#navbar a:link,
#navbar a:visited,
#navbar a:active
{
	color: #000;
	text-decoration: none;
}

#navbar a:hover
{
	text-decoration: underline;
}

#navbar a:first-child
{
	margin-left: 0;
}

p.forum
{
	text-align: left;
	margin: 2px 8px;
	font-size: 8pt;
}

p.forum a,
p.forum a:link,
p.forum a:active,
p.forum a:visited
{
	color: #ff0;
	text-decoration: none;
}

p.forum a:hover
{
	text-decoration: underline;
}

p.forum strong
{
}

.panel
{
   position: relative;
   border: 1px solid #ccc;
   background-color: #800000;
   padding-bottom: 8px;
   overflow: hidden;
}

.panel h3
{
   display: block;
   margin: 8px 0;
   background: #000 url(../images/head.jpg) repeat-x;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   color: #fff;
   font-size: 10pt;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
}

.panel h3:first-child
{
	margin-top: 0;
	border-top: 0;
}

.panel img
{
	margin: 4px;
}

.right
{
	width: 320px;
   float: right;
   clear: right;
   margin: 8px 8px 8px 0;
   text-align: center;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
}

ul.latestnews
{
}

ul.latestnews li.latestnews
{
}

ul.menu
{
   list-style: none;
   margin: 0 auto;
   padding: 0;
   background-color: #ccc;
   width: 90%;
   text-align: left;
}

ul.menu li
{
   display: block;
   border-top: 1px solid #000;
   padding-left: 8px;
   color: #000;
   font-size: 10pt;
}

ul.menu li:first-child
{
   border-top: 0;
}

ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:visited
{
   color: #000;
}

ul.menu li a:hover
{
   color: #fff;
}

ul.menu li.active, ul.menu li:hover
{
   background-color: #333;
   color: #fff;
}

ul.mostread
{
}

ul.mostread li.mostread
{
}


.videopanel
{
	width: 802px;
	min-height: 600px;
	float: left;
	margin: 8px;
	font: 9pt "Trebuchet MS";
	color: #ffffff;
	text-align: left;
}

.videopanel p
{
	margin: 8px;
}

.videopanel a
{
	color: #fff;
}



#wrapper
{
   position: static;
   width: 980px;
   margin: 0 auto;
   padding: 0;
   border: 0;
   text-align: left;
   background-color: #000;
   color: #ccc;
}

.top
{
	width: 632px;
	min-height: 200px;
	float: left;
	margin: 8px 8px 0px 8px;
	font: 9pt "Trebuchet MS";
	color: #ffffff;
	text-align: left;
}

.news
{
   margin: 0 auto;
   width: 456px;
   border-collapse: collapse;
   border: 1px solid #000000;
}


.news  td.title
{
   width: 446px;
   padding: 2px 8px;
   background-color: #333333;
   border: 1px solid #000000;
   text-align: left;
   font: 11pt "Trebuchet MS";
   font-weight: bold;
   color: #ffffff;
}

.news td.update
{
   padding: 4px;
   background-color: #999999;
   border: 1px solid #000000;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #000000;
   vertical-align: top;
}




.characterlist
{
   margin: 8px auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}



.characterlist td.pic
{
   width: 100px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.characterlist td.name
{
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: center;
   font: 11pt "Trebuchet MS";
   color: #ffffff;
}

.characterlist td.icon
{
   width: 60px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.characterlist td.match
{
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.characterlist img
{
   margin: 0px auto;
}

.character
{
   margin: 8px auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.character td.pic
{
   padding: 8px;
   border: 0px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.character td.pic img
{
margin: 0px auto;
border: 1px solid #000000;
}

.character td.info
{
   padding: 8px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.character td.directory
{
   width: 90px;
   padding: 3px;
   border: 0px solid #cccccc;
   text-align: center;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.character td.movename
{
   background-color: #000000;
   padding: 1px;
   border: 1px solid #cccccc;
   text-align: center;
   font: 10pt "Trebuchet MS";
   font-weight: bold;
   color: #ffffff;
   vertical-align: top;
}

.character td.movepic
{
   width: 166px;
   padding: 4px;
   border: 0px solid #cccccc;
   text-align: center;
}

.character td.movepic img
{
   margin: 0px auto;
   border: 1px solid #000000;
}

.character td.movetext
{
   padding: 4px 8px 4px 0px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.stagelist
{
   margin: 8px auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.stagelist td.pic
{
   width: 80px;
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.stagelist td.name
{
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: center;
   font: 11pt "Trebuchet MS";
   color: #ffffff;
}

.stagelist td.icon
{
   width: 68px;
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.stagelist img
{
   margin: 0px auto;
}

.stage
{
   margin: 8px auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.stage td.pic
{
   padding: 8px;
   border: 0px solid #cccccc;
   text-align: center;
   vertical-align: top;
}

.stage td.pic img
{
   margin: 0px auto;
   border: 1px solid #000000;
}

.stage td.info
{
   padding: 8px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.stage td.unlockpic
{
   width: 70px;
   padding: 4px;
   border: 0px solid #cccccc;
   text-align: center;
}

.stage td.unlocktext
{
   padding: 4px 8px 4px 8px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.stage td.mini
{
   padding: 8px;
   border: 0px solid #000000;
   text-align: center;
   vertical-align: top;
}

.stage td.mini img
{
   margin: 2px;
   border: 1px solid #000000;
}

.stage h1
{
   margin: 4px 0;
   color: #fff;
   font-size: 18pt;
   font-weight: bold;
   text-align: center;
}


#item 
{
	margin: 0 auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

#item td.pic
{
   width: 124px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
}

#item td.description
{
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.trophylist
{
   margin: 8px auto;
   width: 456px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.trophylist td.name
{
   padding: 0px 4px 0px 8px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
}

.trophylist td.series
{
   width: 150px;
   padding: 0px 4px 0px 8px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
}

.trophy 
{
   margin: 8px auto;
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.trophy td.pic
{
   width: 210px;
   padding: 8px 2px 2px 8px;
   border: 0px solid #cccccc;
   text-align: center;
}

.trophy td.description
{
   padding: 8px 4px 4px 4px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.trophy td.games
{
   padding: 12px 6px 12px 12px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 10pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: bottom;
}

.trophy td.unlockpic
{
   width: 70px;
   padding: 4px;
   border: 0px solid #cccccc;
   text-align: center;
}

.trophy td.unlocktext
{
   padding: 4px 8px 4px 8px;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.trophy h4
{
   margin: 4px 0;
   color: #fff;
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
}

#event
{
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

#event  td.icon
{
   width: 79px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
}

#event  td.description
{
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

#hidden
{
   width: 446px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
   margin: 0 auto;
}

#hidden  td.icon
{
   width: 98px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
}

#hidden  td.character
{
   width: 154px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
}

#hidden  td.stage
{
   width: 104px;
   padding: 2px;
   border: 1px solid #cccccc;
   text-align: center;
}

#hidden td.stage img
{
   margin: 2px;
   border: 1px solid #000000;
}

#hidden td.description
{
   padding: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
}



.tourney 
{
   margin: 16px auto;
   width: 700px;
   background-color: #500000;
   border-collapse: collapse;
   border: 1px solid #cccccc;
}

.tourney td. rules
{
   padding: 12px auto;
   border: 0px solid #cccccc;
   text-align: left;
   font: 9pt "Trebuchet MS";
   color: #ffffff;
   vertical-align: top;
}

.tourney h4
{
   margin: 4px 0;
   color: #fff;
   font-size: 13pt;
   font-weight: bold;
   text-align: center;
}


.avatar
{
   margin: 8px auto;
   width: 446px;
   border-collapse: collapse;
   border: 0px solid #cccccc;
}

.avatar td.easter
{
   width: 208px;
   padding: 4px;
   font: 10pt "Trebuchet MS";
   color: #ffffff;
   border: 0px solid #cccccc;
   text-align: center;
}


.avatar td.av
{
   width: 108px;
   padding: 4px;
   border: 0px solid #cccccc;
   text-align: center;
}