/* Contains master styles for main layout, typography and page styles */

/*------------------------------------------------------------------------------------
  @group Global Reset
------------------------------------------------------------------------------------*/
* {
    padding:0;
    margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }


.access{ display:none; } /* For accessibility related elements */
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }
a{ outline:none; color: #FFF; }
a img{ border:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}
.image_link { display: block; text-indent: -999em; line-height: 0; font-size: 0; }

/* @end */

html{
    background: #000;
}

body{
    background: none;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 1.0em;
    overflow-y: scroll;
}

ul { 
    list-style: none;
}

p { 
   color: #FFF; 
}

h1 { color: #FFF; font-size: 1.2em; }

/* SE Bar */
#membership-bar-header-bg { width: 100%; top: 0; left: 0; border-bottom: 1px solid #FFF; }
#membership-bar-header { width: 970px; color: #FFF; }
#membership-bar-header #se-logo { left: 6px; }

.shadow { position: fixed; background: url(../images/backgrounds/b_shadow.png); top: 0; right: 0; left: 0; bottom: 0; z-index: 5; }
.hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }

/*------------------------------------------------------------------------------------
  @group High level page structure
------------------------------------------------------------------------------------*/

div.site_container { width: 1000px; margin: 10px auto 0; }
header.site_header { width: 1000px; height: 200px; position: relative; }
header.site_header h1.logo { position: absolute; top: 25px; left: 0px; }
header.site_header h1.logo a { display: block; width: 336px; height: 76px; }
header.site_header nav.site_nav { position: absolute; top: 125px; left: 10px; font-family: Arial Black, sans-serif; }
header.site_header nav.social_nav { position: absolute; top: 143px; right: 10px; width: 170px; }
header.site_header div.splash { position: absolute; width: 0; height: 0; }
div.site_content { width: 1000px;  position: relative; }
div.site_content section { position: relative; }
footer.site_footer { width: 1000px; height: 144px; position: relative; }
footer.site_footer div { position: absolute; left: 10px; width: 300px; height: 38px; background: url(../images/icons/i_eidos.png) no-repeat; font-size: 0.7em; padding: 3px 0 0 115px; }
footer.site_footer div a { padding: 2px 2px 0 0; }
footer.site_footer a.logo { position: absolute; top: 45px; left: 10px; height: 60px; background: url(../images/general/g_footer_logos.jpg); }
footer.site_footer a.logo.esrb { width: 152px; }
footer.site_footer a.logo.rating { left: 172px; width: 188px; background-position: -152px 0; }
footer.site_footer ul { position: absolute; top: 5px; left: 600px; font-size: 0.7em; }
footer.site_footer ul li h3 { color: #6e94ee; font-size: 1.0em; }
footer.site_footer ul.em { left: 600px; }
footer.site_footer ul.community { left: 750px; }
footer.site_footer ul.social { left: 750px; top: 90px; }
footer.site_footer ul.square { left: 900px; }
footer.site_footer ul.games { left: 900px; top: 90px; }