/*
* HTML 5 Boilerplate 
*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
::-moz-selection{ background: #74AF05; color:#fff; text-shadow: none; }
::selection { background: #74AF05; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #74AF05; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * COD XP Global Styles
 */
html {
	height: 100%;
	overflow-y: scroll;
	background: #000 url(/xp/img/bg_page.jpg) 50% 0 no-repeat;
}
html.home {
	background : #000;
}

body {
	width: 100%;
	height: 100%;
}

body, 
header, 
nav, 
footer, 
div, 
p, 
li, 
td, 
select, 
input, 
textarea {
	font-family: helvetica, arial, sans-serif;
	color : #838383;
}
.white_txt {color: #fefefe;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:active, a:visited { color: #838383; font-weight: normal; text-decoration: none; outline: none; }
a:hover { color: #fff; text-decoration: none; }

#container {
	position: relative;
	text-align: left;
	width : 100%;
	/* min-height : 100%; */
}

.content {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}

h1 {
    background: url("/xp/img/xp_page_titles.png") no-repeat scroll 0 -82px transparent;
    color: #FFFFFF;
    font-size: 50px;
    height: 59px;
    text-indent: -999em;
}

h3 {
    color: #8CB61B;
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0 0 20px;
}


/* breadcrumbs */
.breadcrumb_wrap {
	padding: 64px 0 10px;
}
#breadcrumb {
	float: left;
	width: auto;
	height: 20px;
}
#breadcrumb * {
	vertical-align: bottom;
}
#breadcrumb li {
	display: inline;
	float: left;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -20px no-repeat;
	padding: 0 2px 0 13px;
	font-size: 11px;
	line-height: 18px;
	height: 15px;
	font-weight: bold;
	color: #ddd;
}
#breadcrumb a {
	color: #797979;
	font-weight: bold;
}
#breadcrumb a:hover {
	color: #8cb61b;
}
#breadcrumb #breadcrumb-home {
	background: none;
	padding: 0;
}
#breadcrumb #breadcrumb-home a {
	display: block;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 0 no-repeat;
	width: 13px;
	height: 0;
	padding: 14px 0 0 0;
	overflow: hidden;
}
#breadcrumb #breadcrumb-home a:hover {
	background-position: -20px 0px;
}
hr#nav_line { 
	border-top: 1px solid #292929;
	margin: 0;
	position: absolute;
	top: 105px;
	width: 100%;
}


/* navigation */
#main_nav {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 59px 0 85px;
	z-index: 100;
}
#nav_left,
#nav_left li {
	float: left;
}
#nav_right,
#nav_right li {
	float: right;
}
.xp_nav li {
	display: inline;
	position: relative;
}

.xp_nav li a {
	display: block;
	height: 20px;
	text-indent: -999em;
	background: transparent url(/xp/img/bg_post_nav.png) 0 -15px no-repeat;
	margin-right: 40px;
}
.post_event #nav_home {width: 52px; background-position: -58px -15px; margin-left: 26px;}	/*margin-left: 161px;*/
.post_event #nav_blog {width: 50px; background-position: -147px -15px;}
.post_event #nav_event {width: 95px; background-position: -233px -15px;}
.post_event #nav_photos {width: 70px; background-position: -366px -15px;}
.post_event #nav_tournament {width: 115px; background-position: -472px -15px; margin-right: 77px;}

.post_event #nav_home:hover, 
.post_event.home #nav_home {
	background-position: -58px -45px;
}
.post_event #nav_blog:hover, 
.post_event.blog #nav_blog {
	background-position: -147px -45px;
}
.post_event #nav_event:hover, 
.post_event.event #nav_event {
	background-position: -233px -45px;
}
.post_event #nav_photos:hover, 
.post_event.photos #nav_photos {
	background-position: -366px -45px;
}
.post_event #nav_tournament:hover, 
.post_event.tournament #nav_tournament {
	background-position: -472px -45px;
}

#xp_logo {
	background: transparent url(/xp/img/xp_logo.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: -34px;
	width: 272px;
	height: 190px;
	margin-left: -136px;
	z-index: 200;
}


/* info */
#info_wrap {
	width: 900px;
	margin: 0 auto;
	padding: 9px;
	position: relative;
	overflow: hidden;
}
.transparency {
	width: 918px;
	height: 40000px;
	background-color: #333;
	opacity: 0.3;  
	filter: alpha(opacity=30);  
	-moz-opacity: 0.3; 
	position: absolute;  
	top: 0px;  
	left: 0px;  
	z-index: -1;
}
#xp .content_wrap {
	border: solid 1px  #292929;
	padding: 0px 20px 63px;
	position: relative;
	background-color: #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}


/* sidebar promo */
#xp .cta_ad a {
	display: block;
	background: url(/xp/img/bg_cta_promo.jpg) -1px -121px no-repeat;
	width: 277px;
	height: 78px;
	margin: 0 0 23px 0;
	border: 1px solid #343434;
	text-indent: -999em;
}
#xp #photos_cta a:hover {
	background-position: -280px -121px;
}
#xp #tournament_cta a {
	background-position: -1px -1px;
	padding-bottom: 40px;
}
#xp #tournament_cta a:hover {
	background-position: -280px -1px;
}
#xp #event_cta a {
	background-position: -1px -201px;
}
#xp #event_cta a:hover {
	background-position: -280px -201px;
}


/* Partners */
#partners-wrapper {
	background : #000 url(/xp/img/bg_hp_sponsor.jpg) 50% 0 no-repeat;
	padding: 40px 0 0;
	border-bottom : 1px solid #262626;
	margin : 0 0 30px 0;
	height : 231px;
}
#partners {
	width : 900px;
	margin : 0px auto 0px auto;
	text-align : left;
}
#partners h3 {
	margin: 0 0 3px;
}
#partners h1 {
	background: transparent url(/xp/img/xp_page_titles.png) -9px -513px no-repeat;
	height : 42px;
}
#partners p {
	font-size: 15px;;
	float: left;
	padding: 0;
    margin: 18px 0 0 0;
}
#partners p#xbox {width: 450px; margin-left: 42px;}
#partners p#jeep {width: 224px;}
#partners p#mtndew {width: 140px;}

#partners a {
	display: block;
	height: 110px;
	background-color: transparent;
	background-image: url(/xp/img/bg_hp_partners.png);
	background-repeat: no-repeat;
    text-indent: -999em;
}
#partners #xbox a {
	background-position: 0 0;
	width: 380px;
}
#partners #jeep a {
	background-position: 0 -150px;
	width: 120px;
}
#partners #mtndew a {
	background-position: 0 -300px;
	width: 140px;
}


/* social-links */
#social-links {
	position: fixed;
	top: 204px;
	right: 0;
	list-style:none;
	list-style-image: none;
	z-index: 400;
}
#social-links a {
	display: block;
	background: transparent url(/xp/img/social_links.png) -5px -7px no-repeat;
	width: 40px;
	height: 32px;
	text-indent: -999em;
}
#social-links a#social-twitter { background-position: -5px -39px; }
#social-links a#social-youtube { background-position: -5px -71px; }
#social-links a:hover { background-position: -50px -7px; }
#social-links a#social-twitter:hover { background-position: -50px -39px; }
#social-links a#social-youtube:hover { background-position: -50px -71px; }


/* Footer */
footer {
	color: #ddd;
	background: #000;
	padding: 20px 0;
	text-align: center;
	font-size: 11px;
	position: relative;
	border-top: none;
	margin-top: 90px;
	padding: 0 0 40px;
}
footer #border_btm {
	margin-bottom: 20px;
}
.home footer #border_btm {
	margin-bottom: 0;
}

footer #logos {
	margin: 0 0 20px;
}
footer #logos li {
	display: inline;
	float: left;
	list-style-type: none;
}
footer #logos a {
    background: transparent url(/xp/img/footer-sprite.gif) 0 0 no-repeat;
    display: block;
    height: 107px;
    text-indent: -999em;
}
footer #logos a#footer_logo {
	width: 178px;
	height: 39px;
	background: transparent url(/xp/img/activision_logo.gif) 0 0 no-repeat;
	float: left;
	margin: 35px 390px 0 -10px;
}
footer #logos .esrb-privacy {
    background-position: -281px 0;
    margin-right: 20px;
    width: 144px;
}
footer #logos .pegi {
    background-position: -223px 0;
    margin-right: 20px;
    width: 58px;
}
footer #logos .esrb-rpm {
    background-position: -802px 0;
    width: 98px;
}

footer #policy {
	float: right;
	margin: 12px 0 0;
}
footer #policy li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0 4px 0 15px;
	line-height: 18px;
	height: 15px;
	background: transparent url(/xp/img/xp_breadcrumb.png) 0 -20px no-repeat;
}
footer #policy li.first {
    background: none;
}
footer a, 
footer a:active, 
footer a:visited {
	color: #fff; 
	font-size : 11px;
	font-weight: bold;
}
footer a:hover {
	color: #8cb61b; 
}


/* Jive overwrates */

#xp #jive-body-sidebarcol-container, body#xp.jive-body-people #jive-body-sidebarcol-container, #xp #jive-body-layout-ls .jive-body-layout-s, #xp #jive-body-layout-ls .jive-body-layout-s, #xp #jive-body-layout-sls .jive-body-layout-s2, #xp #jive-body-layout-sls .jive-body-layout-s2, #xp #jive-body-layout-lss .jive-body-layout-s2, #xp #jive-body-layout-lss .jive-body-layout-s2, #xp #jive-body-layout-tls .jive-body-layout-s1, #xp #jive-body-layout-tls .jive-body-layout-s1 {
    padding-right: 0;
    width: 280px;
}
/*
#xp #jive-body-layout-ls .jive-body-layout-s {
	width: 280px; 
}
*/
#xp .lb_overlay{
	background: transparent url(http://www.callofduty.com/xp/img/colorbox/overlay.png) repeat 0 0 !important;
	opacity: 0.9 !important;  
	filter: alpha(opacity=90) !important;  
	-moz-opacity: 0.9 !important; 
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}