/*@import url("stylesheet.css");*/

/* High level formatting and structure */
body { margin:0; body: 0; color: #FFF; background: url(../images/background.jpg) no-repeat top center #000000; font-family: NegotiateFree, Arial, Helvetica, sans-serif; line-spacing: 5px; overflow-y: scroll; }
a { margin: 0; padding: 0; text-decoration: none; color: #f7f3ea;}
a:focus { outline: none; }
img { border: 0; }
h1 { margin: 0; padding: 8px 0 0 0; font-weight: bold; color: #f7f3ea; font-size: 1.4em;}
h2 { margin: 0; padding: 5px 0 0 8px; font-weight: bold; color: #d3a550; font-size: 0.9em;} 
h3 { margin: 0; padding: 0; font-weight: normal; color: #f7f3ea; font-size: 0.8em;}
h4 { margin: 0; padding: 5px 0; font-weight: normal; color: #d3a550; font-size: 0.75em;}
p { margin: 0; padding: 8px 0; color: #f7f3ea;	font-size: 0.8em; }
ul { list-style: none; padding: 0; margin: 0; }
li { padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
.button { display: block; }
.top, .content, .bottom { float: left; }
.clearfix { clear:both; }
#container { width: 1000px; margin: 0 auto; }

/* Header formatting */
#headerblock { float: left; position: relative; width: 1000px; height: 165px; }
#headerblock .header { position: absolute; top: 10px; left: 25px; width: 950px; height: 116px; background: url(../images/header.jpg) center bottom;}
#headerblock .header .search_form { position: absolute; top: 0px; left: 50px; width: 100px; height: 25px; }
#headerblock .header .early2011 { position: absolute; top: 25px; left: 75px; width: 122px; height: 40px; background: url(../images/buttons/btn_early.png); }
/*#headerblock .header .early2011:hover { background-position: -122px 0; }*/
#headerblock .header .preordertoday { position: absolute; top: 25px; right: 75px; width: 122px; height: 40px; background: url(../images/buttons/btn_preordertoday.jpg); }
#headerblock .header .preordertoday:hover { background-position: -122px 0; }
#headerblock .header .nav { position: absolute; bottom: 7px; left: 130px; width: 690px; height: 14px;}
#headerblock .header .nav li { float: left; margin: 0 21px; }
#headerblock .header .nav a, #headerblock .header .nav div { display: block; height: 14px; }
#headerblock .header .nav a:hover { background-position: 0 0; }  

#headerblock .header .nav .home { background: url(../images/buttons/btn_home.jpg) -48px 0 no-repeat; width: 48px;}
.sectionhome #headerblock .header .nav .home { background-position: 0 0; }
#headerblock .header .nav .news { background: url(../images/buttons/btn_news.jpg) -48px 0 no-repeat; width: 48px;}
.sectionnews #headerblock .header .nav .news { background-position: 0 0; }
#headerblock .header .nav .game { background: url(../images/buttons/btn_game.jpg) -48px 0 no-repeat; width: 48px;}
.sectiongame #headerblock .header .nav .game { background-position: 0 0; }
#headerblock .header .nav .preorder { background: url(../images/buttons/btn_preorder.jpg) -96px 0 no-repeat; width: 96px;}
.sectionpreorder #headerblock .header .nav .preorder { background-position: 0 0; }
#headerblock .header .nav .media { background: url(../images/buttons/btn_media.jpg) -53px 0 no-repeat; width: 53px;}
.sectionmedia #headerblock .header .nav .media { background-position: 0 0; }
#headerblock .header .nav .blog { background: url(../images/buttons/btn_blog.jpg) -44px 0 no-repeat; width: 44px;}
.sectionblog #headerblock .header .nav .blog { background-position: 0 0; }
#headerblock .header .nav .forum { background: url(../images/buttons/btn_forum.jpg) -58px 0 no-repeat; width: 58px;}
.sectionforum #headerblock .header .nav .forum { background-position: 0 0; }
#headerblock .header .nav .shop { background: url(../images/buttons/btn_shop.jpg) -45px 0 no-repeat; width: 45px; margin-right: 0;}
.sectionshop #headerblock .header .nav .shop { background-position: 0 0;}

/* Disabled Buttons */
/*#headerblock .header .nav .game { background: url(../images/buttons/btn_game_disabled.jpg) 0 0 no-repeat;}
#headerblock .header .nav .media { background: url(../images/buttons/btn_media_disabled.jpg) 0 0 no-repeat; }
#headerblock .header .nav .news { background: url(../images/buttons/btn_news_disabled.jpg) 0 0 no-repeat;}*/

#headerblock .subscribe { position: absolute; bottom: 0; right: 100px; width: 173px; height: 25px; }
#headerblock .subscribe p { float: left; padding: 4px 0; color: #d3a550; font-weight: normal;}
#headerblock .subscribe li { float: right; margin-left: 3px; border: 0; }
#headerblock .subscribe a { border: 0; }

/* Content Block Layout */
#contentblock { float: left; position: relative; width: 1000px; }
#contentblock .pane { float:left; background: no-repeat center center;}

/* Full width pane*/
#contentblock .fullpane { width: 1000px;}
#contentblock .fullpane .item { width: 805px; margin: 10px auto; background: no-repeat 0 0;}
#contentblock .fullpane .item .top { float: left; width: 805px; }
#contentblock .fullpane .item .bottom { float: left; width: 805px; }

/* Not Full width item pane */
#contentblock .itempane { width: 690px;}
#contentblock .itempane li { float:left; margin: 10px 0 10px 97px; background: no-repeat 0 0;}

/* Side pane */
#contentblock .sidepane { width: 310px;}
#contentblock .sidepane li { float:left; width: 198px; margin: 10px 0 10px 14px; }
#contentblock .sidepane li .top { width: 198px; height:29px; background: url(../images/panels/side_panel_top.png); }
#contentblock .sidepane li .content { width: 198px; background: url(../images/panels/side_panel_middle.png); }
#contentblock .sidepane li .bottom { width: 198px; height:7px; background: url(../images/panels/side_panel_bottom.png); }

/* Footer Block Layout */
#footerblock { float: left; position: relative; width: 1000px; }
#footerblock .links { float: left; width: 1000px; margin: 10px 0; }
#footerblock .links li { float: left; text-align: center; margin: 15px 0; display: block;}
#footerblock .links .firstrow li { width: 200px; }
#footerblock .links .secondrow li { width: 125px; }
#footerblock .text { float: left; width: 850px; height: 103px; margin: 10px 75px; background: url(../images/footer_text.png);}