/* Main Site */
html { height:100%; }
body { margin:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#393939; background:url(../images/gen_bg.jpg) repeat fixed top; }

#forumcontent { width:949px; float:left; margin-left:0px; padding:0px 11px 11px 11px; text-align:left; }


#wrap { width:970px; margin:0 auto; min-height:100%; background-image:url(../images/Console/bgcol.png); background-repeat:repeat-y; position:; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#393939; }
* html #wrap { height:100%; }
#inner-wrap { padding-bottom:10px; }
#inner-wrap:after { content:""; display:block; clear:both; }
#footer { background-image:url(../images/Console/footerBG.gif); background-position:center; background-repeat:no-repeat; width:970px; position: relative; bottom:0; height:10px; left:0; color:#; text-align:center;}
#inner_footer { margin-top:10px;}
#topnav { color:#3b3b3b; height:30px; background:url(../images/gen_headernav.gif); line-height:20px; width:952px; margin: 0 auto;}
#topnav li a:link, { text-decoration:none;}

#header { background-image:url(../images/Console/headerbg.jpg); background-position:center; background-repeat:no-repeat; height:116px; }

#mainnav {background-image:url(../images/mainnav.gif); color:#CCC; line-height:30px; font-weight:bold; height:30px;}

#bannerlogin {  margin-left:auto; margin-right:auto; padding:0; height:100px;}

#left { float:left; width:162px; }
#left a:hover {color:#FFFFFF;}

#content { width:480px; float:left; margin-left:3px; padding:0px; text-align:left;}
#contentwide { width:642px; margin-left:0px; float:left; padding:0px; text-align:left; background-color:#3b3b3b;}

#right { float: right; width:300px; text-align:left; }
#right_sml { float: right; width:162px; text-align:left; }
#main { position:relative; margin-left:0px; padding:0px 11px 11px 11px; }

#title_text{ padding:6px 0 0 20px; color:#FFF; font-weight:bold; text-transform: uppercase;}
#nav_text { padding:6px 0 0 6px; color:#FFF; font-weight:bold; text-transform: uppercase;}

/* Font Styles */
p {margin:10px 0px 10px 0px; padding:0;}
h1 { position:relative; line-height:60px; margin:0; padding-left:20px;}
.maintext { font-family: Arial, Helvetica, sans-serif; font-size: 11px;	font-style: normal;	font-weight: normal; font-variant: normal; color: #FFFFFF;}
.text_white { color:#FFF;}
.bar_text { color:#fff; text-decoration: underline;}
.white {color:#FFF;}
.formbox { font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.submitdate { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#606060;}
.colour {color: #ff7600}
.bgcolour {background-color: #ff7600}
.introtext {text-align:left; height:30px auto; overflow:hidden; margin-bottom:10px; padding:5px; background:transparent 50%; background-color:white;}
.introtextfont {filter:alpha(opacity=100); opacity: 100; background:transparent 50%; background-color:white;}
.TransWhite { background-image:url(../images/TransWhite.png); }
.black { color:#000000; text-decoration:none; }

.PS3 {color:#cc0000; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;}
.x360 {color:#a0d312; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;}
.Wii {color:#34beed; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;}
.Console {color:#ff7600; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99;}


a.topnav:link, a.topnav:active, a.topnav:visited, a.topnav:hover { color: #3b3b3b; text-decoration: none;}
a.monstersig:link, a.monstersig:active, a.monstersig:visited, a.monstersig:hover { color: #000000; text-decoration: none;}
a.colour:link, a.colour:active , a.colour:visited , a.colour:hover{color:#ff7600; text-decoration: none;}
a.news:link, a.news:active , a.news:visited { text-decoration: none;}
a.news:hover{ text-decoration: underline;}
a.gameslist:link, a.gameslist:active , a.gameslist:visited { font-weight:bold; text-decoration: none;}
a.gameslist:hover{ font-weight:bold; color: #ff7600; text-decoration: underline;}
a.n:hover{ text-decoration: underline;}
blockquote { background-color:#ededed; margin:0px 10px 0px 10px; padding:10px; }

/* Top Nav */
#topnavinside{ float:left; height:20px; top:2px; position:relative; left:17px; text-align:left; color: #ff7600; font-weight:bold;}
#date{ float:right; position:relative; right:17px; text-align:right; height:20px; line-height:20px; color: #cbcbcb;}
#topnavinside a { padding:2px 5px 2px 5px; text-decoration:none;}


/* Header / Search */
#hdleft{ background-image:url(); float:left; height:100px; width:300px;}
#hdlogo{ float:left; position:relative; height:65px; width:260px; top: 3px; left:30px; text-align:right; color:#FFF;}
#hdlogo[id]{top:3px;}/*Mozilla*/

#hdmenu{ clear:both; float:left; height:18px; width:260px; top: 16px; left:24px; position:relative; text-align:left; color:#FFF;}
#hdmenu[id]{top:16px;}/*Mozilla*/
#hdoption{ float:left; margin-right:6px;}

/*
#hdright[id]{top:42px; right:0px; width:329px;}
#hdsearch{ float:left; width:223px; height:22px; top: 4px; left:0px; position:relative; text-align:left;}
#hdsearch[id]{ left:3px; top: 1px; width:225px;}
#hdsearchbutton{ float:left; top: 1px; left:1px; position:relative; text-align:left; }
#hdsearchbutton[id]{top:0px;}
.hdsearchbox{ border:none; background-color: #FFF; width:220px; height:15px; font:Arial, Helvetica, sans-serif; font-size:12px; }
*/

/* Header / Search */

#hdright{ float:right; width:327px; height:19px; top:48px; left:20px; position:relative; text-align:center; }

#hdsearch{ float:left; width:219px; height:19px; position:relative; text-align:left;}

#hdsearchbutton{ float:left; position:relative; text-align:left; top:0px; }

.hdsearchbox{ border:none; background-color: #FFF; width:215px; height:15px; font:Arial, Helvetica, sans-serif; font-size:12px; }



/* Banner Login */
#login{ color: #FFF; background-image:url(../images/gen_loginbox.gif); background-repeat:no-repeat; float:left; height:100px; text-align:left; width:229px; }
#loginerror{ color: #FFF; background-image:url(../images/gen_loginboxerror.gif); background-repeat:no-repeat; float:left; height:100px; text-align:left; width:229px; }

#loginsignup { height:39px; .height:38px; text-align:right; }
#loginuser { height:18px; position:relative; left:18px; }
#loginforgotten {  height:11px; margin-top:3px; float:left; width:223px; text-align:right; }
#loginpass { float:left; height:20px; position:relative; left:18px;  margin-top:2px; width:128px; text-align:left;  }
#loginbutton{ float:left; height:20px; position:relative; left:25px; text-align:left; }

#loggedin {color: #FFF; background-image:url(../images/gen_loggedinbox.gif); background-repeat:no-repeat; float:left; height:100px; text-align:left; width:229px;}
#loginicon{ float:left; position:relative; left:18px; top:5px; width:50px; height:50px; }
#logindetails {float:left; position:relative; left:18px; top:5px; height:50px; width:160px; }

#leaderboard{ float:right; width:728px; height:100px; top: 5px; right:11px; position:relative; text-align:center; border:solid 0px  #6699FF; }
.loginbox1{ border:none; background-color: #FFF; width:200px; height:14px; font:Arial, Helvetica, sans-serif; font-size:12px;}
.loginbox2{ border:none; background-color: #FFF; width:128px; height:14px; font:Arial, Helvetica, sans-serif; font-size:12px;}

/* Navigation */
#left ul{ text-align:left; padding:0px;}
#left li{text-align:left; padding-left:5px; background:url(../images/divider_nav.gif) no-repeat; padding-top:0px;height:18px}
#left a{font-size:11px;font-weight:bold; color:#d4d4d4; text-decoration:none; }
#nav_option{ text-align:left; padding-left:6px; margin-top:0; background:url(../images/gen_navline.gif) repeat-x; height:20px; }
#nav_option2{ text-align:left; padding-left:6px; margin-top:0; height:20px; }
#nav_header_t{ background-image:url(../images/gen_navhead_t.gif);}
#nav_header_m{	background-image:url(../images/gen_navhead_m.gif);}
#nav_header_t, #nav_header_m {margin-left:0px;  margin-top:0px; height:30px; width:162px;}

/*overviews*/
#overview{ color:#FFF; text-align:center; background-color:#3e3e3e; width:642px; border-left: solid 1px #4c4b4b; border-right: solid 1px #4c4b4b; border-bottom: solid 1px #4c4b4b; background-repeat:repeat-y; clear:both; overflow:hidden;}
#affiliate { position: relative; width:159px; background-color:#009933; height:60px; top:15px; .right:-19px; float:right; margin:0px 9px 20px 0px;}
#affiliate[id] {margin:0px 0px 20px 10px; }
		
/* Foooter */
#coms { margin:0px; padding:0px; font-size:10px; color:#333; font-weight:bold; text-align:center; width:15px; height:15px; line-height:10px; float: right; background-image:url(../images/360/gen_coms.png); }
#footerinside{ clear:both; float:left; height:20px; position:relative; top:12px; left:30px; text-align:left; color: #cbcbcb; }
#footerinside[id]{top:15px; }
#footerinside a{color: #cbcbcb; text-decoration:none; }
#footerinside a:hover{ color: #cbcbcb; text-decoration:underline; }
/*IE7 Moz Work around*/
#footerlogo{ float:right; position:relative; right:28px; text-align:right; margin-top:0px; .margin-top:18px; width:200px; color: #cbcbcb; }
#copyright{ float:left; height:20px; position: relative; top:15px; left:30px; text-align:left; width:700px; color: #cbcbcb;  }
#copyright a{ color: #cbcbcb; text-decoration:none; }
#copyright a:hover{ color: #ff7600; text-decoration:none; }
#affiliatebar{ height:20px; position:relative; width:930px; left:30px; text-align:left; color: #cbcbcb; clear:both;  }
#affiliatebar a{ color: #ff7600; text-decoration:none; }
#affiliatebar a:hover{ text-decoration:underline; }

#over_row { color:#333333;  clear:both; width:100%; margin-bottom:1px; height:20px; font-size:11px}
#over_row_full { color:#333333; clear:both; width:100%; margin-bottom:1px; font-size:11px}
#over_row_wide { text-align:center; clear:both; padding:3px; font-weight:bold; font-size:11px; overflow:hidden;}

#over_column_wide,
#over_column_1, 
#over_column_2,
#over_column_3,
#over_column_4
 { background-color: #ff7600; color:#FFF; background-image:url(../images/Console/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold; float:left; overflow: hidden; border-right:1px solid #ffffff;}

#over_column0_wide, 
#over_column0_1, 
#over_column0_2,
#over_column0_3,
#over_column0_4
 { border-right:1px solid #ffffff; float:left; overflow: hidden; }

   
#over_column_wide, #over_column0_wide { width:642px; text-align:left; line-height:20px; padding:0px 0px 0px 5px; }

#over_column_1, #over_column0_1 { text-align:center; height:20px; line-height:20px;  }
#over_column_2, #over_column0_2 { padding:3px;  height:14px; }
#over_column_3, #over_column0_3 { text-align:right; padding:3px; height:14px;  }
#over_column_4, #over_column0_4 { padding:0px 3px; height:20px; }


#over_column_wide { background-color: #ff7600; color:#FFF; background-image:url(../images/Console/titlebar_bg.gif); background-repeat:repeat-x; font-weight:bold;}
#over_column0_wide { background-color: #f9f9f9; }
#over_column_wide, #over_column0_wide { width:455px; float:left; text-align:left; line-height:20px; padding:0px 0px 0px 5px; overflow:auto; }

#info h3 {margin-bottom:230px;}
/* style the outer div to give it width */
.menu {
float:left;
width:700px;
height:19px;
font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px;
margin:0px;
list-style-type:none;

}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
border-left:#191919 1px solid;
font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:130px; 
height:20px; 
background:; 
padding:0px 10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
text-decoration:none;
background-color:orange;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#3b3b3b; 
}
/* style the second level hover */
.menu ul ul a.drop:hover {
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#3b3b3b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0px; position:absolute; left:0px; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:20px;
left:0px; 
width:150px;
}
* html .menu ul ul {
bottom:20px;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#282828; 
height:19px; 
line-height:19px; 
padding:0px 10px; 
width:130px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:130px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#4d4c4c; 
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}

#affiliatebar{ height:20px; position:relative; width:700px; left:30px; text-align:left; color: #cbcbcb;}
#affiliatebar a{ color: #cbcbcb; text-decoration:none; }
#affiliatebar a:hover{ text-decoration:none; }
#footerCell { width:285px; margin-left:29px; color:#FFF; float:left; height:190px; background:none;}
#footerCell a{ color:#fff; }
#footerCell ul { margin:0px; padding-left:20px; background:none;}
#footerCell li { line-height:15px; background:none; }
#footerTitle { height:20px; border-bottom:1px solid #666; overflow:hidden; clear:both; margin-bottom:10px;}
#footer { position:relative; bottom:0; height:230px; width:100%; background-image:url(../images/Console/footerBG.gif); background-position:center; background-repeat:no-repeat; color:#CCC; text-align:left; clear:both; }
#footer a{text-decoration:none;}
#ad468x60{  margin:10px 10px 10px 6px; .margin:10px 10px 240px 6px; }

.linkSml { line-height:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }
#fbox_platform {clear:both; border:#6d6d6d solid 1px; margin:1px 0px 2px 0px; height:20px; line-height:20px; text-align:right; width:197px; padding-right:5px; }
#fbox {clear:both; padding:1px 0px 1px 0px;}
#fbox_avatar {width:138px;  float:left; height:62px; line-height:62px; text-align:center; border:#6d6d6d solid 1px; background-image:url(../forum/images/monster/fbox_row.gif); overflow:hidden;}
#fbox_level {width:60px;  float:left; height:62px; line-height:62px; margin-left:2px; text-align:center; border:#6d6d6d solid 1px; background-image:url(../forum/images/monster/fbox_row.gif); overflow:hidden;}
#fbox_location, #fbox_thanks {width:134px; float:left; height:28px; line-height:37px; border:#6d6d6d solid 1px; padding-left:4px; background-image:url(../forum/images/monster/fbox_location.gif); overflow:hidden;}
#fbox_posts, #fbox_xblrank {width:56px;  float:left; height:28px; line-height:37px; margin-left:2px; padding-left:4px; border:#6d6d6d solid 1px; background-image:url(../forum/images/monster/fbox_posts.gif); overflow:hidden;}
#fbox_thanks {background-image:url(../forum/images/monster/fbox_thanks.gif);}
#fbox_xblrank {background-image:url(../forum/images/monster/fbox_xblrank.gif);}

.vbmenu_popup { border:10px;}