/* CSS Document */

body { background: #000000; margin: 0 auto; font: 8.5pt Arial, Helvetica, sans-serif; }


/**
 * reset 
 */
h1, h2, h3, h4, h5, h6, h7, p, ol, ul, table { margin: 0 0 8pt 0; }
h1, h2, h3, h4, h5, h6, h7 { }
a img { border: none; }
a:link { color: #000ec5; text-decoration: none; }
a:hover { color: #0047be; }
blockquote { margin: 8pt 0; }


/**
 * grid 
 */
div#container { width: 950px; padding: 0 10px; margin: 0 auto; background: #fff }
div#mast_head { width: 950px; height: 145px; background: url(../images/header_bg.gif) no-repeat; position: relative; }
div#content_wrap { width: 950px; position: relative; margin: -5px 0 0 0; }
div#footer { width: 950px; height: 114px; background: url(../images/footer_bg.gif) no-repeat; }

div#content_wrap div#menu { margin: 10px 0; width: 130px; float: left; }
div#content_wrap div#contents { margin: 10px 0 0 140px; }
div#content_wrap div#contents div.col1 { width: 500px; float: left; }
div#content_wrap div#contents div.col2 { width: 300px; margin-left: 5px; float: right; }


/**
 * header logo
 */
h1#main_logo { width: 192px; height: 96px; margin: 0; padding: 0; position: absolute; top: 30px; left: 10px; }
h1#main_logo a { width: 192px; height: 96px; display: block; background: url(../images/main_logo.gif) no-repeat; text-decoration: none; text-indent: -9999px; }


/**
 * globalnav
 */
div#global_nav { height: 43px; position: absolute; right: 0; bottom: 20px; }
div#global_nav ul { margin: 0; padding: 0; list-style: none; }
div#global_nav ul li { margin: 0; padding: 0; float: left; }
div#global_nav a { height: 43px; display: block; text-decoration: none; text-indent: -9999px; }
div#global_nav a#features { width: 105px; background: url(../images/menu.gif) 0 top no-repeat; }
div#global_nav a#features:hover, 
body#features div#global_nav a#features { background: url(../images/menu.gif) 0 bottom no-repeat; }
div#global_nav a#products { width: 97px; background: url(../images/menu.gif) -105px 0 no-repeat; }
div#global_nav a#products:hover, 
body#products div#global_nav a#products { background: url(../images/menu.gif) -105px bottom no-repeat; }
div#global_nav a#articles { width: 93px; background: url(../images/menu.gif) -202px 0 no-repeat; }
div#global_nav a#articles:hover, 
body#articles div#global_nav a#articles { background: url(../images/menu.gif) -202px bottom no-repeat; }
div#global_nav a#tourneys { width: 147px; background: url(../images/menu.gif) -295px 0 no-repeat; }
div#global_nav a#tourneys:hover, 
body#tourneys div#global_nav a#tourneys { background: url(../images/menu.gif) -295px bottom no-repeat; }
div#global_nav a#forums { width: 81px; background: url(../images/menu.gif) -442px 0 no-repeat; }
div#global_nav a#forums:hover, 
body#forums div#global_nav a#forums { background: url(../images/menu.gif) -442px bottom no-repeat; }
div#global_nav a#stores { width: 158px; background: url(../images/menu.gif) -523px 0 no-repeat; }
div#global_nav a#stores:hover, 
body#stores div#global_nav a#stores { background: url(../images/menu.gif) -523px bottom no-repeat; }


/**
 * menubox
 */
div.menubox { margin-bottom: 10px; background: #efefef; }
div.menubox h3.heading { margin: 0; padding: 4px 6px; background: #000ec5 url(../images/infobox_03_heading.gif) no-repeat; font-size: 8pt; font-weight: bold; text-transform: uppercase; color: #e2e2e2; }
div.menubox div.inner { padding: 4px 6px; }
div.menubox h4 { margin: 4px 0; font-size: 8pt; font-weight: bold; color: #666666; }
div.menubox ul { margin: 0 5px 10px 5px; padding: 0; list-style: none; }
div.menubox ul li { padding: 2pt; }
div.menubox a { color: #666666; text-decoration: none; }
div.menubox a:hover { text-decoration: underline; }


/**
 * feature carousel
 */
body#features div#carousel { width: 500px; height: 250px; margin-top: -10px; margin-bottom: 10px; background: #000000; }


/**
 * infobox
 */
div#content_wrap div.infobox { margin-bottom: 10px; }
div#content_wrap div.col1 div.infobox h3.heading { margin: 0; padding: 8px; background: #000ec5 url(../images/infobox_02_heading.gif) no-repeat; font-size: 8pt; font-weight: bold; text-transform: uppercase; color: #e2e2e2; }
div#content_wrap div.col2 div.infobox h3.heading { margin: 0; padding: 8px; background: #f7ed13 url(../images/infobox_01_heading.gif) no-repeat; font-size: 8pt; font-weight: bold; text-transform: uppercase; color: #333333; }
div#content_wrap div.infobox div.inner { padding-bottom: 20px; }

/**
 * list
 */
div#content_wrap div.infobox div.item { padding: 8px; border-bottom: 1px dotted #999999; }
div#content_wrap div.infobox h1.title { font-size: 100%; margin-bottom: 2pt; }
div#content_wrap div.infobox p.info { font-size: 80%; margin-bottom: 4pt; }

/**
 * post
 */
div#content_wrap div.post { margin-bottom: 20px; background: url(../images/infobox_01_bottom.gif) bottom repeat-x; }
div#content_wrap div.post h3.blog { margin: 0; padding: 2px; background: #f7ed13; color: #333333; font: 8pt "Courier New", Courier, mono; font-weight: bold; text-transform: uppercase; }
div#content_wrap div.post h1.title { margin: 8pt 0; color: #000ec5; font-size: 18pt; }
div#content_wrap div.post h1.title a { color: #000ec5; font-size: 18pt; text-decoration: none; }
div#content_wrap div.post p.info { font-size: 80%; margin-bottom: 4pt; }
div#content_wrap div.post div.post_body { padding: 4pt 0 20pt 0; }

/**
 * footer
 */
div#footer div.inner { padding: 10px; color: #e2e2e2; }
div#footer a { color: #f7ed13; text-decoration: underline; }

div#footer div.left { float: left; }
div#footer div.right { float: right; }
div#footer ul.links { margin: 0 0 10px 0; padding: 0; list-style: none; }
div#footer ul.links li { display: inline; margin-right: 15px; padding: 10px 0; }
div#footer ul.links a { color: #f7ed13; font-weight: bold; text-decoration: none; }
div#footer ul.links a:hover { color: #ffffff; text-decoration: underline; }