@charset "utf-8";
/*
	-- -- -- -- -- -- --
	IGN Entertainment: Default layout CSS file
	last edit: 13 Oct 09
	-- -- -- -- -- -- --

	File imports: Reset, Forms, Carousel

*/

@import "reset.css";
@import "forms.css";
@import "slider.css";

/*

	CSS Screeen layout begin:
	
*/

body { font:62.5%/62.5% "Trebuchet MS", Arial, helvetica, sans-serif; background:url(../img/1600x1200-bg.jpg) black no-repeat center top; color:#ccc; }

/******************* =paragraphs */

p, address { font-size:1.4em; line-height:1.5em; margin:0 1em 1em 0; }
p.lge { font-size:1.5em; color:white; margin:.5em 0 1em; }
p em { font-weight:bold; color:#333; }
p strong { color:white; }

#footer p { font-size:1.1em; color:#98A5B5; }
#footer p.sml_print { position:absolute; top:115px; left:10px; margin:0; padding:3px 0 0 87px; background:url(../img/ign_entartainment-logo_footer.png) no-repeat left center; }
#footer p.sml_print em { color:#ccc; }
#footer p.footer_nav span { float:right; color:#333; }

/******************* =links */

a { text-decoration:none; color:#6497B4; font-family:Arial, Helvetica, sans-serif; font-weight:bold; outline:none; }
a span { font-weight:normal; }
a:hover { text-decoration:underline; color:#8ABDDA; }
a.current { color:#8ABDDA; }

#footer p a { position:relative; font-size:1em; line-height:20px; font-weight:normal; }
#footer p a:hover { color:#8ABDDA; border-bottom:1px solid #8ABDDA; text-decoration:none; }

a span.external { display:none; }

/******************* =headings */

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#eee; }
h1 { font-size:2.1em; line-height:2em; }
h2 { font-size:1.9em; line-height:2em; margin-bottom:1em; }
h3 { font-size:1.7em; line-height:2em; color:#8ABDDA; }

/******************* =logo */

#logo { margin:0; }
#logo a { display:block; width:220px; height:100px; margin:0; text-indent:-9999em; background:url(../img/ign_uk-logo.png) no-repeat 0 20px; }

#bluray { position:absolute; right:0; top:0; margin:0; }
#bluray span { display:block; width:198px; height:198px; margin:0; text-indent:-9999em; background:url(../img/bluray_corner-bg.png) no-repeat; }

/******************* =layout */

#body_wrapper { width:100%; }
#content_wrapper { width:950px; margin:0 auto; padding:0; }
#header { position:relative; height:150px; margin:0 0 0 -20px; padding:0; }
#content { width:910px; height:500px; margin:0; padding:20px; overflow:auto; }
#footer { position:relative; clear:both; width:745px; height:150px; margin:450px auto 0; padding:50px 0 0; }

.wrapper { margin:0; padding:0; }

/******************* =video */

#video  { position:relative; width:640px; height:500px; background:url(../img/loading.gif) no-repeat center 140px; }
#video img { margin:0; padding:0; background:url(../img/loading_img.gif) no-repeat center; border:none; }
#video p { position:absolute; width:600px; bottom:0; left:0; margin:0; padding:20px; color:#ccc; }
#video span.alt { margin:0; padding:0; } 

/******************* =navigation */

/* brand nav list */
#brand_nav_sml { width:400px; margin:0 auto; }
#brand_nav_sml li { float:left; border-right:1px solid #142734; border-left:1px solid black; }
#brand_nav_sml li a { position:relative; display:block; height:36px; margin:0 20px; line-height:36px; background:url(../img/brand_nav_sml-bg.png) no-repeat; text-indent:-9999em; }
#brand_nav_sml li a.ign { width:42px; background-position:left center; }
#brand_nav_sml li a.rt { width:92px; background-position:-92px center; }
#brand_nav_sml li a.am { width:138px; background-position:right center; }
#brand_nav_sml li.first { border-left:none; }
#brand_nav_sml li.last { border-right:none; }

.footer_nav { position:absolute; top:137px; right:7px; }

#footer p.top { position:absolute; top:60px; right:0; }
#footer p.top a { display:block; width:74px; height:20px; padding:0 0 0 5px; font-size:.9em; background:url(../img/back_to_top-bg.png) no-repeat left top; }
#footer p.top a:hover { background-position:left bottom; border:none; }

/******************* =lists */
ul { font-size:1.4em; line-height:1.5em; margin-bottom:1em; font-weight:bold; }
ul.prizes { display:block; width:580px; height:65px; background:#233037; margin-left:0px; padding:1em; -moz-border-radius:6px; -webkit-border-radius:6px; }
ul ul { display:block; margin-right:2em; font-size:1em; }
ul li ul.last { margin:0; }
ul li strong { color:white; }

/******************* =images */

img { margin:0 2em 1em; padding:0; background:url(../img/loading_img.gif) white no-repeat center; border:4px solid #233037; }
img.equipment { float:left; margin:.5em 2em 0 0; padding:0; }
a img { margin:0; padding:0 0 4px; background:black; border:1px solid #eee; border-bottom:none; }
a:hover img, .imgcaption a:hover img { background:#E1081E; border-bottom-color:#E1081E; }
.drop { position:relative; margin:0 1.8em 1em; padding:0 0 20px; background:url(../img/img_drop-bg.png) no-repeat center bottom; }
img.left, a img.left, a.left img, a.left .drop { margin-left:0; }
img.right, a img.right, a.right img, a.right .drop { margin-right:0; }

/* zoom on hover for thckbox links */
.zoom { position:absolute; display:block; width:40px; height:40px; right:1px; top:1px; background:url(../img/ico-mag_lens.png) black no-repeat center; text-indent:-9999em; visibility:hidden; }
a:hover .drop .zoom, a:hover .wraped .zoom { visibility:visible; }

/******************* =floats */

.left { float:left; }
.right { float:right; }

/******************* =hr's */

div.hr { clear:both; display:block; height:1px; margin:1em 0; padding:0; background:none; border-top:2px dotted #233037; font-size:1px; line-height:1px; }
div.hr hr { display:none; }

/******************* =icons */

.rss { padding:0 0 0 20px; background:url(../img/rss-bg.png) no-repeat left center; }
.help { padding:0 0 0 25px; background:url(../img/ico_help-bg.png) no-repeat 5px 2px; color:#888; cursor:help; }
p.print a { display:block; float:right; width:30px; height:30px; background:url(../img/ico_print-bg.png) no-repeat left top; text-indent:-9999em; border:none; }
p.print a:hover { border:none; background-position:left bottom; }
.blue { color:#8ABDDA; font-weight:bold; }

/******************* =hide */

.flash-replaced .alt { display:block; width:0; height:0; position:absolute; overflow:hidden; font-size:.5em; }
.hide { position:absolute; left:-9999em; top:-9999em; }
.show { position:relative; left:0; top:0; }
.print_link { display:none; }
#flash_container, .flash-update > p { display:none; }

/******************* =accessibility tweaks */

#accessibility { position: absolute; top: -9999px; font-size:1px; }

/******************* =media */

object, embed { margin:0; padding:0; border:none; background:url(../img/flash-bg.jpg) no-repeat; }
.imgcaption div { background:black; border:3px solid #eee; }
.imgcaption div div.alt { border:none; }
#flash_video { background:url(../img/loading.gif) white no-repeat center; }

/******************* =ign network bar */
.networkBar { text-align: center; background-color: #000; background-image:  url("http://media.ign.com/ign/images/netimp_bg_dark.gif"); background-repeat: repeat-x; border-bottom: 1px solid #000; height: 20px; }
.networkFrame { width: 974px; text-align: left; margin-left: auto; margin-right: auto; background-image: url(http://media.ign.com/ign/imgs/sprite_GifImg.gif); background-repeat: no-repeat; background-position:4px -170px; line-height:1em; }
.networkLinks { padding: 5px 10px 0 180px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333;}
.networkLinks a, .networkLinks a:link, .networkLinks a:visited, .networkLinks a:active { text-decoration:none; color: #bebebe; padding: 0 5px 0 5px; }
.networkLinks a:hover { color: #FFF;}