/* ----------------------

	PROJECT COLORS
	
	
----------------------- */
body { color:#ddd; font-family: Arial, sans-serif; font-weight:400;background:#000 url(/img/background-fall2010.jpg) center top no-repeat; }
a { color:#FFF; }
a:hover { color:#cf0; }
h2 { background:#303941; color:#FFF; padding:.5em; font-size:1em; font-weight:bold; }

.ir { text-indent:-9999px; outline:none; border:none; }
.container { position:relative; }
.fff { color:#FFF; }
.box { background:none; }
.error h1,.error h2,.error h3,.error h4,.error h5,.error h6 { color:#8a1f11; font-weight:bold; }
.button { 	background: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#333));
	background: -moz-linear-gradient(top, #636363, #333);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#636363, endColorstr=#333333);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#636363, endColorstr=#333333)"; display:inline-block; padding:8px; margin:0 4px 8px 0; -moz-border-radius:16px; -webkit-border-radius:16px; -moz-box-shadow:#CCFF00 0 0 5px; -webkit-box-shadow:#CCFF00 0 0 5px; color:#EEE; position:relative; cursor:pointer; font-size:1.1em; font-weight:bold; border:1px solid #000; }
.button:active { top:1px; }
.wf { font-family:Inconsolata, Georgia, serif; font-size:18px; font-style:normal; font-weight:400; text-shadow:none; text-decoration:none; text-transform:none; letter-spacing:0; word-spacing:0; line-height:1.28em; }
.cf0 {color:#ccff00;}
.fb_iframe_widget span {position:absolute;bottom:0;}

#navigation-wrapper { height:25px; margin-top:10px; background:url(/img/nav-background.gif) left top repeat-x; }
#navigation { height:25px; position:relative; }
#navigation ul { list-style:none; list-style-type:none; height:25px; padding:0; margin:0; }
#navigation ul li { padding:0; margin:0; height:25px; float:left; }
#navigation ul li a { line-height:25px; height:25px; }
#navigation ul#pages { background:url(/img/nav-separator.gif) right top no-repeat; position:absolute; left:0; }
#navigation ul#pages li { background:url(/img/nav-separator.gif) left top no-repeat; }
#navigation ul#pages li a { text-transform:uppercase; color:#FFF; text-decoration:none; font-weight:bold; text-shadow:#000 2px 2px 2px; padding:0 2.5em; }
#navigation ul#regions { background:url(/img/nav-separator.gif) right top no-repeat; position:absolute; right:0; padding-right:1em; }
#navigation ul#regions li { padding-left:1em; }
#navigation ul#regions li a img { padding-top:5px; }
#masthead { margin-bottom:10px; }
#masthead #logo { width:209px; margin:1em auto; }
#masthead div#like { position:absolute; bottom:-26px; left:10px; }
#masthead div#share { position:absolute; bottom:1px; right:165px; }
#masthead ul#social { height:26px; margin:0; position:absolute; bottom:0; right:0; list-style:none; list-style-type:none; }
#masthead ul#social li { height:26px; padding:0; margin:0; float:left; margin-left:8px; list-style:none; list-style-type:none; }
#masthead ul#social li a { text-indent:-9999px; outline:none; height:19px; outline:none; display:block; }
#masthead ul#social li#facebook { background:url(/img/icon-facebook.gif) left top no-repeat; width:19px; }
#masthead ul#social li#twitter { background:url(/img/icon-twitter.gif) left top no-repeat; width:19px; }
#masthead ul#social li#flickr { background:url(/img/icon-flickr.gif) left top no-repeat; width:52px; }
#masthead ul#social li#youtube { background:url(/img/icon-youtube.gif) left top no-repeat; width:43px; }
div#home-carousel { width:995px; background:#000; overflow:hidden; position:relative; background:url(/img/carousel-background.png) left top no-repeat; height:606px; margin-bottom:1.5em; }
div#carousel-panels { width:1990px; float:left; }
div#carousel-panels div.active,div#carousel-panels div.inactive { width:995px; float:left; }
div#carousel-panels ul#carousel-social { width:945px; height:556px; margin:0; padding:0; display:block; position:relative; }
div#carousel-panels ul#carousel-social li { list-style-type:none; }
div#carousel-panels ul#carousel-social li a { position:absolute; width:155px; height:155px; top:225px; display:block; }
div#carousel-panels ul#carousel-social li a#car-twitter { left:120px; }
div#carousel-panels ul#carousel-social li a#car-youtube { left:300px; }
div#carousel-panels ul#carousel-social li a#car-facebook { left:480px; }
div#carousel-panels ul#carousel-social li a#car-flickr { left:660px; }

div#carousel-panels ul#carousel-dlc-shadow { width:945px; height:556px; margin:0; padding:0; display:block; position:relative; }
div#carousel-panels ul#carousel-dlc-shadow li { list-style-type:none; }
div#carousel-panels ul#carousel-dlc-shadow li a { position:absolute; width:106px; height:60px; display:block; }
div#carousel-panels ul#carousel-dlc-shadow li a#car-shad-ps3 { top:473px;left:349px; }
div#carousel-panels ul#carousel-dlc-shadow li a#car-shad-xbox { top:473px;left:465px; }
div#carousel-panels ul#carousel-dlc-shadow li a#car-shad-learn { top:368px;left:408px; }

div#carousel-panels ul#carousel-dlc-costume { width:945px; height:556px; margin:0; padding:0; display:block; position:relative; }
div#carousel-panels ul#carousel-dlc-costume li { list-style-type:none; }
div#carousel-panels ul#carousel-dlc-costume li a { position:absolute; width:106px; height:60px;  display:block;}
div#carousel-panels ul#carousel-dlc-costume li a#car-cos-ps3 { top:473px;left:349px; }
div#carousel-panels ul#carousel-dlc-costume li a#car-cos-xbox { top:473px;left:465px; }
div#carousel-panels ul#carousel-dlc-costume li a#car-cos-learn { top:368px;left:408px; }

div#carousel-panels ul#carousel-dlc-shuma-jill { width:945px; height:556px; margin:0; padding:0; display:block; position:relative; }
div#carousel-panels ul#carousel-dlc-shuma-jill li { list-style-type:none; }
div#carousel-panels ul#carousel-dlc-shuma-jill li a { position:absolute; width:106px; height:60px;  display:block;}
div#carousel-panels ul#carousel-dlc-shuma-jill li a#car-shuma-ps3 {top:460px;left:140px;}
div#carousel-panels ul#carousel-dlc-shuma-jill li a#car-shuma-xbox {top:460px;left:256px;}
div#carousel-panels ul#carousel-dlc-shuma-jill li a#car-jill-xbox {top:460px;left:699px;}
div#carousel-panels ul#carousel-dlc-shuma-jill li a#car-learn {top:285px;left:425px;}

div#carousel-tumblr { background:url(/img/regions/us/home-carousel-blog.jpg) left top no-repeat; height:556px; width:945px; padding-top:100px; }
div#carousel-tumblr div.box { width:400px; background:#3B444A; margin:0 auto 1.5em; padding:1em; }
div#carousel-tumblr div.box .home-tweet p { font-size:1.25em; }
div#carousel-tumblr div.box .home-tweet p a { color:#FFF; }
div#carousel-tumblr div.box .home-tweet p img { margin:0 1em 0 0; padding:4px; border:1px solid #303941; }
div#carousel-tumblr div.box h5 a { color:#cf0; }
div#carousel-tumblr div.box h5,div#carousel-tumblr div.box p { margin-bottom:.25em; }
div#carousel-tumblr div#carousel-tumblr-btn { padding:0; background:none; margin:0 auto; width:373px; top:-20px; }
div#home-carousel-progress { position:absolute; bottom:3px; left:45%; }
div#home-carousel-progress ul { list-style:none; list-style-type:none; margin:0; padding:0; display:block; background:none; }
div#home-carousel-progress ul li { float:left; height:19px; width:19px; margin-left:8px; }
div#home-carousel-progress ul li a { cursor:pointer; display:block; height:19px; width:19px; background-image:url(/img/carousel-progress.png); background-repeat:no-repeat; text-indent:-9999px; outline:none; border:none; background-position:0 0; }
div#home-carousel-progress ul li a:hover { background-color:transparent; }
div#home-carousel-progress ul li a.active { background-color:transparent; background-position:0 -19px; }
div.carousel-bump { padding:25px; }
#home-game-desc { margin-bottom:1.5em; }
#home-game-desc p { background-position:center top; background-repeat:no-repeat;text-align:justify; }
#home-blog { background:url(/img/home-blog-background.png) left top no-repeat; height:160px; display:block; }
#home-blog .scrollable { height:120px; width:900px; left:55px; }
#home-blog a.browse { background-image:url(/img/home-scroller-arrow.gif); margin-top:35px; }
#home-blog .entry { margin:0 15px 0 0; width:285px; float:left; }
#home-blog h3 { color:#2B455E; padding:2px 0 0; font-size:1.25em; text-align:center; font-weight:bold; }
#home-blog p { color:#AAA; }
#home-blog .home-tweet p { font-size:1em; }
#home-blog .home-tweet p a { color:#FFF; }
#home-blog .home-tweet p img { margin:0 1em 0 0; padding:4px; border:1px solid #303941; }
#home-blog h5,#home-blog p { margin-bottom:.25em; }
#home-blog span { height:10px; width:200px; border:none; margin:0; overflow:visible; }
#livestream { }
#tweet-box { background:#303941; padding:1em; }
#tweet-box label { color:#FFF; }
.tweet { border-top:1px solid #333; padding:1em; }
.tweet h5 { color:#FFF; }
.tweet h5,.tweet p { margin-bottom:.25em; }
.tweet img.photo { padding:4px; border:1px solid #666; }

/* Scroller */
div#selected { background:url(/img/scroller-selected-background.png) left top no-repeat; position:relative; }
div#selected.screens { height:582px; }
div#selected.videos { height:606px; }
div#selected.videos div#ytapiplayer-wrapper { padding:25px; width:995px; height:606px; }
div#selected img { margin:25px; width:945px; height:532px; }
div#thumb-scroll-box { overflow:auto; background:url(/img/scroller-background.gif) left top no-repeat; height:135px; }
div#thumb-scroll-box ul#filter { list-style:none; list-style-type:none; height:25px; padding:0; margin:0 0 0 20px; text-align:center; }
div#thumb-scroll-box ul#filter li { padding:0; margin:0 1px 0 0; height:25px; float:left; }
div#thumb-scroll-box ul#filter li a { line-height:24px; height:24px; margin-top:1px; padding:0 1.5em; display:block; background:#384246 url(/img/filter-background.gif) left bottom repeat-x; color:#AAA; text-decoration:none; text-transform:uppercase; }
div#thumb-scroll-box ul#filter li a:hover { background:#CF0; color:#A2BF30; }
div#thumb-scroll-box ul#filter li a.active { background:#565f65; color:#FFF; font-weight:bold; }
.scrollable { position:relative; overflow:hidden; width:864px; height:110px; left:75px; float:left; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable span { float:left; border:2px solid #000; margin:18px 20px 0 0; cursor:pointer; overflow:hidden; height:65px; }
.scrollable img { margin-top:-14px; }
.scrollable img.screens { margin:0; height:65px; width:120px; }
.scrollable span:hover,.scrollable span.active { border:2px solid #cf0; }
a.browse { background:url(/img/scroller-arrow.gif) no-repeat; display:block; width:31px; height:70px; float:left; margin:15px 0 0; cursor:pointer; font-size:1px; }
a.right { background-position:0 -70px; clear:right; margin-right:0; position:absolute; right:0; }
a.right:hover { background-position:-31px -70px; }
a.left { margin-left:0; position:absolute; left:0; }
a.left:hover { background-position:-31px 0; }
a.disabled { visibility:hidden!important; }

/* Characters */
#character-header { height:249px; background:url(/img/characters/header.gif) left top no-repeat; margin-bottom:2em; text-align:center; }
#character-header h2 { background:none; text-align:left; font-size:1.5em; text-transform:uppercase; margin:0 0 8px 24px; padding:8px 0 0; text-shadow:2px 2px 0 #426A8E; }
#character-header #character-announcement { margin:0 auto; width:975px; height:190px; text-align:left; }
#character-header #character-announcement div h3 { background:#2B82AC; text-align:right; padding:8px 12px 8px 0; margin:0 0 1em; line-height:1.25; }
#character-header #character-announcement div h4,#character-header #character-announcement div p { margin:0 0 .75em 1em; line-height:1.5; }
#character-header #character-announcement div a#twitter { background:url(/img/characters/twitter.png) left center no-repeat; padding:2px 0 2px 20px; }
#character-header #character-announcement div a#facebook { background:url(/img/characters/facebook.png) left center no-repeat; padding:2px 0 2px 20px; }
#characters-top { background:url(/img/characters/background-top.gif) left top no-repeat; width:995px; height:16px; margin-top:-16px; border:none; }
#characters { background:url(/img/characters/background.gif) left bottom no-repeat; width:995px; padding-bottom:3em; }
#marvel-characters,#capcom-characters { width:450px; padding:5px; border:2px solid #5d646b; -moz-border-radius:15px; border-radius:15px; float:left; }
#marvel-characters { margin:0 10px 0 30px; }
#capcom-characters { margin:0; }
#marvel-characters h3 { margin:-28px auto 20px; text-align:center; }
#capcom-characters h3 { margin:-20px auto 28px; text-align:center; }
#character-scroll .scrollable span { height:75px; margin-top:13px; position:relative; }
#character-scroll .scrollable span img { margin-top:-25px; }
#character-scroll .scrollable span a { text-decoration:none; }
#character-scroll .scrollable span p { background:#333; display:block; position:absolute; bottom:0; text-transform:uppercase; font-size:9px; padding:1px 0; margin:0; text-align:center; width:100px; }
div#random { }
div#random ul li { list-style:circle; font-size:1.1em; margin:0 0 .5em; color:#FFF; }
div#more-blog { background:#4e555c; padding:16px; -moz-border-radius:15px; border-radius:15px; margin:1em 0; }
div#more-blog h5 { font-size:1.2em; margin-bottom:.5em; }
div#more-blog ul { overflow:auto; margin:0; padding:0; }
div#more-blog ul li { float:left; margin:0 8px 8px 0; list-style:none; }
div#more-blog a { color:#ccc; background:#393e43; padding:4px; font-size:.875em; }
div#more-blog a:hover { color:#cf0; }
ul.characters { margin:0; padding:0; }
ul.characters li { float:left; list-style:none; padding:0; margin:0 1px 2px; position:relative; width:110px; height:120px; }
ul.characters li span.new { position:absolute; top:5px; right:5px; background:#F60; padding:2px 4px; font-size:9px; color:#FFF; text-transform:uppercase; }
ul.characters li span.dlc { position:absolute; top:5px; left:5px; background:#690; padding:2px 4px; font-size:9px; color:#FFF; text-transform:uppercase; }
ul.characters li a { display:block; border:5px solid #000; width:100px; height:110px; text-decoration:none; background:#333; }
ul.characters li a:hover { border:5px solid #CF0; }
ul.characters li a p { background:#333; display:block; position:absolute; bottom:5px; text-transform:uppercase; font-size:10px; padding:1px 0; margin:0; text-align:center; width:100px; }
#character-name { text-shadow:2px 2px 0 #426A8E; letter-spacing:1px; font-weight:bold; font-family:Helvetica; font-size:5.5em; color:#FFF; margin-bottom:.15em; }
h4#youtube,h4#flickr,h4#tumblr { color:#FFF; font-size:1em; margin:1em 0; padding:1em 0 1em 3.5em; border:1px inset #68717a; border-radius:8px; -moz-border-radius:8px; }
h4#youtube { background:#35393C url(/img/characters/youtube.png) 8px center no-repeat; }
h4#flickr { background:#35393C url(/img/characters/flickr.png) 8px center no-repeat; }
h4#tumblr { background:#35393C url(/img/characters/tumblr.png) 8px center no-repeat; }
ul.media { margin:0 0 0 12px; padding:0; overflow:auto; }
ul.media li { margin:0 8px 8px 0; float:left; list-style:none; }
ul.media li a { border:3px solid #000; display:block; background:#333; }
ul.media li a.videos { height:56px; overflow:hidden; }
ul.media li a.videos img { margin-top:-9px; }
ul.media li a.screens { height:56px; }
ul.media li a:hover { border:3px solid #CF0; }
.pp_description { color:#333; }

/* Blog */
.post { border:1px solid #303941; }
.post h4 small a { background:#333; padding:4px; margin-left:8px; color:#aaa; font-size:10px; }
.post ul.tags { list-style:none; list-style-type:none; margin:0; padding:0; }
.post ul.tags li { width:52px; margin-right:7px; text-align:center; float:left; }
.post ul.tags li a img { border:1px solid #666; text-decoration:none; margin-bottom:4px; }

/* Pre-order Page */
ul#preorder-game { width:995px; height:572px; position:relative; background-position:top left; background-repeat:no-repeat; margin:0; padding:0; }
ul#preorder-game li { list-style:none; list-style-type:none; margin:0; }
ul#preorder-game li a { display:block; text-indent:-9999px; outline:none; position:absolute;}
body.us ul#preorder-game li a { width:112px; height:33px; top:470px; }
body.us ul#preorder-game { background-image:url(/img/regions/us/preorder-background.jpg); }
body.us ul#preorder-game li.bestbuy a.ps3 { left:95px; }
body.us ul#preorder-game li.bestbuy a.xbox { left:206px; }
body.us ul#preorder-game li.gamestop a.ps3 { left:385px; }
body.us ul#preorder-game li.gamestop a.xbox { left:497px; }
body.us ul#preorder-game li.amazon a.ps3 { left:675px; }
body.us ul#preorder-game li.amazon a.xbox { left:787px; }

body.uk ul#preorder-game { background-image:url(/img/regions/uk/preorder-background.jpg); }
body.uk ul#preorder-game li.blockbuster a {left:75px;}
body.uk ul#preorder-game li.game a {left:230px;}
body.uk ul#preorder-game li.hmv a {left:380px;}
body.uk ul#preorder-game li.thehut a {left:530px;}
body.uk ul#preorder-game li.shopto a {left:680px;}
body.uk ul#preorder-game li.gamestation a {left:835px;}
body.uk ul#preorder-game li a { width:90px; height:30px;}
body.uk ul#preorder-game li a.ps3 { top:470px;}
body.uk ul#preorder-game li a.xbox { top:500px;}

body.au ul#preorder-game { background-image:url(/img/regions/au/preorder-background.jpg); }
body.au ul#preorder-game li.game a.ps3 {left:345px;}
body.au ul#preorder-game li.game a.xbox {left:455px;}
body.au ul#preorder-game li.ebgames a.ps3 {left:670px;}
body.au ul#preorder-game li.ebgames a.xbox {left:780px;}
body.au ul#preorder-game li a { width:110px; height:35px;}
body.au ul#preorder-game li a.ps3, body.au ul#preorder-game li a.xbox { top:475px;}

body.es ul#preorder-game { background-image:url(/img/regions/es/preorder-background.jpg); }
body.es ul#preorder-game li.game a {left:75px;}
body.es ul#preorder-game li.gamestop a {left:230px;}
body.es ul#preorder-game li.fnac a {left:380px;}
body.es ul#preorder-game li.xtralife a {left:530px;}
body.es ul#preorder-game li.gameshop a {left:680px;}
body.es ul#preorder-game li.videojuegos a {left:835px;}
body.es ul#preorder-game li a { width:90px; height:30px;}
body.es ul#preorder-game li a.ps3 { top:470px;}
body.es ul#preorder-game li a.xbox { top:500px;}

body.fr ul#preorder-game { background-image:url(/img/regions/fr/preorder-background.jpg); }
body.fr ul#preorder-game li.micromania a.ps3 {left:65px;}
body.fr ul#preorder-game li.micromania a.xbox {left:155px;}
body.fr ul#preorder-game li.game a.ps3 {left:292px;}
body.fr ul#preorder-game li.game a.xbox {left:382px;}
body.fr ul#preorder-game li.amazon a.ps3 {left:522px;}
body.fr ul#preorder-game li.amazon a.xbox {left:612px;}
body.fr ul#preorder-game li.fnac a.ps3 {left:753px;}
body.fr ul#preorder-game li.fnac a.xbox {left:843px;}
body.fr ul#preorder-game li a { width:90px; height:30px;}
body.fr ul#preorder-game li a.ps3, body.fr ul#preorder-game li a.xbox { top:485px;}

body.de ul#preorder-game { background-image:url(/img/regions/de/preorder-background.jpg); }
body.de ul#preorder-game li.gamestop a.ps3 {left:340px;}
body.de ul#preorder-game li.gamestop a.xbox {left:450px;}
body.de ul#preorder-game li a { width:110px; height:35px;}
body.de ul#preorder-game li a.ps3, body.de ul#preorder-game li a.xbox { top:470px;}

body.it ul#preorder-game { background-image:url(/img/regions/it/preorder-background.jpg); }
body.it ul#preorder-game li.gamestop a.ps3 {left:188px;}
body.it ul#preorder-game li.gamestop a.xbox {left:298px;}
body.it ul#preorder-game li.multi a.ps3 {left:600px;}
body.it ul#preorder-game li.multi a.xbox {left:710px;}
body.it ul#preorder-game li a { width:110px; height:35px;}
body.it ul#preorder-game li a.ps3, body.it ul#preorder-game li a.xbox { top:455px;}

/* Footer */
#footer { margin:0 0 1.5em; }
#footer ul { list-style:none; list-style-type:none; padding:0; }
#footer p { color:#666; }
#footer ul#sign-up { height:100px; margin:0 0 1.5em; }
#footer ul#sign-up li { height:100px; padding:0; margin:0; float:left; }
#footer ul#sign-up li a { outline:none; height:100px; outline:none; display:block; }
#footer ul#sign-up li#marvel-pulse a,#footer ul#sign-up li#capcom-unity a { text-indent:-9999px; }
#footer ul#sign-up li#pre-order-mvc3 a { text-align:center; }
#footer ul#sign-up li#marvel-pulse { width:129px; }
#footer ul#sign-up li#pre-order-mvc3 { width:728px; border:4px solid #262d34; height:90px; }
#footer ul#sign-up li#capcom-unity { width:129px; }
body.us #footer ul#sign-up li#marvel-pulse { background:url(/img/regions/us/footer-marvel-pulse.jpg) left top no-repeat; }
body.us #footer ul#sign-up li#capcom-unity { background:url(/img/regions/us/footer-capcom-unity.jpg) right top no-repeat; }
body.uk #footer ul#sign-up li#capcom-unity { background:url(/img/regions/uk/footer-capcom-forums.jpg) right top no-repeat; }
body.au #footer ul#sign-up li#capcom-unity { background:url(/img/regions/au/footer-capcom-forums.jpg) right top no-repeat; }
body.es #footer ul#sign-up li#capcom-unity { background:url(/img/regions/es/footer-capcom-forums.jpg) right top no-repeat; }
body.fr #footer ul#sign-up li#capcom-unity { background:url(/img/regions/fr/footer-capcom-forums.jpg) right top no-repeat; }
body.it #footer ul#sign-up li#capcom-unity { background:url(/img/regions/it/footer-capcom-forums.jpg) right top no-repeat; }
body.de #footer ul#sign-up li#capcom-unity { background:url(/img/regions/de/footer-capcom-forums.jpg) right top no-repeat; }
#footer ul#logos { height:50px; background:url(/img/footer-logos.gif) left top no-repeat; margin:0 0 1.5em; }
#footer ul#logos li { height:50px; position:absolute; }
#footer ul#logos li a { text-indent:-9999px; outline:none; height:50px; outline:none; display:block; }
#footer ul#logos li#marvel { width:117px; left:0; }
#footer ul#logos li#ps3 { width:129px; left:230px; }
#footer ul#logos li#psn { width:41px; left:398px; }
#footer ul#logos li#xbox { width:131px; left:491px; }
#footer ul#logos li#xboxlive { width:51px; left:665px; }
#footer ul#logos li#capcom { width:157px; left:838px; }
#footer ul#legal,#footer ul#rating { margin:0; }
#footer ul#legal li { float:left; margin-right:1em; }
#footer ul#rating li { float:right; margin-left:1em; }