body { margin:0px; font-family:'Raleway',arial,tahoma,verdana,sans-serif; color:#696f6f; font-size:12pt; line-height:156%; background-color:#696f6f; text-align:justify; min-width:1050px; } /* Top Menu */ #top-menu-outer { background-color:#696f6f; } #top-menu { margin:0 auto; width:1018px; padding:0 32px 0 0; height:35px; line-height:35px; font-family: 'Economica', sans-serif; font-size: 26px; } #top-menu a { margin:0; padding:0; height:35px; width:100px; text-align:center; color:#cfdac3; float:right; background-color:#696f6f; } #top-menu a:hover { background:#cfdac3; color:#696f6f; } #top-menu span.version { line-height:35px; font-family: 'Economica', sans-serif; font-size: 26px; color:#849084; text-align:left; padding 0; margin:0 0 0 32px; } /* Main Header */ #header-outer { background-color:#757c7c; width:100%; background-image:url('images/shinkawa-top.png'); background-repeat:no-repeat; background-position:center top; } #header { margin:0 auto; padding:35px 0 0 0; height:147px; width:986px; } #header a.img { margin:0; padding:0; border:0; } /* Main Menu */ #main-menu-outer { background:#cfdac3 url('images/menu-bg.png') repeat-x; width:100%; } #main-menu-inlay { width:100%; background-image:url('images/shinkawa-bottom.png'); background-repeat:no-repeat; background-position:center top; } #main-menu { margin:0 auto; padding:0 0 0 32px; width:1018px; height:200px; font-family: 'Economica', sans-serif; font-size: 31px; letter-spacing: -1px; } #main-menu a { height:63px; width:140px; text-decoration:none; text-align:center; color:#849084; float:left; padding:0px; margin:0px; background-color:#000; } #main-menu a:hover { background:#3e5fab url('images/site/menu-bg.png') repeat-x; color:#85192a; } #main-menu a.games { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/games-button.png') no-repeat; } #main-menu a.games:hover { background-position:center -200px; } #main-menu a.special { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/special-button.png') no-repeat; } #main-menu a.special:hover { background-position:center -200px; } #main-menu a.soundtracks { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/soundtracks-button.png') no-repeat; } #main-menu a.soundtracks:hover { background-position:center -200px; } #main-menu a.figures { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/figures-button.png') no-repeat; } #main-menu a.figures:hover { background-position:center -200px; } #main-menu a.print { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/print-button.png') no-repeat; } #main-menu a.print:hover { background-position:center -200px; } #main-menu a.misc { height:63px; width:140px; margin:0px; padding:137px 0 0 0; border-right: 1px solid #cfdac3; background:url('images/misc-button.png') no-repeat; } #main-menu a.misc:hover { background-position:center -200px; } #main-menu a.reviews { height:63px; width:140px; margin:0px; padding:137px 0 0 0; background:url('images/reviews-button.png') no-repeat;} #main-menu a.reviews:hover { background-position:center -200px; } /* Content */ #content-outer { background-color:#cfdac3; width:100%; } #content { margin:0 auto; height:auto; width:986px; padding:35px 32px 0 32px; overflow:auto; } #content p { margin:0; padding:0 0 20px 0; } #content p.last { padding-bottom:0px; } #content p.last35 { padding-bottom:35px; } #content a.item { margin:0 0 6px 0; padding:0; height:194px; float:left; background-color:#c1cdb8; color:#849084; text-align:right; display:block; width:100%; text-decoration:none; font-size:110%; } #content a.item img { float:left; margin:6px; } #content a.item .title { padding:72px 35px 0 0px; display:block; font-weight:600; } #content a.item .title3 { padding:58px 35px 0 0px; display:block; font-weight:600; } #content a.item .subtitle { padding:0 35px 0 0; display:block; } #content a.item .extra { padding:2px 35px 0 0; display:block; font-size:80%; font-weight:600; } #content a.item:hover { color:#cfdac3; background-color:#849084; text-decoration:none; } #content a.item-last { margin:0 0 35px 0; padding:0; height:194px; float:left; background-color:#c1cdb8; color:#849084; text-align:right; display:block; width:100%; text-decoration:none; font-size:110%; } #content a.item-last img { float:left; margin:6px 6px; } #content a.item-last .title { padding:72px 35px 0 0px; display:block; font-weight:600; } #content a.item-last .title3 { padding:59px 35px 0 0px; display:block; font-weight:600; } #content a.item-last .subtitle { padding:0 35px 0 0; display:block; } #content a.item-last .extra { padding:2px 35px 0 0; display:block; font-size:80%; font-weight:600; } #content a.item-last:hover { color:#cfdac3; background-color:#849084; text-decoration:none; } #content img.logo { margin:0 0 35px 0; padding:0; border:none; } div.links { margin:0; height:auto; width:986px; padding:0; overflow:auto; } div.links img.link-left { margin:0 30px 35px 0; padding:0; border:none; float:left; } div.links img.link-right { margin:0 0 35px 0; padding:0; border:none; float:right; } div.review-gallery-1 {height:250px; width:464px; float:left; overflow:hidden; } div.review-gallery-2 {height:250px; width:206px; float:left; clear:right; overflow:hidden; } div.review-gallery-3 {height:150px; width:232px; float:left; clear:left; overflow:hidden; margin:0 0 20px 0; } div.review-gallery-4 {height:150px; width:438px; float:left; overflow:hidden; margin:0 0 20px 0; } /* Sidebars */ #right-column { padding:0px; background-color:#cfdac3; float:right; margin:0 0 35px 35px; width:281px; height:auto;} #right-column a { padding:5px 5px; margin:0; display:block; width:271px; min-height:110px; } #right-column a:hover { background-color:#c1cdb8; } #right-column img { float:left; margin:5px 5px; } #right-column img.poster { float:left; margin:20px 0 20px 0; } #right-column p { margin: 5px 5px; text-align:center; } #right-column ul { margin:0; padding:0; list-style:none; } #right-column ul li a { padding:5px 5px; margin:0; display:block; width:auto; height:auto; text-align:center; } #right-column ul li a:hover { background-color:#c1cdb8; } #right-column span.bold { font-weight:600; margin:0; } #categories-column { padding:0px; background-color:#cfdac3; float:right; margin:0 0 35px 35px; width:281px; height:auto;} #categories-column a:hover { background-color:#c1cdb8; } #categories-column p { font-size:90%; margin: 5px 5px;} #categories-column ul { margin:0; padding:0; list-style:none; } #categories-column ul li a { padding:5px 5px; margin:0; display:block; width:auto; height:auto; } #categories-column ul li a.top { margin:6px 0 0 0; } #categoriest-column ul li a:hover { background-color:#c1cdb8; } #categories-column span.item { margin:0; font-size:90%; display:block; font-weight:600; } #updates-column { padding:0px; background-color:#cfdac3; float:right; margin:0 0 35px 35px; width:422px; height:auto;} #updates-column ul { margin:0; padding:0; list-style:none; } #updates-column ul li a { padding:5px 5px; margin:0; display:block; width:412px; min-height:80px; text-align:center; } #updates-column span.bold { font-weight:600; margin:0; font-size:90%; display:block; } #updates-column span.info { margin:0; font-size:85%; display:block; } #updates-column span.date { margin:0; font-size:80%; display:block; } #updates-column ul li a:hover { background-color:#c1cdb8; } #updates-column img { float:left; margin:5px 10px 5px 5px; } #left-column { padding:0px; background-color:#cfdac3; float:left; margin:0; width:670px; height:auto; } #twitter-column { padding:0px; background-color:#cfdac3; float:left; margin:0; width:529px; height:auto; } #info-column { padding:0px; background-color:#cfdac3; float:left; margin:0; width:527px; height:auto; } div.sidebartitle { margin:0px; background-color:#849084; width:auto; height:35px; line-height:35px: } div.twittertitle { margin:0; background-color:#849084; width:auto; height:35px; line-height:35px: } .sidebar-header { padding:0px; margin:0 0 0 4px; font-size: 11pt; color:#cfdac3; font-family: 'Economica', sans-serif; font-size: 31px; letter-spacing:-1px; line-height:35px; text-align:left; } #gallery { padding:0px; background-color:#cfdac3; float:right; margin:0 0 35px 35px; width:424px; height:auto;} #gallery a { margin:0 35px 35px 0; width:182px; height:182px; border:6px solid #c1cdb8; float:left } #gallery a:hover { border: 6px solid #849084; padding:0; margin:0 35px 35px 0; } #gallery a.last { margin-right:0px; } #gallery a.last:hover { margin-right:0px; } div.review-gallery { margin:0 0 15px 0; padding:0; height:376px; width:670px; overflow:hidden; } div.review-gallery a { margin:0; float:left; } div.review-gallery a:hover { padding:0; margin:0; } div.review-index { margin:0 0 35px 0; padding:0; height:400px; width:986px; overflow:hidden; } /* Footer */ #footer-outer { height:auto; color:#cfdac3; background:#696f6f; clear:both; width:100%; } #footer { margin:0 auto;padding:35px 32px; height:auto; width:986px; overflow:auto; } #footer p { margin:0; padding:0; } #footer ul { margin:0 0 0 20px; padding:0; list-style:none; } #footer ul li { color:#cfdac3; margin:0; padding:0 0 5px 0; } #footer ul li.last { padding-bottom:0px; } #footer ul li a { color:#cfdac3; } #footer ul li a:hover { color:#fff; border-bottom:1px dashed #fff; } div.footer-col1 { margin:0; padding:0 35px 0 0; height:autopx; width:348px; float:left; font-size:75%; } div.footer-col2 { margin:0; padding:0; height:auto; width:200px; float:left; border-left:1px solid #cfdac3; } div.footer-col3 { margin:0; padding:0; height:auto; width:200px; float:left; border-left:1px solid #cfdac3; } div.footer-col4 { margin:0; padding:0; height:auto; width:200px; float:left; border-left:1px solid #cfdac3; } div.footer-col1 a.img { margin:0 0 20px 0; padding:0; height:61px; width:300px; display:block; background:url('images/metal-gear-collection-footer-logo.png') no-repeat; } div.footer-col1 a.img:hover { background-position: -300px 0; } div.footer-col1 a.txtlink { color:#cfdac3; padding:0; } div.footer-col1 a.txtlink:hover { color:#fff; border-bottom:1px dashed #fff; } /* Formatting */ table, th { border:none; width:281px; margin:0 0 20px 0; padding:0; float:right;} td.title { vertical-align:top; width:105px; text-align:right; padding:0; } td.wide { width:175px; padding:0 0 0 10px; } #twitter-widget-0 { width:529px; margin-bottom:20px;} h1 { background-color:#849084; padding:0 0 0 4px; margin:0 0 20px 0; font-size: 11pt; color:#cfdac3; font-family: 'Economica', sans-serif; font-size: 31px; letter-spacing: -1px; line-height:35px; text-align:left; clear:both; font-weight:normal; } h1.margin35 { margin-bottom:35px; } h1.margin6 { margin-bottom:6px; } h1.subhead { background-color:#c1cdb8; color:#849084; } h2 { padding:0 0 0 20px; margin:-3px 0 20px 0; font-size: 11pt; color:#cfdac3; font-family: 'Economica', sans-serif; font-size: 32px; letter-spacing: -1px; line-height:32px; text-align:left; font-weight:normal; } form { border:0px; margin: 0 0 35px 0; padding:0px 0px 0px 181px; width:623px; text-align:left; } input { background-color: #ededed; color: #000000; margin: 0px; } select { background-color: #ededed; color: #000000; } textarea { background-color: #ededed; color: #000000; } .button { font-size: 14px; font-family: arial; background-color: #cecece; color: #000000; float: right; } span.bold { font-weight:600; } span.italic { font-style:italic; } span.quote { padding:0; color:#849084; font-size:40px; font-family:'Economica',sans-serif; letter-spacing: -1px; line-height:110%; display:block; margin:0 15px; } span.score { color:#849084; font-style:italic; font-weight:600; font-size:40px; font-family:'Economica',sans-serif; letter-spacing:-1px; line-height:110%; display:block; margin:0 0 20px 500px; padding:0; } a:active, a:visited, a { color: #696f6f; text-decoration:none; } a.textlink { color: #696f6f; text-decoration:none; } a.textlink:hover { color: #696f6f; border-bottom:1px dashed #696f6f; }