/******** GLOBAL RESET ********/
	
/* http://meyerweb.com/eric/tools/css/reset/ */	
/* v1.0 | 20080212 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
section,
footer,
aside,
nav,
article,
figure {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

header,
section,
footer,
aside,
nav,
article,
figure {
	display:block;
}

ol,
ul {
	list-style:none;
}

blockquote,
q {
	quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content:'';
}


	
/* remember to define focus styles! */
:focus {
	outline:0;
}


	
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}


	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/******** 960 GRID ********/

.container_12,
.container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:auto;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width:220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width:460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width:700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width:940px;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left:240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left:480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left:720px;
}

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}

.container_16 .prefix_1 {
	padding-left:60px;
}

.container_16 .prefix_2 {
	padding-left:120px;
}

.container_16 .prefix_3 {
	padding-left:180px;
}

.container_16 .prefix_5 {
	padding-left:300px;
}

.container_16 .prefix_6 {
	padding-left:360px;
}

.container_16 .prefix_7 {
	padding-left:420px;
}

.container_16 .prefix_9 {
	padding-left:540px;
}

.container_16 .prefix_10 {
	padding-left:600px;
}

.container_16 .prefix_11 {
	padding-left:660px;
}

.container_16 .prefix_13 {
	padding-left:780px;
}

.container_16 .prefix_14 {
	padding-left:840px;
}

.container_16 .prefix_15 {
	padding-left:900px;
}

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right:240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right:480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right:720px;
}

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}

.container_16 .suffix_1 {
	padding-right:60px;
}

.container_16 .suffix_2 {
	padding-right:120px;
}

.container_16 .suffix_3 {
	padding-right:180px;
}

.container_16 .suffix_5 {
	padding-right:300px;
}

.container_16 .suffix_6 {
	padding-right:360px;
}

.container_16 .suffix_7 {
	padding-right:420px;
}

.container_16 .suffix_9 {
	padding-right:540px;
}

.container_16 .suffix_10 {
	padding-right:600px;
}

.container_16 .suffix_11 {
	padding-right:660px;
}

.container_16 .suffix_13 {
	padding-right:780px;
}

.container_16 .suffix_14 {
	padding-right:840px;
}

.container_16 .suffix_15 {
	padding-right:900px;
}

/******** CSS HACKS ********/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/******** BASIC STYLING ********/

html,
body{
	background:#333;
	font-size:14px;
	line-height:20px;
}

body{
	font-family:helvetica,arial,sans-serif;
}

p,
ul,
ol,
figure,
pre,
form,
blockquote,
div{
	margin-bottom:20px;
}

h1 { margin:-19px -7px 0; position:relative; z-index:100; }
h1 a, h1 a:hover {
    display:block;
    height:90px;
    text-indent:-9999px;
    width:590px;
}
h1 a { background:url("_img/mgr_sprite_big.png") no-repeat scroll -23px -200px transparent; }
h1 a:hover { background:url("_img/mgr_sprite_big.png") no-repeat scroll -23px -110px transparent; }
h2 {
    background:none repeat scroll 0 0 #ffffff;
    font-size:0.8em;
    margin:5px;
    float:right;
    margin-top:-70px;
    margin-right:40px;
    padding:5px 3px 5px 7px;
    width:307px;
    border-radius:7px 7px 0px 0px;
    -webkit-border-radius:7px 7px 0px 0px;
    -moz-border-radius:7px 7px 0px 0px;
    box-shadow:0 -5px 15px #DDDDDD;
    -webkit-box-shadow:0 -5px 15px #DDDDDD;
    -moz-box-shadow:0 -5px 15px #DDDDDD;
}
a:link, a:visited, a:active { color:#4A9E82; }
a:hover { background:lime; color:#222; }
/* headlines */
h2 span { display:block; }
#headline1 { margin:3px 0 0; }
#headline2 { margin:3px 0 3px; }

figure{}
article{}

ul{}
ul li{}
ol{}
ol li{}

label,
input[type="submit"]{
	cursor:pointer;
}

.block{display:block;}
.centre{text-align:center;}

/******** SITE STRUCTURE CODE ********/

#container{
	background: #f2f2f2;
	margin-bottom:0;
	padding:10px;
}

#wrap{
	background:#fff url(_img/mgr_sprite_big_2.png) no-repeat;
	background-position:-25px -365px;
	
	margin:10px;
	padding:10px;
	
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
	box-shadow: 0 0 20px rgba(0,0,0,0.4);

	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position:relative;
}

#left{
}

#left article{
	margin-left:-25px;
	width:95px;
	background:#333;
	margin-bottom:20px;
}

#left article, #left article a{
	color:#f9f9f9;
}

#rating{
	overflow:hidden;
}

#rating li{
	display:inline;
	float:left;
	margin:0;
}

#rating a{
	font-weight:700;
	padding:1px;
	text-decoration:none;
	font-size:13px;
}
#rating a:hover{background:#f9f9f9;color:#333;}

#platform li{
	display:block;
	margin-bottom:10px;
	height:30px;
}

#xbox, #xboxlive, #ps3, #Wii, #PC{
	background:url(_img/mgr_sprite.png) no-repeat;
	display:block;
	height:35px;
	width:95px;
	text-indent:-9999px;
}

#xbox{
    background-position:-301px 0px;
}
#xboxlive{
	background-position:-301px -159px;
}
#ps3{
    background-position:-301px -39px;
}
#Wii{
    background-position:-301px -78px;
}
#PC{
    background-position:-301px -117px;
}

.mgr-360, .mgr-360:hover{
background: #ccc url(_img/mgr_sprite.png) no-repeat scroll -90px -80px;
height: 18px;
text-indent: -9999px;
width: 61px;
display:inline-block;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.mgr-XBLA, .mgr-XBLA:hover {
background: #fff url(_img/mgr_sprite.png) no-repeat scroll -90px -120px;
text-indent: -9999px;
width: 61px;
display:inline-block;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.mgr-PC, .mgr-PC:hover {
background: #888 url(_img/mgr_sprite.png) no-repeat scroll -90px -20px;
text-indent: -9999px;
width: 61px;
display:inline-block;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.mgr-PS3, .mgr-PS3:hover {
background: #888 url(_img/mgr_sprite.png) no-repeat scroll -90px -60px;
text-indent: -9999px;
width: 61px;
display:inline-block;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.mgr-Wii, .mgr-Wii:hover {
background: white url(_img/mgr_sprite.png) no-repeat scroll -90px -40px;
text-indent: -9999px;
width: 61px;
display:inline-block;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

a.full-rate:link, a.full-rate:visited, a.full-rate:active {color:#222; float:right;}
a.full-rate:hover { color:#222; background-color: transparent; }
.rateword { display:none; }
.rate-green {
    background:url(_img/mgr_sprite.png) no-repeat scroll 0 0 transparent;
    /*color:#FFFFFF;*/
    display:inline-block;
    font-size:1.1em;
    font-weight:bold;
    height:18px;
    padding:2px 0 0 7px;
    text-align:right;
    width:70px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
}
.rate-0 { background-position:3px 0; }
.rate-1 { background-position:3px -19px; }
.rate-2 { background-position:3px -39px; }
.rate-3 { background-position:3px -59px; }
.rate-4 { background-position:3px -79px; }
.rate-5 { background-position:3px -99px; }
.rate-6 { background-position:3px -119px; }
.rate-7 { background-position:3px -139px; }
.rate-8 { background-position:3px -159px; }
.rate-9 { background-position:3px -179px; }

article {
    border-bottom:1px solid #d8d8d8;
    margin:0 0 2px;
    min-height:35px;
    overflow:auto;
    padding:3px;
}

#right-container { background:none repeat scroll 0 0 transparent; float:right; min-height:350px; position:relative; width:340px;margin-right:-10px; }
#right-container h3 { 
    background:url("_img/mgr_sprite.png") no-repeat scroll 0 -200px transparent;
    clear:both;
    height:31px;
    line-height:1.3;
    margin:0 -12px 0 3px;
}
.mgr-side-head { 
    background:none repeat scroll 0 0 #EEEEEE;
    color:#888888;
    display:block;
    margin:0 0 0 0;
    padding:2px 5px 1px;
    border-radius:6px 7px 0 5px;
    -webkit-border-radius:6px 7px 0 5px;
    -moz-border-radius:6px 7px 0 5px;
    box-shadow:5px 3px 10px #CCCCCC;
    -webkit-box-shadow:5px 3px 10px #CCCCCC;
    -moz-box-shadow:5px 3px 10px #CCCCCC;
}
.right-side {
    margin:0 0 0 12px;
    padding:5px 7px 5px 10px;
    box-shadow:5px 0 10px #DFDFDF;
    -webkit-box-shadow:5px 0px 10px #DFDFDF;
    -moz-box-shadow:5px 0px 10px #DFDFDF;
}
.right-side li a:link, .right-side li a:visited, .right-side li a:active {
    display:block;
    margin:0 0 3px;
    padding:1px 3px 2px;
}
.right-side li a:hover {  }

/* social icons links */
#social-icons { min-height:20px; overflow:auto; }
#social-icons li { display:inline-block; float:left; margin:0 10px 0 0; }
#social-icons li a:link, #social-icons li a:visited, #social-icons li a:active {  }
#social-icons li a:hover { background-color:transparent; }
/* twitter icon */
a.mgr-followtwitter {
    background:url("_img/mgr_sprite.png") no-repeat scroll -180px -40px transparent;
    display:block;
    height:50px; 
    padding:10px 0 0; 
    width:58px;
}
/* google buzz overrides */
a.google-buzz-button .buzz-counter {
background:url("_img/mgr_sprite.png") no-repeat scroll -242px -40px transparent !important;
height:50px !important;
margin-right:16px !important;
padding:3px 0 0 0 !important;
text-shadow:none !important;
width:48px !important;
}
/* facebook icon and counter overrides */
.fb_share_count_top {
border:1px solid #DDDDDD !important;
line-height:28px !important;
margin-bottom:3px !important;
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
}
.fb_share_count {
background:none repeat scroll 0 0 transparent !important;
}
.fb_share_count_inner {
background:none repeat scroll 0 0 transparent !important;
}
.fb_share_count_nub_top  { /* the triangle on the speach bubble */
top:27px !important;
}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
line-height:9px !important;
}
.FBConnectButton_Small .FBConnectButton_Text {
margin-left:12px !important;
padding:2px 2px 3px !important;
}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
background-position:-3px -233px !important;
}
.FBConnectButton .FBConnectButton_Text, .FBConnectButton_RTL .FBConnectButton_Text  {
font-weight:normal !important;
}

#search {
    background:url("_img/mgr_sprite_big_2.png") no-repeat scroll 0 0 transparent;
    height:95px;
    width:980px;
    position:relative;
    z-index:70;
    margin-left:-35px;
}
form#searchform {
    background:none repeat scroll 0 0 transparent;
    margin:1px 12px 0;
    padding:20px 0;
    position:relative;
    border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    -moz-border-radius:7px 7px 0 0;
}
form#searchform fieldset { position:relative; width:600px; }
form#searchform label {
    background:none repeat scroll 0 0 #FFFFFF;
    border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-style:solid none solid solid;
    border-width:2px 0 2px 2px;
    float:left;
    font-size:1.5em;
    font-weight:bold;
    margin:0 -5px 0 17px;
    padding:6px 10px 6px 5px;
    border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius:10px 0 0 10px;
}
form#searchform input{
    border-color:#CCCCCC;
    border-style:solid none solid none;
    border-width:2px 0px 2px 0;
    float:left;
    font-size:1.3em;
    height:17px;
    line-height:1;
    padding:8px 5px 7px;
    width:410px;
}


.clearfilter {
    background:none repeat scroll 0 0 white;
    border:2px solid #CCCCCC;
    display:inline-block;
    font-size:0.9em;
    font-weight:bold;
    height:20px;
    margin:0;
    padding:6px 10px 6px;
    -webkit-border-radius:0 10px 10px 0;
    -moz-border-radius:0 10px 10px 0;
    border-radius:0 10px 10px 0;
}