/*
-------------------------------------------------------------- 
Project: DR2 Product Site
Author: Josh Griffey
Module: Global
Date: 3/05/10
Template By : Josh Griffey, smalljapamnesesoldier.com || All Rights Reserved
-------------------------------------------------------------- 
*/


/*
-------------------------------------------------------------- 
GLOBAL 
-------------------------------------------------------------- 
*/ 
html { width:100%; height:100%; }

body { color:#fff; font-size:62.5%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  margin:0px; padding:0px; background:#000 url(/images/graphics/_base.jpg) no-repeat top fixed; } 

h2 { font-size:200%; line-height:1.1; color:#fff; padding-bottom:25px; }
h3 { font-size:100%; color:#fff; text-transform:uppercase; } 
h4 { font-size:120%; line-height:1.2; color:#000; } 
h5 { font-size:120%; line-height:1.3; color:#000 } 
h6 { font-size:120%; line-height:1.3; color:#000 } 
h1, h2, h3, h4, h5, h6 { font-weight:bold; } 
  
p { font-size:110%; line-height:120%; }
strong { font-weight:bold; }
a { color:#ff0000; text-decoration:none; outline:none;   }
a:hover { text-decoration:underline;  }
a.white	{ color: #FFF;}

xa:visited { color:#666; }
em { font-style:italic; }

* { margin: 0; padding:0; }
ul { list-style:none; }
p { padding-bottom:25px; line-height:1.4; }

img { border:none; }

.floatLeft { float:left; }

a.button { background:url(/images/graphics/button/rcap.gif) no-repeat top right; color: #fff; display: block; float: left; height: 24px; padding-right: 7px; text-decoration: none; }
a.button:hover { color:#000; }
a.button span { background:url(/images/graphics/button/lcap.gif) no-repeat; display: block; padding: 3px 0 3px 7px; height:18px; font-size: 120%; text-transform: uppercase; } 

a.button2 { background:url(/images/graphics/button/rcap2.gif) no-repeat top right; color:#fff; display:block; float:left; height:39px; text-decoration:none; }
a.button2.selected { color:#ff0000; }
a.button2:hover { color:#ff0000; }
a.button2 span { background:url(/images/graphics/button/lcap2.gif) no-repeat; text-transform:uppercase; font-size:200%; display: block; padding:10px 15px; } 

a.button3 { background:url(/images/graphics/button/leader_tabs.gif) repeat-x top right; color:#fff; display:block; float:left; height:39px; text-decoration:none; }
a.button3.selected { color:#ff0000; }
a.button3:hover { color:#ff0000; }
a.button3 span { text-transform:uppercase; font-size:200%; display: block; padding:7px 15px; } 


#packs { width:575px; padding:10px 0 0 30px; float:left; } 
#case { float:left; }
#dvdText { width:240px; float:left; padding:30px 15px 0; }


#agegate a { outline:none; border:none; }
img { border:none; }
#agegate  p { color:#F00; }
#agegate h3 { font-weight:bold; font-size:10px; text-transform:uppercase; color:#FFF; text-align:center; xpadding-top:200px; padding-top:20px; }
#agegate #wrapper { margin:0 auto; width:959px; padding-top:40px; }
#agegate #splash { background:url(/images/graphics/gate.jpg) no-repeat; height:453px; width:959px; text-indent:-999px; }
#agegate #watch { width:124px; margin:0 auto; xpadding-top:40px; }
#agegate #logos { width:329px; margin:0 auto; padding-top:40px; }
#agegate #main { text-align:center; }
#agegate ul { width:324px; margin:0 auto; }
#agegate ul li { float:left; list-style:none; padding-right:10px;  }


/*
-------------------------------------------------------------- 
LAYOUT
-------------------------------------------------------------- 
*/  
#agegate { background:#000; xwidth:500px; xmargin:auto; xpadding:100px; xmargin-top:200px;}
#gateLogo { width:226px; margin:auto; }
#main p { text-align:center; padding-bottom:10px; text-transform:uppercase; font-weight:bold;  }

/*
-------------------------------------------------------------- 
GENERAL 
-------------------------------------------------------------- 
*/


#wrapper { width:960px; margin:0 auto; }
#logo { background:url(/images/graphics/_drLogo.gif) no-repeat; height:80px; width:226px; float:left; margin-bottom: 21px;}
#logo a { display: block; height:80px; width:226px;}
#lang { float:right; padding:15px 10px 10px 10px; width: 120px; height: 35px; font-size: 120%; margin-right: 129px;}
#lang ul	{ list-style: none; margin-top: 2px;}
#lang ul li	{ float: left; margin-right: 4px;}
#lang ul li.last	{ float: left; margin-right: 0px;}
#header { } 
#content { } 
#contentHeader { background:url(/images/graphics/contentHeader.gif) no-repeat; height:109px; margin-left:20px; z-index:-1; position:relative; }
#chuck { height:237px; width:617px; background:url(/images/graphics/headerChuck.gif) no-repeat; position:absolute; top:-128px; right:-95px; z-index:-1; }

#cols { background:#000; padding-bottom: 0px; /*padding-bottom: 34px;*/ }
#leftCol { width:245px; float:left; background:#000; padding:45px 30px 45px 45px; }
#rightCol { width:640px; float:left; }

#katey { float:left; padding-top:15px; }
.videoItem { float:left; width:95px; }
.firstChild { padding-right:10px; }
.videoItem p { font-size:10px; padding-bottom:0; font-weight:bold; }

#home video, #home object	{ margin-top: 20px;}

#leaderBoard	{ float: left; background: url(../images/graphics/notebook_bg.png) no-repeat; width:322px; height:213px; margin-top: 5px;}

/*
-------------------------------------------------------------- 
MEDIA - video
-------------------------------------------------------------- 
*/

#vidPlayer	{ width: 640px; height: 360px;}
.vidTitle { float:left; padding-left: 25px; }
.vidTitle h2 { padding-bottom:0; padding:22px 0 0 15px; }
.vidDecription { clear:left; width:570px; padding:10px 0 0 40px; }

#media #rightCol li { margin-bottom:10px; cursor: pointer; }

.mediaImgPadding { padding:0 10px 10px 0;}
.LCmediaImgPadding { padding:0 0 10px 0;}

#media .mediaImgPadding { padding:0 10px 10px 0; width: 198px; height:140px; float:left;}
#media .LCmediaImgPadding { padding:0 0 10px 0; width: 198px; height:140px; float:left;}
#media .mediaImgPadding a,
#media .LCmediaImgPadding a { padding-bottom: 5px; cursor:pointer;}


#pressPack { padding:20px 0 45px 45px; width:410px; }

.hide		{ display: none;}

/*
-------------------------------------------------------------- 
NAVIGATION
-------------------------------------------------------------- 
*/
#navigation { height:30px; width:796px;padding-top:9px;  }
#navigation a { display:block; height:25px; color:#e8e9e4; text-indent:-9999px; }

#home #nav1 { background:url(/images/en/nav.gif) 0 -123px no-repeat; }
#nav1 { height:30px; background:url(/images/en/nav.gif) no-repeat; width:66px; float:left;  }
#nav1:hover { background:url(/images/en/nav.gif) 0 -123px no-repeat;}

#features #nav2 { background:url(/images/en/nav.gif) -70px -123px no-repeat; }
#nav2 { height:30px; background:url(/images/en/nav.gif) -70px 0 no-repeat; width:118px; float:left;  }
#nav2:hover { background:url(/images/en/nav.gif) -70px -123px no-repeat; }

#media #nav3 { background:url(/images/en/nav.gif) -192px -123px no-repeat; }
#nav3 { height:30px; background:url(/images/en/nav.gif) -192px 0 no-repeat; width:82px; float:left;  }
#nav3:hover { background:url(/images/en/nav.gif) -192px -123px no-repeat; }

#buy #nav4 { background:url(/images/en/nav.gif) -277px -123px no-repeat; }
#nav4 { height:30px; background:url(/images/en/nav.gif) -277px 0 no-repeat; width:135px; float:left; }
#nav4:hover { background:url(/images/en/nav.gif) -277px -123px no-repeat; }

#leaders #nav5 { background:url(/images/graphics/nav.gif) -335px -123px no-repeat; }
#nav5 { height:30px; background:url(/images/graphics/nav.gif) -335px 0 no-repeat; width:169px; float:left; }
#nav5:hover { background:url(/images/graphics/nav.gif) -335px -123px no-repeat; }


/*
-------------------------------------------------------------- 
COLUMNS
-------------------------------------------------------------- 
*/
#media #leftCol2 { padding-left:45px;  clear:both; width:410px; float:left; }
#media #rightCol2 { padding-left:49px;  width:410px; float:left; }

#features #leftCol { width:495px; }
#features #rightCol  { width:330px; }

#features #image, #features #copy { float:left; } 
#features #copy { width:540px; padding:20px 0 0 20px; }
#features #cols { padding:20px; }
#features h2 { padding-bottom:10px; }

.supportingImgs { padding-top:10px;  }

#leaders #leftCol { width:480px; padding-right:0; }
#leaders #rightCol  { width:330px; }
#media #leftCol { width:640px; padding:45px 0 45px 45px;   }
#media #rightCol { width:200px; padding:91px 0 0 30px; }



/*
-------------------------------------------------------------- 
BUY / PREORDER
-------------------------------------------------------------- 
*/

#buy #cols		{ padding-top: 20px;}

#buy #leftCol	{ width:450px; clear:both; padding:25px 30px 25px 45px;}
#buy #leftCol h2	{ padding-bottom: 15px;}

#buy #leftCol ul	{ list-style: disc; margin: 0px 10px 0px 15px; font-size: 110%;}
#buy #leftCol ul li	{ margin-bottom: 15px;}
#buy #leftCol ul ul	{ list-style: circle; margin: 0px 10px 0px 15px; }
#buy #leftCol ul ul li	{ margin-bottom: 0px;}

#buy #leftCol .preorder	{ font-size: 140%; margin-bottom: 20px; clear:both;}
#buy #leftCol .preorder p	{ padding-bottom: 10px;}
#buy #leftCol .preorder img	{ float: left;}

#buy #rightCol	{ width:380px; text-align: center;}
#buy #rightCol p	{ font-size: 140%;}
#buy #rightCol img	{ margin: 25px 0px 0px 0px; }


#buy #leftCol .preorder div { height: 50px; margin: 5px 30px 5px 0px; float: left;}
#buy #leftCol .preorder a	{ text-decoration: none;}
#buy #leftCol .preorder h2	{ padding:  25px 0px 0px; margin: 0px; font-size: 130%; display: inline-block; height: 50px;}
#buy #leftCol .preorder img	{ margin-right: 10px;}




/*
-------------------------------------------------------------- 
LEADER BOARD
-------------------------------------------------------------- 
*/

#leaders table.leader	{ font-size: 120%; margin: 15px 0px; text-align:left;}
#leaders table.leader th	{ color: #696969; font-size: 130%; padding: 8px 0px;}
#leaders table.leader td	{ padding: 3px 1px; color:#FFF; border-bottom: 1px solid #3c3c3c;}

/* Home page leader board */
#leaderBoard	{ padding: 0px 12px 0px 22px; width: 288px;}
#leaderBoard table.leader	{ font-size: 120%; margin: 20px 0px 10px; text-align:left; color:#000; font-weight: bold;}
#leaderBoard table.leader th	{ font-size: 130%; padding: 10px 5px 2px;}
#leaderBoard table.leader td	{ padding: 1px 5px;}

/*
-------------------------------------------------------------- 
OVERWRITE
-------------------------------------------------------------- 
*/



#pressPack h2, #leftCol2 h2, #rightCol2 h2 { padding-bottom:0; float:left; }
#button { padding:3px 0 20px 10px; display:inline-block; }




/*
-------------------------------------------------------------- 
FOOTER
-------------------------------------------------------------- 
*/
#footer-splatter	{ height: 450px; background: url(/images/graphics/blood_bottom.png) 230px 205px no-repeat;}
#features #footer-splatter, #media #footer-splatter, #buy #footer-splatter, #leaders #footer-splatter	{ height: 264px; background: url(/images/graphics/blood_bottom.png) 210px 30px no-repeat;}

#footer { background:url(/images/graphics/homeFooter.gif) no-repeat; height:232px; }
#features #footer, #media #footer, #buy #footer, #leaders #footer { background:url(/images/graphics/footer.gif) no-repeat; margin-left:30px; height:232px; text-align: right; padding: 25px 0px 0px 0px; }

#footer .logos_L	{ float: left; padding: 45px 0px 0px 5px; clear:both; }
#footer .logos_R	{ float: right; padding: 15px 70px 0px 0px; text-align:right; }
#footer .logos_R img	{ margin:12px 0px 10px 0px;}

#home #footer .logos_L	{ padding: 15px 0px 0px 50px;}
#home #footer .logos_R	{ padding: 0px 40px 0px 0px;}
#home #footer .logos_R img	{ margin: 0px 0px 10px 0px;}

#footer #logos1		{ background: url(/images/graphics/footer_logos.gif) -220px 0px no-repeat; float:right; height:80px; width:220px;}
#footer #logos1 a	{ height:80px; width:220px; display:block; text-decoration: none;}

#footer #logos2		{ background: url(/images/graphics/footer_logos.gif) -68px 0px no-repeat; float:right; height:56px; width: 152px;}
#footer #logos2 a	{ height:56px; width: 152px; display:block; text-decoration: none;}

#footer #logos3		{ background: url(/images/graphics/footer_logos.gif) 0px 0px no-repeat; float:right; height:56px; width:68px;}


/*
-------------------------------------------------------------- 
OTHER
-------------------------------------------------------------- 
*/

.NoPadding { padding:0; padding-left:0; padding-right:0; padding-bottom:0; padding-top:0; }
.padding { padding-left:12px; }
.selected { color:#ff0000; }


/*
-------------------------------------------------------------- 
Tabs
-------------------------------------------------------------- 
*/

.tab_container { overflow: hidden; clear: both; float: left; width: 100%; }
.tab_content { padding: 20px; }
ul.tabs { border-bottom:1px solid #da1414; float: left;	list-style: none; width: 100%; }
ul.tabs li { float: left; position: relative; }
ul.tabs li a { display: block; outline:none; }

#gallery {
		background-color: #444;
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

/*
-------------------------------------------------------------- 
Features Tab Nav
-------------------------------------------------------------- 
*/

#features ul.tabs  { }
#features ul.tabs li { text-indent:-999px; width:105px; height:80px; }

#game a { background:url(/images/en/subNav.gif) no-repeat; height:80px;}
#game a.active, #game a:hover { background:url(/images/en/subNav.gif) 0 -90px no-repeat; height:80px;}

#char a { background:url(/images/en/subNav.gif) -210px 0 no-repeat; height:80px; }
#char a.active, #char a:hover { background:url(/images/en/subNav.gif) -210px -90px no-repeat; }

#weap a { background:url(/images/en/subNav.gif) -105px 0 no-repeat; height:80px; }
#weap a.active, #weap a:hover { background:url(/images/en/subNav.gif) -105px -90px no-repeat; }

#story a { background:url(/images/en/subNav.gif) -315px 0 no-repeat; height:80px; }
#story a.active, #story a:hover { background:url(/images/en/subNav.gif) -315px -90px no-repeat; }


/*
-------------------------------------------------------------- 
CLEAR FLOATS
-------------------------------------------------------------- 
*/
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* hides from IE/Mac \*/
* html .clearfix{ height: 1%; }
.clearfix { display: block; }
/* end hide from IE-Mac */
/*** end clearing hack  ***/
 
.cleaner	{ clear: both;}
 
#codeigniter_profiler{
	display:none; 
}

#gaikai {
    bottom: 0;
    left: 0;
    position: absolute;
}