/* CSS Document */

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:FFFFFF;
    background-image:url(bg.jpg);
    background-attachment:fixed;
    background-repeat:no-repeat;
    background-position:top center;
    margin-top: 0px;
}
.Headline {
    font-family: "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #1b1b1b;
    line-height: 22px;
}
.Body {
    font-family: "Lucida Sans Unicode", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    line-height: 18px;
}

.about {
    font-size: 10px;
    line-height: 12px;
}

.MoreLnks {
    font-family: "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #34afe8;
    line-height: 22px;
}
A:link {
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #ff0000;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
}
A:visited {
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #ff0000;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
}
A:active {
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #ff0000;
    text-decoration: none;
    font-size: 12px;
    line-height: 22px;
}
A:hover {
    font-family: "Lucida Sans Unicode", sans-serif;
    color: #ff0000;
    text-decoration: underline;
    font-size: 12px;
    line-height: 22px;
}
.Head {

    font-family: "Lucida Sans Unicode", sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 18px;
}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:1px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

#simplemodal-container a.modalCloseImg {
    background-repeat: no-repeat;
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/x.png');
}

#simplemodal-container > a.modalCloseImg {background-image: url(x.png); filter: none;}

/* GENERAL */

#outer {
    width: 918px;
    margin: 0 auto 0 auto;
}

#toppanel {
    width: 918px;
    height: 299px;
}

#titlebar {
	width: 918px;
	height: 40px;
}

#title-lhs {
	float: left;
	width: 611px;
	height: 40px;
    background-repeat: no-repeat;
}

#title-lhs.home {
    background-image: url(home_header.gif);
}

#title-lhs.news {
    background-image: url(news_header.gif);
}

#title-lhs.iphone {
    background-image: url(iphone_header.gif);
}

#title-lhs.psp {
    background-image: url(psp_header.gif);
}

#title-lhs.wii {
    background-image: url(wii_header.gif);
}

#title-lhs.f1-2010 {
    background-image: url(f12010_header.gif);
}

#title-lhs.community {
    background-image: url(community_header.gif);
}

#title-rhs {
	float: right;
	width: 307px;
	height: 40px;
    background-image: url(nav-top.gif);
    background-repeat: no-repeat;
}

#title-rhs .outer {
    width: 307px;
    height: 29px;
}

#title-rhs .inner {
	float: right;
    padding: 5px 8px 0 0px;
    width: 136px;
    height: 24px;
}

#nav-outer {
    width: 903px;
    height: 74px;
    padding: 0 0 0 15px;
}

#nav-home {
    float: left;
    width: 140px;
    height: 29px;
    padding: 0 0 45px 0;
    margin: 0 0 0 0; /*15px;*/
    background-image: url(home_base1.gif);
    background-position: center 29px;
    background-repeat: no-repeat;
    font-size: 0;
}

#nav-game {
    float: left;
    width: 140px;
    height: 29px;
    padding: 0 0 45px 0;
    margin: 0 0 0 0px;
    background-image: url(f1_base1.gif);
    background-position: center 29px;
    background-repeat: no-repeat;
    font-size: 0;
}

#nav-news {
    float: left;
    width:140px;
    height: 29px;
    padding: 0 0 45px 0;
    margin: 0 0 0 0px;
    background-image: url(news_base1.gif);
    background-position: center 29px;
    background-repeat: no-repeat;
    font-size: 0;
}

#nav-social {
    float: left;
    width:483px;
    height: 29px;
    padding: 0 0 45px 0;
    margin: 0 0 0 0px;
    background-image: url(nav_base1.gif);
    background-position: center 29px;
    background-repeat: no-repeat;
    font-size: 0;
}

#nav-social .outer {
	width: 483px;
	height: 29px;
	background-image: url(nav-top.gif);
}

#nav-social .inner {
	padding: 5px 0 0 257px;
	width: 201px;
	height: 24px;
}

#legals-outer {
    width: 918px;
    height: 48px;
}

/* HOME PAGE */

#player-news {
    width: 918px;
    height: 459px;
}

#player-outer {
    float: left;
    width:611px;
    height: 454px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#news-outer {
    float: right;
    width: 307px;
    height: 454px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#news-outer .top {
    width: 307px;
    height: 75px;
    font-size: 0;
}

#news-outer .item-outer {
    width: 307px;
    height: 83px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
    background-image: url(homenews-bg.gif);
    background-repeat: no-repeat;
}

#news-outer .item-inner {
    width: 254px;
    height: 83px;
    padding: 0 30px 0px 23px;
    margin: 0 0 0 0px;
}

#news-outer .item-more {
    width: 307px;
    height: 44px;
    font-size: 0;
}

#feature-signup {
    width: 918px;
    height: 222px;
}

#feature {
    float: left;
    width: 611px;
    height: 222px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#signup {
    float: right;
    width: 307px;
    height: 217px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#signup-inner {
    width: 307px;
    height: 217px;
}

/* GAME INFO PAGE */

#nav-home.game {
    background-image: url(home_base2.gif);
}

#nav-home.psp,
#nav-home.iphone {
    float: left;
    width: 140px;
    height: 74px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0; /*15px;*/
    background-image: none;
}

#nav-game.game {
    padding: 29px 0 0 0;
    background-position: center top;
    background-image: url(f13.gif);
}

#nav-news.game {
    background-image: url(news_base2.gif);
}

#nav-news.iphone {
    background-image: url(news_base_iphone2.gif);
}

#nav-social.game {
    background-image: url(nav_base2.gif);
}

#media-about {
    width: 918px;
    height: 671px;
}

#media-outer {
    float: left;
    width: 611px;
    height: 671px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#about-outer {
    float: right;
    width: 307px;
    height: 671px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
}

#about-outer .top {
    width: 307px;
    height: 61px;
    font-size: 0;
}

#about-outer .info {
    width: 307px;
    height: 368px;
    padding: 0 0 0px 0;
    margin: 0 0 0 0px;
    background-image: url(about_bg.gif);
    background-repeat: repeat-y;
}

#about-outer .info div {
    width: 252px;
    height: 358px;
    padding: 10px 35px 0px 20px;
    margin: 0 0 0 0px;
}

#about-outer .pic {
    width: 307px;
    height: 242px;
    font-size: 0;
}

/* NEWS LIST PAGE */

#nav-home.news {
}

#nav-game.news {
}

#nav-news.news {
}

#nav-social.news {
}

#news-list {
    width: 918px;
}

#news-list .article {
    width: 838px;
    height: 133px;
    padding: 10px 47px 11px 33px;
    margin: 0 0 0 0px;
    background-image: url(newsfront_bg.gif);
    background-repeat: no-repeat;
}

#news-list .pic {
    float: left;
    width: 252px;
    height: 133px;
    padding: 0 19px 0px 0;
    margin: 0 0 0 0px;
}

#news-list .main {
    float: left;
    width: 567px;
    height: 133px;
    padding: 0 0px 0px 0;
    margin: 0 0 0 0px;
}

#news-list .info {
    width: 567px;
    height: 105px;
    padding: 0 0px 0px 0;
    margin: 0 0 0 0px;
}

#news-list .more {
    width: 67px;
    height: 28px;
    padding: 0 0px 0px 500px;
    margin: 0 0 0 0px;
}

#news-list .pages-outer {
    width: 168px;
    height: 25px;
    padding: 30px 0px 0px 750px;
    margin: 0 0 0 0px;
    background-image: url(newsp_basebg.gif);
    background-repeat: no-repeat;
}

#news-list .pages-inner {
    width: 143px;
    height: 25px;
    padding: 0 25px 0px 0;
    margin: 0 0 0 0px;
    text-align: right;
}

/* NEWS ARTICLE PAGE */

#article-outer {
	position: relative;
	width: 918px;
	padding: 10px 0 0 0;
	background-image: url(news_artbg_top.gif);
	background-repeat: no-repeat;
}

#article-inner {
	position: relative;
	width: 918px;
	padding: 0 0 10px 0;
	background-image: url(news_artbg_bot.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#article-content {
	padding: 10px;
	margin: 18px 14px 10px 16px;
	width: 868px;
}

.article-pic {
	float: left;
	display: block;
	margin: 0 6px 3px 0;
	padding: 9px 10px 10px 9px;
	width: 371px;
	height: 212px;
	background-image: url(bigpic_bg.jpg);
	background-repeat: no-repeat;
}

#back-outer-bot {
	position: absolute;
	top: 100%;
	left: 848px;
	width: 52px;
	height: 18px;
}

#back-inner-bot {
	position: absolute;
	top: -30px;
	left: 0px;
	width: 52px;
	height: 18px;
}

#back-top {
	position: absolute;
	top: 5px;
	left: 848px;
	width: 52px;
	height: 18px;
}

/* COMMUNITY PAGE */

#community-outer {
    position: relative;
    width: 918px;
    padding: 10px 0 0 0;
}

#community-inner {
    position: relative;
    width: 918px;
    padding: 90px 0 80px 0;
    font-size: 0;
    text-align: center;
}

#community-inner img {
	margin: 0 4px; 
}