/* ----------------------------------------------------------------------------- [212]Gaming | Global Stylesheet Author: Clint Balcom / Balcom & Nobody Version: 1.0 Modified: Feb 25, '08 Copyright © 2008, [212]MEDIA, LLC. Don't Steal. -----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------- THE (bn) CORE RESET | That's right... I trademarked it. -----------------------------------------------------------------------------*/ html, body { font-size: 10px; margin: 0; padding: 0; line-height: 1; } body { background: #eeeeee url(images/page_bg.gif) left top repeat-x; } * { font-size: 1em; margin: 0; padding: 0; outline: 0; font-family: Arial, sans-serif; color: #fff; } img { border: none; } table, td, form, fieldset { border: none; border-collapse: collapse; border-spacing: 0; } li { list-style: none; line-height: 1.1em; } :focus { outline: none; } .clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; overflow: hidden; } .hide { display: none; } .right { float: right; } .left { float: left; } .current { cursor: default; } /* ----------------------------------------------------------------------------- TYPOGRAPHY AND GENERAL DISPLAY -----------------------------------------------------------------------------*/ #wrapper { width: 990px; margin: 0 auto; background: transparent url(images/body_bg.gif) center top repeat-y; } p { } a { text-decoration: none; } a:hover { } h1 { font-size: 1.9em; letter-spacing: -1px; } h2 { margin-bottom: 10px; padding-right: 6px; font-size: 1.5em; text-align: center; letter-spacing: -1px; border-bottom: 1px solid #; } /* ----------------------------------------------------------------------------- HEADER -----------------------------------------------------------------------------*/ #header_wrap { background: transparent url(images/header.jpg) center top no-repeat; } #header_wrap.game { background-image: url(images/header_game.jpg); } #logo { float: left; margin: 21px 2px 0 18px; _margin-left: 10px; } #logo a { border: none !important; } #logo a img { display: block; margin: 0 !important; } .ad { padding: 2px; background: #eee; border: 1px solid #ddd; overflow: hidden; } .ad.banner { float: left; width: 728px; height: 90px; margin: 24px 0 0 0; } .ad.media { float: left; width: 300px; height: 250px; margin-top: 33px; background: #ba1270; border: 1px solid #a3015b; } /* ----------------------------------------------------------------------------- MASTHEAD -----------------------------------------------------------------------------*/ #masthead { clear: both; height: 325px; } #feature { float: left; width: 300px; padding: 28px 0 0 17px; } #feature a { border: none !important; } #feature a img { display: block; margin: 0 !important; } #top_games { float: left; width: 341px; height: 311px; background: transparent url(images/top_games_bg.gif) 0 bottom no-repeat; } #top_games h1 { float: left; display: block; height: 21px; padding-left: 8px; position: relative; top: 96px; left: 0; } #top_games a.game { float: left; display: block; width: 95px; height: 116px; position: relative; top: 117px; text-align: center; font-size: 1.1em; font-weight: bold; overflow: hidden; border: none !important; } #top_games a.game.left { left: 10px; } #top_games a.game.center { left: 27px; } #top_games a.game.right { left: 43px; } #top_games a.game img { background: #ccc; position: absolute; bottom: 0; left: 0; border: 1px solid #fff; } #top_games a.game:hover img { border: 1px solid #5f0092; } /* ----------------------------------------------------------------------------- GAME PAGE -----------------------------------------------------------------------------*/ #game_page { clear: both; height: 500px; } #the_game { float: left; width: 550px; height: 425px; margin: 33px 52px 0 27px; background: #ba1270; border: 1px solid #a3015b; overflow: hidden; } #high_scores { float: left; width: 304px; height: 145px; margin-top: 12px; padding-top: 12px; background: #ba1270; border: 1px solid #a3015b; overflow: auto; } #high_scores dl { width: 277px; padding: 0 5px; font-size: 1.2em; } #high_scores dt { float: left; padding: 3px 0 3px 10px; width: 100px; } #high_scores dd { padding: 3px 10px 3px 110px; text-align: right; } #high_scores dt.alt, #high_scores dd.alt { background: #a3015b; } /* #the_preroll { width:250px;height:250px;top:270px;left:360px;position:absolute; } */ #the_game { position: relative; } #the_preroll { width: 250px; height: 250px; position: absolute; top: 62px; left: 75px; } /* ----------------------------------------------------------------------------- OTHER GAMES -----------------------------------------------------------------------------*/ #other_games { padding: 12px 16px 0 30px; } #other_games * { color: #555; } #other_games h1 { margin-bottom: .8em; } #other_games div.game { float: left; position: relative; width: 109px; height: 190px; margin: 0 44px 6px 0; background: transparent url(images/game_box.gif) 0 0 no-repeat; overflow: hidden; } #other_games div.game.row { margin-right: 0; } #other_games div.game a { float: left; width: 109px; padding-top: 10px; font-size: 1.1em; font-weight: bold; color: #fff; text-align: center; } #other_games div.game a img { background: #ccc; float: left; position: absolute; top: 32px; left: 7px; border: 1px solid #fff; } #other_games div.game a:hover img { border: 1px solid #5f0092; } #other_games div.game p { clear: both; position: relative; top: 124px; text-align: center; } #other_games .ad.banner { float: none; margin: 4px auto 0 auto; } /* ----------------------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------*/ #footer { width: 948px; margin: 0 auto; padding: 35px 42px 35px 42px; background: transparent url(images/footer.gif) center top no-repeat; } #footer * { color: #888; } #footer p { float: left; width: 474px; font-size: 1.1em; } #footer p.right { text-align: right; } #footer a { margin: 0 1px; padding-bottom: 1px; } #footer a:hover { border-bottom: 1px solid #bbb; }