/* Theme Name: GamePoint Corporate Theme URI: http://www.gamepoint.com Description: GamePoint Corporate Wordpress Theme Author: Steven Guis Author URI: http://www.stanza-reclame.nl http://www.studionovo.nl Version: 1.0 Tags: - License: GamePoint License URI: http://www.gamepoint.com */ html, body { margin:0; padding:0; width:100%; height:auto; font-family:"Arial", Arial, Helvetica, sans-serif; } body { min-width:980px; background-image:url(img/bg-main.jpg); background-repeat:repeat-x; color:#333333; font-size:14px; } h1 { font-family:"Rockwell", Georgia, Times, serif; font-size:28px; font-weight:normal; } h2 { font-size:14px; } h3 { font-size:14px; } a:focus, a:active, a img { border:none; outline:none; } a { text-decoration:none; color:#2785bf; } .center { width:980px; height:auto; margin-left:auto; margin-right:auto; } #main-container { width:100%; height:auto; padding-top:130px; float:left; background-position:top center; background-repeat:no-repeat; overflow:hidden; } img.alignreft { float:left; padding:4px; margin:20px 20px 20px 0px; } img.alignright { float:right; padding:4px; margin:20px 0px 20px 20px; } #header-container { width:100%; height:130px; top:0; left:0; z-index:9999; position:fixed; } #header-wrapper { width:100%; height:82px; float:left; background-image:url(img/bg-header.jpg); } #header-wrapper .center { height:100%; } #logo { width:375px; height:100%; float:left; background-image:url(img/logo.png); } #logo a { width:100%; height:100%; float:left; display:block; } #minute-count { width:405px; height:100%; float:left; } #counter { width:auto; float:left; margin:27px 10px 0px 0px; } #counter .digits { height:28px; float:left; margin-right:3px; background-image:url(img/ticker.png); font-size:18px; color:#ffffff; line-height:32px; text-indent:4px; letter-spacing:9px; } #minute-count p { height:100%; float:left; margin:0; padding:0; line-height:82px; color:#ffffff; } #social-media { width:200px; height:100%; float:left; } #social-media .links { width:auto; height:20px; float:right; margin:31px 0px 0px 0px; } #social-media .links a { width:20px; height:20px; float:left; margin-right:4px; background-image:url(img/social-icons.png); } #social-media .links a.fb { background-position:0px 0px; } #social-media .links a.li { background-position:-24px 0px; } #social-media .links a.tw { background-position:-48px 0px; margin-right:10px; } #social-media .fb-like { height:20px; float:right; } #menu-wrapper { width:100%; height:48px; float:left; background-image:url(img/bg-menu.png); } #menu-wrapper ul { height:45px; float:left; margin:0; padding:0; list-style-type:none; } #menu-wrapper ul li { width:163px; height:45px; float:left; margin:0; padding:0; display:inline-block; overflow:visible; position:relative; } #menu-wrapper ul li .hiring { width:43px; height:34px; bottom:25px; right:5px; position:absolute; background-image:url(img/hiring.png); marding:0; padding:0; border:none; background-color:none; cursor:pointer; } #menu-wrapper ul li a { width:162px; height:33px; float:left; margin:6px 0px 6px -1px; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; text-decoration:none; text-align:center; line-height:36px; text-transform:uppercase; font-size:16px; font-weight:bold; color:#323232; background-image:url(img/bg-lia.png); } #menu-wrapper ul li a:hover { height:45px; margin:0px 0px 0px -1px; line-height:48px; background-color:#ffffff; color:#2785bf; } #menu-wrapper ul li a:active { background-position:0px -45px; color:#323232; } #menu-wrapper ul li ul { width:164px; height:auto; float:left; margin:0px 0px 0px -1px; padding:0px 0px 1px 0px; list-style-type:none; border-bottom:1px solid #c6c6c6; } #menu-wrapper ul li ul li { width:163px; height:45px; float:left; margin:0; padding:0; } #menu-wrapper ul li ul li a { width:162px; height:45px; float:left; margin:0; background-color:#f7f7f7; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-top:1px solid #c6c6c6; text-decoration:none; text-align:center; line-height:48px; text-transform:none; font-size:16px; font-weight:bold; color:#323232; background-image:url(img/bg-lia.png); } #menu-wrapper ul li ul li a:hover { height:45px; margin:0; line-height:48px; background-color:#ffffff; color:#2785bf; } #menu-wrapper ul li ul li a:active { background-position:0px -45px; color:#323232; } /* MENU FUNCTIONALITY */ #menu-wrapper ul li ul { display:none; } #menu-wrapper ul li:hover ul { display:block; } /* SLIDER */ #slider-container { width:100%; height:460px; float:left; margin-top:-3px; z-index:0; background-image:url(img/bg-slider.png); overflow:hidden; position:relative; } #slider { width: 980px; height: 457px; margin: 0px auto 0px auto; } #slider img { float:left; margin-left:-790px; } #navigation { width:100%; height:1px; float:left; } #navigation .center { height:1px; position:relative; } #pager { width:300px; height:20px; bottom:20px; left:50%; margin-left:-150px; position:absolute; z-index:999; text-align:center; } #pager a { width:14px; height:14px; display:inline-block; text-decoration: none; margin: 0 3px; background-image:url(img/pager.png); background-position:14px 0px; text-indent:-999999px; } #pager a.activeSlide { background-position:0px 0px; } #pager a:focus { outline: none; } #prev { width:23px; height:41px; bottom:225px; left:0; position:absolute; z-index:999; text-align:center; background-image:url(img/arrow-left.png); cursor:pointer; } #next { width:23px; height:41px; bottom:225px; right:0; position:absolute; z-index:999; text-align:center; background-image:url(img/arrow-right.png); cursor:pointer; } /* TOP-SLIDER */ #top-slider-container { width:976px; height:350px; float:left; margin:1px 2px 0px 2px; z-index:0; overflow:hidden; position:relative; } #top-slider { width:976px; height:350px; margin:0; } #top-slider img { } #top-navigation { width:100%; height:1px; float:left; } #top-navigation .center { height:1px; position:relative; } #top-pager { width:300px; height:20px; bottom:20px; left:50%; margin-left:-150px; position:absolute; z-index:999; text-align:center; } #top-pager a { width:14px; height:14px; display:inline-block; text-decoration: none; margin: 0 3px; background-image:url(img/pager.png); background-position:14px 0px; text-indent:-999999px; } #top-pager a.activeSlide { background-position:0px 0px; } #top-pager a:focus { outline: none; } #top-prev { width:23px; height:41px; bottom:155px; left:15px; position:absolute; z-index:999; text-align:center; background-image:url(img/arrow-left.png); cursor:pointer; } #top-next { width:23px; height:41px; bottom:155px; right:15px; position:absolute; z-index:999; text-align:center; background-image:url(img/arrow-right.png); cursor:pointer; } #gameslider-container { width:980px; height:auto; float:left; padding-bottom:35px; } #gameslider-container h1 { margin:0px 0px 0px 35px; padding:0; } #gameslider-wrapper { width:980px; height:228px; float:left; background-image:url(img/bg-gameslider.png); background-repeat:no-repeat; position:relative; } #gameslider-wrapper .bx-wrapper { height:150px; float:left; margin-top:30px; } #gameslider-wrapper .bx-wrapper .bx-prev { width:190px; height:189px; left:-130px; top:-20px; position:absolute; background-image:url(img/bx-prev.png); text-indent:-99999px; } #gameslider-wrapper .bx-wrapper .bx-next { width:190px; height:189px; right:-130px; top:-20px; position:absolute; background-image:url(img/bx-next.png); text-indent:-99999px; } #gameslider { width:162px; float:left; font-size:14px; } #gameslider-wrapper h3 a { width:130px; height:20px; color:#2785bf; text-decoration:none; right:45px; bottom:10px; text-align:center; line-height:20px; position:absolute; } #content-container { width:100%; height:auto; float:left; margin-top:35px; } #content-container .center { } #content-container .center .top { width:980px; height:9px; float:left; background-image:url(img/content-top.png); position:relative; } #content-container .center .top-slider { width:980px; height:351px; float:left; background-image:url(img/content-slider-top.png); position:relative; } #content-container .center .title { width:976px; height:55px; float:left; padding:0px 2px 0px 2px; background-image:url(img/content-middle.png); } #content-container .center .title h1 { width:916px; margin:0; padding:0px 30px 0px 30px; line-height:50px; border-bottom:1px solid #e0e0e0; } #content-container .center .middle { width:920px; height:auto; float:left; padding:15px 30px 15px 30px; background-image:url(img/content-middle.png); } #content-container .center .middle h1 { margin:0; padding:20px 0px 0px 0px; } #content-container .center .middle h2 { font-size:18px; margin:5px 0px 5px 0px; padding:0; color:#666666; font-weight:normal; } #content-container .center .games-middle { width:920px; height:auto; float:left; padding:15px 30px 15px 30px; background-image:url(img/games-middle.png); } #content-container .center .news { width:950px; height:auto; float:left; padding:15px 15px 15px 15px; background-image:url(img/content-middle.png); } #content-container .center .news .news-item { width:430px; height:auto; float:left; padding:20px; } #content-container .center .news .news-item h2, #content-container .center .news .news-item h2 a { font-size:16px; margin:0; padding:0; width:100%; height:40px; line-height:20px; float:left; color:#2785bf; text-decoration:none; } #content-container .center .news .news-item .content { width:420px; height:auto; float:left; margin:10px 0px 10px 0px; } #content-container .center .news .news-item .content .teaser { width:168px; height:126px; float:left; } #content-container .center .news .news-item .content .teaser img { width:100%; height:100%; float:left; } #content-container .center .news .news-item .content .excerpt { width:232px; height:auto; float:left; margin-left:20px; } #content-container .center .news .news-item .content .excerpt p { margin:0; padding:0; line-height:22px; float:left; } #content-container .center .news .news-item .content .excerpt a { padding-left:13px; background-image:url(img/arrow-more.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#2785bf; } #content-container .center .news .news-item .content .share { width:420px; height:20px; float:left; padding-top:20px; } #content-container .center .news .news-item .content .share p { width:auto; height:20px; float:left; margin:0px 20px 0px 0px; padding:0; line-height:20px; } #content-container .center .news .news-item .content .share .fb-like, #content-container .center .news .news-item .content .share .tw-like { height:20px; width:auto; float:left; margin-right:10px; } #content-container .center .news .news-item .content .share .li-like { height:20px; width:auto; height:20px; float:left; } #content-container .center .sub { width:976px; height:30px; float:left; padding:0px 2px 0px 2px; background-image:url(img/content-middle.png); } #content-container .center .sub h3 { width:916px; margin:0; padding:0px 30px 0px 30px; line-height:40px; text-align:right; border-top:1px solid #e0e0e0; } #content-container .center .sub h3 a { color:#2785bf; text-decoration:none; } #content-container .center .sub-new { width:976px; height:15px; float:left; margin:15px 0px 0px -30px; padding:0px 2px 0px 2px; } #content-container .center .sub-new h3 { width:916px; margin:0; padding:0px 30px 0px 30px; line-height:40px; text-align:right; border-top:1px solid #e0e0e0; } #content-container .center .sub-new h3 a { color:#2785bf; text-decoration:none; } #content-container .center .bottom { width:980px; height:10px; float:left; padding-bottom:35px; background-image:url(img/content-bottom.png); background-repeat:no-repeat; } #content-container .center .games-bottom { width:980px; height:10px; float:left; padding-bottom:35px; background-image:url(img/games-bottom.png); background-repeat:no-repeat; } #sidebar { width:180px; height:auto; top:0; right:-200px; position:absolute; display:none; } #sidebar h1 { font-size:24px; color:#444341; } #sidebar img { float:left; margin-bottom:15px; } #sidebar .ff-header { width:180px; height:111px; background-image:url(img/funfact.png); float:left; } #sidebar .textwidget { width:180px; height:auto; float:left; text-align:center; color:#666666; line-height:22px; display:none; } #tabs-container { width:920px; height:auto; float:left; } #tabs-container .tabs { width:920px; height:63px; float:left; margin:0; padding:0; } #tabs-container .games-tabs { background-color:#ffffff; margin-top:-20px; padding:40px 0px 20px 0px; } #tabs-container .tabs li { height:63px; float:left; display:inline-block; position:relative; } #tabs-container .tabs li a { width:100%; height:100%; float:left; background-image:url(img/bg-tabs.jpg); background-position:center top; cursor:pointer; text-align:center; line-height:55px; font-size:20px; color:#373737; text-decoration:none; } #tabs-container .tabs li a:hover { background-position:center -63px; } #tabs-container .tabs li .pointer { width:100%; height:10px; bottom:0; left:0; position:absolute; background-image:url(img/pointer.jpg); background-repeat:no-repeat; background-position:center; display:none; } #tabs-container .tabs li.first a { background-position:left top; } #tabs-container .tabs li.first a:hover { background-position:left -63px; } #tabs-container .tabs li.last a { background-position:right top; } #tabs-container .tabs li.last a:hover { background-position:right -63px; } #tabs-container .tabs li a.active-tab { background-position:center -63px; color:#000000; font-weight:bold; } #tabs-container .tabs li.first a.active-tab { background-position:left -63px; color:#000000; font-weight:bold; } #tabs-container .tabs li.last a.active-tab { background-position:right -63px; color:#000000; font-weight:bold; } #tabs-container .tabs .active-tab .pointer { display:block; } #tabs-container .tabs li.divider { width:1px; height:53px; background-color:#c4c4c4; } #tab-wrapper { width:920px; height:auto; float:left; margin-top:30px; } #tab-wrapper .tab-content { width:auto; height:auto; float:left; } #tab-wrapper .tab-s { width:920px; height:260px;} #tab-wrapper .tab-l { width:920px; } #tab-wrapper .tab-g { width:976px; margin-left:-28px; margin-top:-30px; } #tab-wrapper .tab-g .game { width:428px; height:150px; float:left; padding:30px; border-top:1px solid #d5d5d5; overflow:hidden; } #tab-wrapper .tab-g .no-border { border:none; padding-top:0; } #tab-wrapper .tab-g .game .thumb { width:150px; height:150px; float:left; position:relative; } #tab-wrapper .tab-g .game .thumb a { width:100%; height:100%px; display:block; left:0; top:0; position:absolute; line-height:260px; text-indent:50px; color:#000000; text-decoration:none; } #tab-wrapper .tab-g .game .specs { width:250px; height:150px; float:right; position:relative; font-size:14px; } #tab-wrapper .tab-g .game .specs h2 { width:100%; float:left; color:#2887bd; margin:0; padding:0; font-family:"Rockwell", Georgia, Times, serif; font-size:22px; font-weight:normal; } #tab-wrapper .tab-g .game .specs p { width:100%; float:left; margin-top:10px; padding:0; line-height:20px; } #tab-wrapper .tab-g .game .specs .on { width:100%; height:18px; line-height:18px; left:0; bottom:0; position:absolute; color:#666666; } #tab-wrapper .tab-g .game .specs .on img { vertical-align:middle; margin-left:15px; } #tab-wrapper .tab-n { width:920px; } #tab-wrapper .tab-content .image { width:350px; height:260px; float:left; overflow:hidden; } #tab-wrapper .tab-content .image img { width:100%; height:auto; } #tab-wrapper .tab-content .content { width:auto; height:auto; } #tab-wrapper .tab-s .content { width:530px; height:260px; float:right; } #tab-wrapper .tab-s .thumb { width:350px; height:260px; float:left; } #tab-wrapper .tab-content .content h1 { margin:0; padding:0; } #tab-wrapper .tab-content .content h2 { margin:5px 0px 0px 0px; padding:0; } #tab-wrapper .tab-content .content p { line-height:22px; font-weight:100; } #news-bar { width:160px; height:100%; float:right; margin:0; } #news-bar .categories { width:160px; height:auto; float:left; padding:15px 0px 20px 0px; } #news-bar .categories a { width:125px; height:auto; line-height:24px; float:left; padding-left:35px; text-decoration:none; color:#333333; background-position:left center; background-repeat:no-repeat; } #news-bar .tags { width:120px; height:auto; float:left; padding:15px 0px 20px 0px; line-height:22px; } #news-bar .tags a { width:auto; text-decoration:none; color:#676767; } #news-bar .tags a:hover { color:#333333; } #news-wrapper { width:640px; height:auto; float:left; padding:0px 70px 0px 20px; border-right:1px solid #d5d5d5; } #news-wrapper a.to-news { height:20px; float:left; line-height:22px; padding-left:13px; background-image:url(img/arrow-more.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#2785bf; } #news-wrapper .content { width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #d5d5d5; } #news-wrapper .content h1, #news-bar h1 { font-size:21px; margin:0; padding:0; } #news-wrapper .content h2 { font-size:16px; margin:5px 0px 5px 0px; padding:0; color:#666666; font-weight:normal; } #news-wrapper .content h2 span { color:#2786c0; font-weight:bold; } #news-wrapper .content .more-link { text-decoration:none; color:#333333; } #news-wrapper .content .foot { width:100%; height:20px; float:left; } #news-wrapper .content .foot a.cmore { height:20px; float:left; line-height:22px; padding-left:13px; background-image:url(img/arrow-more.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#2785bf; } #news-wrapper .content .foot .share { width:auto; height:20px; float:right; } #news-wrapper .content .foot .fb-like, #news-wrapper .content .foot .tw-like { height:20px; width:auto; float:left; margin-right:10px; } #news-wrapper .content .foot .li-like { height:20px; width:auto; float:left; } #news-wrapper .navigation { width:640px; height:auto; float:left; margin:20px; text-align:center; color:#a0a0a0; } #news-wrapper .navigation a { text-decoration:none; color:#656565; } #news-wrapper .navigation .page-numbers { padding:0px 5px 0px 5px; } #news-wrapper .navigation .current { color:#333333; font-weight:bold; } #posts-wrapper { width:920px; height:auto; float:left; } #posts-wrapper .news-item { width:420px; height:auto; float:left; padding:20px; } #posts-wrapper .news-item h2, #posts-wrapper .news-item h2 a { font-size:18px; margin:0; padding:0; width:100%; height:40px; line-height:20px; float:left; color:#2785bf; text-decoration:none; } #posts-wrapper .news-item .content { width:420px; height:auto; float:left; margin:10px 0px 10px 0px; } #posts-wrapper .news-item .content .teaser { width:168px; height:126px; float:left; } #posts-wrapper .news-item .content .teaser img { width:100%; height:100%; float:left; } #posts-wrapper .news-item .content .excerpt { width:232px; height:auto; float:left; margin-left:20px; } #posts-wrapper .news-item .content .excerpt p { margin:0; padding:0; line-height:22px; float:left; } #posts-wrapper .news-item .content .excerpt a { padding-left:13px; background-image:url(img/arrow-more.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#2785bf; } #posts-wrapper .news-item .content .share { width:420px; height:20px; float:left; padding-top:20px; } #posts-wrapper .news-item .content .share p { width:auto; height:20px; float:left; margin:0px 20px 0px 0px; padding:0; line-height:20px; } #posts-wrapper .news-item .content .share .fb-like, #posts-wrapper .news-item .content .share .tw-like { height:20px; width:auto; float:left; margin-right:10px; } #posts-wrapper .news-item .content .share .li-like { height:20px; width:auto; height:20px; float:left; } #posts-wrapper a.cmore { height:20px; float:left; line-height:22px; padding-left:13px; background-image:url(img/arrow-more.jpg); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#2785bf; } #footer-container { width:100%; height:auto; float:left; } #footer-menu { width:100%; height:auto; float:left; background-color:#f4f4f4; } #footer-menu .footer-list { width:110px; height:auto; float:left; margin:20px 15px 30px 15px; padding:0; list-style-type:none; font-size:12px; color:#494949; } #footer-menu .footer-list li { margin-bottom:3px; } #footer-menu .footer-list li a { color:#494949; text-decoration:none; } #footer-menu .social-media { width:200px; height:100px; float:right; margin:20px 15px 30px 0px; } #footer-menu .social-media a { width:32px; height:32px; float:left; background-image:url(img/socials.png); float:right; margin-left:10px; } #footer-menu .social-media a.fb { background-position:-42px 0px; } #footer-menu .social-media a.tw { background-position:0px 0px; } #footer-menu .social-media .fb-like { clear:both; float:right; margin-top:10px; } #footer-credits { width:100%; height:auto; float:left; background-color:#ffffff; text-align:center; font-size:12px; } #footer-credits p { padding:0; } #footer-credits p a { text-decoration:none; font-weight:bold; color:#333333; } #footer-credits .logo { width:31%; height:35px; float:left; margin:15px 0px 15px 2%; background-image:url(img/logo-footer.png); background-repeat:no-repeat; } #footer-credits .logo a { width:100%; height:100%; float:left; display:block; } #footer-credits .copyright { width:31%; height:35px; float:left; margin:15px 0px 15px 0px; line-height:35px; } #footer-credits .sites { width:33%; height:35px; float:right; text-align:right; margin:15px 2% 15px 0px; line-height:35px; } /* BG IMAGE Scalable */ #background { position:fixed; z-index:-999; overflow:hidden; top:0; left:0; } #theback { display:none; }