/* CSS3 Document */

html,body,form,a img,img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
p {
	margin: 0 0 1em;
}

a {
	color: #9b0013;
}

body,table,td,th,a,p,h1,h2,h3,h4,textarea,input {
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	font-size: 1em;
}
body {
	font-size: 75%;
	line-height: 1.5;
	background: #fff url(/assets/images/body_bg.jpg) 50% 158px repeat-x;
	color: #666;
}

#extraBg {
	background: url(/assets/images/footer_bg.png) 50% 100% no-repeat;
}

.offleft {
	left: -9999px;
	top: -9999px;
	position: absolute;
	width: 1px;
}

#topNav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-width: 700px;
	height: 71px;
	background: url(/assets/images/top_nav_bg.png) 0 0 repeat-x;
	z-index: 4900;
}

* html #topNav { position:absolute; width:100%; }

ul.navbar {
	margin: 0;
	padding: 0;
	list-style: none;
}
#topNav ul.navbar {
	width: 860px;
	padding: 0 210px;
	margin: 0 auto;
}
#topNav li {
	float: left;
	margin: 0 2px;
}
#topNav a {
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 2px 0;
	float: left;
	height: 23px;
	overflow: hidden;
	background: url(/assets/images/top_nav_sprite.png) no-repeat;
}
#topNav img.ir {
	width: 100%;
	display: block;
	visibility: hidden;
	height: 23px;
}
#topNav li.home a {
	width: 54px;
	background-position: 12px 0;
}
#topNav li.media a {
	width: 55px;
	background-position: -47px 0;
}
#topNav li.about a {
	width: 56px;
	background-position: -104px 0;
}
#topNav li.community a {
	width: 85px;
	background-position: -163px 0;
}
#topNav li.news a {
	width: 53px;
	background-position: -253px 0;
}
#topNav li.home a:hover,
#topNav li.home a:active {
	background-position: 12px -30px;
}
#topNav li.media a:hover,
#topNav li.media a:active {
	background-position: -47px -30px;
}
#topNav li.about a:hover,
#topNav li.about a:active {
	background-position: -104px -30px;
}
#topNav li.community a:hover,
#topNav li.community a:active {
	background-position: -163px -30px;
}
#topNav li.news a:hover,
#topNav li.news a:active {
	background-position: -253px -30px;
}

#topNav li.store a {
  background-image: url("/assets/images/top_nav_sprite_STORE.png");
  width: 60px;
}
#topNav li.store a:hover,
#topNav li.store a:active {
	background-position: 0 -30px;
}

body.home #topNav li.home a {
	background-position: 12px -60px;
}
body.media #topNav li.media a {
	background-position: -47px -60px;
}
body.about #topNav li.about a {
	background-position: -104px -60px;
}
body.community #topNav li.community a {
	background-position: -163px -60px;
}
body.news #topNav li.news a {
	background-position: -253px -60px;
}


#header {
	position: relative;
	background: url(/assets/images/header/black_bar.png) repeat-x 0 0;
}
#header .inner {
	margin: 0 auto;
	max-width: 1280px;
	min-width: 954px;
	min-height: 354px;
	overflow: hidden;
	position: relative;
}
* html #header .inner {width:954px;height:354px}
#header img.logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
}
#header img.bigRobot {
	position: absolute;
	top: 31px;
	left: 50%;
	margin-left: -116px;
	z-index: 4950;
}


#contentWrapper {
	width: 954px;
	margin: -134px auto;
	position: relative;
}

#mainContent {
	width: 592px;
	float: left;
}

#mainContent p {
	font-size: 1.09em;
	line-height: 1.5;
}
#mainContent div.footer p {
	font-size: .92em;
}



div.box,
#pagination		{ background: #fff; border: 1px solid #dedede; margin-bottom: 25px; min-height: 1px; padding: 20px; position: relative; }

div.subBox		{ border-top: 1px dotted #dedede; padding-top: 2px; }

h1, h2, h3		{ color: #000; font-weight: bold; line-height: 1.4; margin: 0 0 .8em; }

h1				{ font-size: 1.75em; }
	h1 a		{ color: #000; text-decoration: none; }
	h1 a:hover	{ text-decoration: underline; }

#mainContent h2,
#mainContent h3 { line-height: 1.5;	margin-bottom: 0; }



div.box h1,
#sidebar div.box h2,
#sidebar div.box h3 {
	margin-left: -20px;
	padding-left: 48px;
	position: relative;
	background: url(/assets/images/heading_marker.png) no-repeat 0 50%;
	padding-top: 10px;
	min-height: 27px;
}

div.vSection {
	margin: 3em 0;
}

div.post {
	border-bottom: 1px dotted #dedede;
	margin-bottom: 24px;
}
div.post.featured {
	border-bottom: 0 none;
	margin: 0;
}

p.featured {
	float: left;
	position: relative;
	margin: -9px 0 0 -98px;
	display: inline;
	width: 77px;
	overflow: hidden;
}

a.readMore {
	font-weight: bold;
	padding-left: 16px;
	background: url(/assets/images/read_more_icon.png) no-repeat 0 50%;
	color: #666;
	text-decoration: none;
}
a.readMore:hover,
a.readMore:active {
	text-decoration: underline;
}

div.box .footer {
	border-top: 1px dotted #d5d5d5;
	padding-top: 14px;
	width: 100%; /* for IE7 */
}
ul.tags {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.tags li {
	float: left;
	margin-right: 4px;
}
ul.tags a {
	background: #c0c0c0;
	color: #fff;
	padding: 1px 7px;
	text-decoration: none;
	float: left;
}
ul.tags a:hover,
ul.tags a:active {
	background: #909090;
	text-decoration: none;
}

div.post p.date {
	clear: both;
	background: url(/assets/images/clock_icon.png) no-repeat 0 11px;
	padding: 10px 0 0 16px;
	min-height: 1px; /* for IE7 */
}
a.user {
	color: #aa0018;
	text-decoration: none;
}
a.user:hover,
a.user:active {
	color: #aa0018;
	text-decoration: underline;
}

.image a img {
	padding:2px;
}

/*
----------------------------------------------------
## PAGINATION
----------------------------------------------------
*/

div#pagination {
	text-align: center;
	margin: 0 auto 2px;
	position: relative;
}
* html #pagination {height:1px} /* for IE6 */

#pagination p {
	margin: 0;
}

#pagination a,
#pagination strong,
#pagination span.ellipsis {
	padding: 0 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #888;
	display: inline-block;
	position: relative;
}
#pagination li.current a,
#pagination a:hover,
#pagination a:focus,
#pagination a:active {
	border-color: #666;
}


/*
----------------------------------------------------
## BLOG COMMENTS STYLING
----------------------------------------------------
*/

div#comments {
	padding-bottom: 16px;
	border-bottom: 1px dotted #d5d5d5;
	margin-bottom: 3.3em;
}

a.addComment {
	color: #b01127;
	text-decoration: none;
	font-style: italic;
}
a.addComment:hover,
a.addComment:focus {
	text-decoration: underline;
}

h2.comments {
	font-style: italic;
	font-size: 1.25em;
	color: #767677;
	padding-bottom: 18px;
	border-bottom: 1px dotted #d5d5d5;
}
h2.comments em {
	font-size: 1.67em;
	vertical-align: middle;
}
h2.comments a.addComment {
	font-weight: normal;
	font-size: .8em;
}

p.commentsNum,
a.commentsNum {
	float: right;
	margin-bottom: 0;
}
a.commentsNum {
	background: url(/assets/images/comments_icon.png) no-repeat 0 50%;
	padding-left: 22px;
	color: #666;
	text-decoration: none;
}
a.commentsNum:hover,
a.commentsNum:focus,
a.commentsNum:active {
	color: #666;
	text-decoration: underline;
}

div.comment {
	margin: 1.85em 0;
}
div.comment .head {
	background: url(/assets/images/comments_icon.png) no-repeat 100% 100%;
}
#mainContent div.comment .head .name {
	font-weight: bold;
	font-size: 1.417em;
	color: #666;
	line-height: 1.3;
}
#mainContent div.comment .head p.date {
	margin: 0;
	color: #aaa;
	font-size: .917em;
}
div.comment .body {
	background: #f1f1f1 url(/assets/images/comment_body_bg.png) no-repeat 0 0;
	padding: 16px 9px 1px;
}

#newComment {
	background: #f4f4f4;
	padding: 10px;
}

#newComment h3 {
	color: #666;
	font-size: 1.333em;
	font-weight: normal;
}

#newComment div.field {
	float: left;
	margin: 0 0 .5em 0;
	position: relative;
}

#newComment div#captcha			{ padding-top: 16px; }
#newComment div#captcha img		{ width:238px; }

#newComment div.field.clear		{ clear: left; }

#newComment div.field.first {
	margin-right: 26px;
}
#newComment label {
	color: #666;
	font-weight: bold;
	font-size: .917em;
}
#newComment label span {
	display: block;
}
#newComment label em {
	font-weight: normal;
	font-style: italic;
}
#newComment input,
#newComment textarea {
	border: solid 3px #e3e3e3;
	padding: 4px 3px;
	-moz-box-shadow: 1px 1px #c0c0c0 inset;
	-khtml-box-shadow: 1px 1px #c0c0c0 inset;
	box-shadow: 1px 1px #c0c0c0 inset;
	font-size: 1.09em;
}
#newComment input:focus,
#newComment textarea:focus {
	outline: 0 none;
}
#newComment input {
	width: 238px;
}
#newComment textarea {
	width: 516px;
	padding: 4px;
	overflow: auto;
}

form div.buttons {
	text-align: center;
	clear: both;
	padding: 12px 12px 17px;
}
#newComment button.submit {
	border: 0 none;
	background: transparent;
	padding: 0 2px;
	position: relative;
	margin: 0 auto -2px;
	width: 70px;
}
#newComment button.submit img {
	width: 70px;
	position: relative;
	margin: -1px 0 0 -6px;
}




/*
----------------------------------------------------
## 404 Error Page STYLING
----------------------------------------------------
*/

.error404 div.box h1.error {
	padding: 0;
	background: none;
	text-align: center;
}

.error404 div.box h1.error img {
	display: block;
	position: relative;
	margin: 40px 0 .4em -15px;
	left: 20px;
	width: 585px;
}

.error404 #mainContent h2 {
	font-size: 1.75em;
	color: #666;
	margin-bottom: .2em;
}

.error404 .box ul {
	margin-left: 0;
	padding-left: 20px;
	margin-bottom: .8em;
}

.error404 a.back {
	color: #9b0013;
	font-weight: bold;
	text-decoration: none;
}
.error404 a.back:hover,
.error404 a.back:focus,
.error404 a.back:active {
	text-decoration: underline;
}


/*
----------------------------------------------------
## SIDEBAR STYLING
----------------------------------------------------
*/


#sidebar {
	width: 340px;
	float: right;
}

#demiurge_logo,
#ubisoft_logo,
#esrb_logo {
	text-align: center;
	clear: both;
	margin-bottom: 25px;
}

#sidebar div.box {
	float: left;
	width: 298px;
}

#langOpts .formInner {
	margin-bottom: 14px;
	position: relative;
	width: 100%;
}
#langOpts select {
	width: 296px;
	border: 1px solid #dadada;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#langOpts select,
#langOpts option {
	color: #000;
	background: #eaeaea;
	padding-left: .5em;
}
#langOpts button.offleft:focus {
	top: auto;
	left: auto;
	width: auto;
}

#searchForm input {
	border: 0 none;
	padding: 4px 3px 3px 28px;
	height: 17px;
	width: 206px;
	background: url(/assets/images/search_field_bg.png) no-repeat;
	float: left;
}
#searchForm input.labelHighlight {
	color: #666;
	font-style: italic;
}

#searchForm button.submit {
	border: 0 none;
	background: transparent;
	padding: 0 2px;
	position: relative;
	margin: 0 -2px -2px 0;
	width: 63px;
	float: left;
}
#searchForm button.submit img {
	width: 63px;
	background: url(/assets/images/btn_search.png) no-repeat;
	position: relative;
	margin: 0 0 0 -6px;
}

#searchForm button.submit img, #hideFrom#IE8 {margin: -1px 0 0 -6px}
*:first-child+html #searchForm button.submit img {top:1px}


#sidebar div.box h2 {
	font-size: 1.33em;
	margin-left: -15px;
}
#sidebar div.box .popular h2 {
	font-size: 1.75em;
	margin-left: -20px;
}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar .popular ul,
#sidebar .categories ul {
	width: 320px;
	position: relative;
	margin-right: -40px;
}
#sidebar a {
	color: #999;
	text-decoration: none;
}
#sidebar a:hover,
#sidebar a:focus,
#sidebar a:active {
	color: #999;
	text-decoration: underline;
}
#sidebar ul a {
	font-weight: bold;
}

#sidebar div.popular {
	margin-top: -16px;
	position: relative;
	width: 100%;
}

div.popular li {
	width: 140px;
	float: left;
	margin: 0 20px 20px 0;
}
div.popular img {
	display: block;
}
div.popular span.caption {
	float: left;
	margin-top: -51px;
	position: relative;
	padding: 3px 7px;
	background: #fff;
	color: #aa0018;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
}
div.popular a:hover .caption,
div.popular a:focus .caption,
div.popular a:active .caption {
	text-decoration: underline;
}

div.categories {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
div.categories li {
	float: left;
	width: 138px;
	margin-right: 10px;
}

div.share {
	float: left;
	width: 140px;
}

li.twitter a,
li.facebook a,
li.rssFeed a {
	padding-left: 19px;
	background: url(/assets/images/social_icons_sprite.png) 0 0 no-repeat;
}
li.facebook a {
	background-position: 0 -18px;
}
li.rssFeed a {
	background-position: 0 -35px;
}


div.archives {
	float: right;
	width: 140px;
}



/*
----------------------------------------------------
## FOOTER STYLING
----------------------------------------------------
*/


#footer {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 60px 0;
}
#footer a {
	color: #9b0013;
	text-decoration: none;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: underline;
}
p.copyright {
	float: left;
	margin: 0;
	color: #000;
}
p.copyright a {
	font-weight: bold;
}
#footer .navbar {
	float: right;
	padding-top: .2em;
}
#footer .navbar li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	border-left: 1px solid #000;
	padding-left: 5px;
	line-height: .9;
}
#footer .navbar li.home {
	border-left: 0 none;
}
#footer .navbar a {
	float: left;
	margin: -10px 0;
	padding: 10px 6px;
	position: relative;
}

/*
## ColorBox Styles
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxClose,#cboxNext,#cboxPrevious{cursor:pointer}

#cboxOverlay{background:#000}
	#cboxContent{padding:28px 20px 15px;}
		#cboxLoadedContent{background:#fff; padding:5px;
			-webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000;}
		#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
		#cboxLoadingOverlay{background:#000 url(../images/lightbox/loading.gif) no-repeat 5px 5px;top:28px}
		#cboxClose{position:absolute; top:0; right:15px; display:block; color:#fff; padding: 7px 3px;}
		#cboxNext,#cboxPrevious{display:none;left:0;background: #fff url(../images/lightbox/pagination_arrows.png) no-repeat;width:15px;height:15px;border:solid #fff;border-width:10px 5px;}
		#cboxNext{left:auto;right:0;background-position:100% 0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
		#cboxPrevious{-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
		#cboxContent:hover #cboxNext, #cboxContent:hover #cboxPrevious{position:absolute;top:50%;margin-top:-10px;display:block;}
		#cboxNext:hover{background-position: 100% -60px}
		#cboxPrevious:hover{background-position: 0 -60px}
		
		
		
		

@media print {
	#topNav, #searchForm { display: none; }
}