* { padding:0;margin:0;vertical-align:top }
body { background:#fff url('../style/mainboard/bg.jpg');text-align:center }
#mainboard { width:60%;height:100%;background-color:#fff;margin:0 auto;border:1px solid #3a3a3a;border-top:none;border-bottom:none }
#logo { height:90px;display:inline; }
#header { border-top:1px solid #333;border-bottom:1px solid #777 }
#toplinks { background:#777;height:90px;text-align:left }
#toplinks a { text-align:center;padding:0 20px;color:#fafafa;text-decoration:none;font-family:"Myriad Pro", Tahoma;font-size:20px;font-weight:bold;letter-spacing:-2px;display:block;line-height:90px;height:90px;width:200px;border-left:1px solid #888;border-right:1px solid #6e6e6e }
#toplinks a:hover { background-color:#7c7c7c;color:#fff;border-right:1px solid #666 }
#navbar { line-height:40px;border-top:1px solid #333;border-bottom:1px solid #000;padding:0 5px;height:40px;background:#999 url('../style/mainboard/nav-bar-bg.png') top left repeat-x; }
#navbar ul { list-style-type:none;margin:0 25px }
#navbar li { display:inline }
#navbar li a { color:#ddd;font-family:"Myriad Pro", Tahoma;font-size:18px;text-decoration:none;padding:10px 20px;margin:10px }
#navbar li a:hover { color:#fff;text-decoration:none;line-height:35px;padding:13px 20px; }
#navbar li a.active { text-decoration:none;color:#fff }
#navbar li a.active:hover { padding:10px 20px;line-height:40px }
#navbar li a.extreme { color:#f00 }
#navbar .loot { float:right }
#navbar .loot a { color:#fff;font-size:14px;letter-spacing:-1px;position:relative;top:2px }
#navbar .loot a:hover { color:#fff;line-height:40px;text-decoration:underline }
#content { text-align:left;background-color:#444;min-width:700px }
#content p { font-family:"Myriad Pro", Tahoma;font-size:13px }
#content p.promotion { font-size:20px;color:#f00 }
p.notes { padding:20px 3px 10px }
ul { list-style-type:none;padding:0 13px }
#chat { text-align:left;padding:10px 20px;color:#ccc;height:30px;overflow:hidden }
#footer { background:#222 url('../style/mainboard/footer-bg.png') top left repeat-x;border:1px solid #000;border-top:1px solid #333;padding:40px 50px 80px }
#footer ul, #footer p { color:#bbb;font:10px Verdana;text-align:right;font-weight:bold;letter-spacing:-1px;display:inline;float:left }
#footer li { display:inline;border-right:1px solid #ccc;padding:0px 10px; }
#footer li:last-child { border-right:none }
#footer p.copy { float:right }
#footer a, #footer a:visited { color:#ccc;font-weight:normal;font:11px Verdana;text-decoration:none }
#footer a:hover { color:#fff }

a img { border:none; }
a, a:visited {
  font-family:Verdana, Tahoma;
  font-size:11px;
  color:#000;
  text-decoration:underline;
}
a:hover {
  color:#aaa;
}