/**
 * Copyright (c) 200 Guru Produsions
 * No part of this file may be redistributed without written permission
 * Designed by guru <guruonhill@comcast.net>
 * Coded by mallic <mallic@comcast.net>
 */

body
{
 padding: 0px;
 margin: 0px;
 background-color: #343434;
}

#container
{
 width: 884px;
 height: auto; 
 background-image: url('images/container_bg.gif');
 overflow: hidden;
 padding: 0px;
 margin: 0px auto 0px auto;
}

/**
 * Links
 */

a 
{
 font: 11px tahoma;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}

a:hover
{
 text-decoration: underline;
}

/**
 * Top
 */ 
 
#top 
{
 width: 818px;
 height: 165px;
 background: url('images/top_bar.gif') top left no-repeat;
 margin-left: 32px;
}

#header
{
 width: 816px;
 height: 137px; 
 background: url('images/header.gif') no-repeat;
 margin: 1px 0px 0px 2px;
}

#header_link 
{
 width: 816px;
 height: 100px;
 cursor: pointer;
}

#top h3 
{ 
 font: 10px tahoma; 
 margin: 0px; 
 padding: 4px 0px 0px 7px;
}

/**
 * Menu
 */
 
ul 
{ 
 margin: 0px; 
 padding: 0px; 
 list-style: none;
}

ul li 
{ 
 float: left; 
}

#menu
{ 
 height: 48px;
 background: url('images/menu_bar.gif') bottom no-repeat; 
}
 
#menu a:hover 
{ 
 border: 0; 
}

#menu a img 
{
 display: block;
 border: 0px;
 width: 136px;
}

#menu a 
{
 height: 35px;
 display: block;
 float: left;
}
#menu a:hover img 
{
 display: none;
}

#home a 
{
 width: 136px;
 background: url('images/nav/home_hover.gif') no-repeat;
}

#roster a 
{
 width: 136px;
 background: url('images/nav/roster_hover.gif') no-repeat;
}

#awards a 
{
 width: 136px;
 background: url('images/nav/awards_hover.gif') no-repeat;
}

#forums a 
{
 width: 136px;
 background: url('images/nav/forums_hover.gif') no-repeat;
}

#about a 
{
 width: 136px;
 background: url('images/nav/about_hover.gif') no-repeat;
}

#servers a 
{
 width: 136px;
 background: url('images/nav/servers_hover.gif') no-repeat;
}

#middle 
{
 height: auto; 
 width: 884px; 
 background: url('images/middle_bg.gif') bottom left no-repeat; 
 padding: 1px 0px 6px 32px;
}

/**
 * Left
 */
 
#left 
{
 float: left;
 height: auto; 
 width: 179px; 
 margin: 0px; 
 padding: 0px;
}

.left_column 
{
 width: 177px; 
 height: auto; 
 background: url('images/left_column_header.gif') top center no-repeat; 
 margin-left: 2px; 
}

.left_column a
{
 font-weight: normal;
}

.left_column h3 
{
 font: 11px tahoma; 
 color: #FFFFFF; 
 font-weight: bold;  
 margin: 0px 0px 7px 0px;
 padding: 5px 0px 0px 35px;
}
 
.left_column ul
{
 background: url('images/left_column_bg.gif') no-repeat;
 width: 177px;
 height: 112px;
 padding: 3px 0px 0px 0px;
 overflow: hidden;
 margin: 0px;
}

.left_column li
{
 height: 17px;
 width: 177px;
 background: url('images/left_column_list.gif') no-repeat;
 font: 11px tahoma;
 margin: 0px 0px 0px 1px;
 padding: 4px 0px 0px 19px;
}

.left_column li span 
{
 color: #00CC33;
}

.sponsor_pic 
{ 
 width: 177px;
 height: 97px; 
 background: url('images/left_column_bg.gif') no-repeat;
 margin-bottom: 2px;
 padding-top: 15px;
}

.sponsor_pic img 
{  
 display: block;
 margin: 0px auto 0px auto; 
}

.sponsor_pic img
{
 border: 0px;
}

/**
 * Content
 */
 
#content 
{ 
 float: left; 
 margin-left: 1px;
}

#content .post 
{
 width: 638px; 
 height: auto; 
 background: url('images/post_top_bg.gif') no-repeat; 
 margin-bottom: 5px; 
}

#content .post h3 
{
 font: 11px tahoma; 
 font-weight: bold;
 padding: 8px 0px 0px 25px;
 margin: 0px 0px 7px 0px;
}

#content .post .post_pic img
{ 
 display: block;
 margin: 0px auto 0px auto; 
}

#content .post .post_text 
{ 
 background-image: url('images/post_text_bg.gif'); 
 font: 12px tahoma; 
 padding: 0px 25px 7px 25px;
 margin: 0px;
}

#content .post .post_text p
{ 
 padding: 0px;
 margin: 9px 0px 0px 0px;
}

#content .post .post_info
{
 width: 638px;
 height: 24px;
 background-image: url('images/post_info_bar.gif');
 background-repeat: no-repeat;
}

#content .post .post_info p
{
 font: 11px tahoma; 
 font-weight: bold;
 margin: 0px;
 padding: 4px 0px 0px 0px;
}

#content .post .post_info .post_left
{
 float: left;
 padding-left: 20px;
}

#content .post .post_info .post_right
{
 float: right;
 padding-right: 15px;
}

#content .post .post_info .post_left a
{
 color: #acb335;
}

/**
 * Footer
 */
 
#footer
{
 width: 884px;
 height: 132px;
 background: url('images/footer.gif') no-repeat;
 padding: 0px;
 margin: 0px auto 0px auto;
}