@charset "utf-8";
/*
*** Stylesheet for Thegamehomepage.com
*** Designed by Orman Clark (www.ormanclark.com)
*/

/* Default Styles */
* { margin: 0; padding: 0; }

a img { border: none; }
a { color: #cc6600; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active, a:focus { outline: 0 }

p { margin-bottom: 8px; }
.orange { color: #ffa620; }

.left { float: left; }
.right { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
.buffer { margin-bottom: 20px; }

/* Structure */
/*body { background: url(../images/bg-body-new6.gif) left top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #333; }*/
body { background: url(../images/bg-body-sml.gif) left top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #333; }
.content { width: 940px; margin: 0 auto; }

/* Adverts */
.ad-300-250 { width: 300px; height: 250px; }
.ad-728-90 { position: absolute; left: 205px; top: 5px; width: 728px; height: 90px; overflow: hidden; }
.ad-block-wide { height: 90px; padding: 5px; background: url(../images/bg-slider.gif); margin-bottom: 20px; position: relative; }

/* Header */
.header-wide { width: 100%; background: url(../images/bg-header-wide-new.jpg) center top no-repeat; margin: 0 auto 23px auto; height: 105px; } /*height 80 */
.header { width: 940px; margin: 0 auto; position: relative; }
.header-game-plays, .header-second-nav { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; padding-top: 6px; }
.header-second-nav a { color: #fff; margin: 0 5px; }
.header-second-nav a:hover { color: #ffa620; text-decoration: none; }
.logo { position: absolute; left: 10px; top: 9px; }
.header-search-box { position: absolute; left: 810px; top: 5px; } /*  left: 763px; 810px with search btn */
/*.header-game-finder { position: absolute; left: 350px; top: 50px; }
ul.tabs { list-style-type: none; background: url(../images/bg-or.png) 93px 3px no-repeat; }
ul.tabs li { float: left; margin-right: 30px; text-indent: -9999px; }
ul.tabs li a { background: url(../images/tabs-selector.png) left top no-repeat; display: block; }
a.btn-game-finder { width: 87px; height: 28px; }
a.btn-game-finder:hover, ul.tabs li.active a.btn-game-finder { background-position: 0 -28px; }
a.btn-game-search { width: 60px; height: 28px; background-position: -116px 0 !important; }
a.btn-game-search:hover, ul.tabs li.active a.btn-game-search { background-position: -116px -28px !important; }
.tab-container { width: 620px; height: 50px; margin: 10px 0 0 -30px; background: url(../images/bg-game-finder.png) left top no-repeat; padding: 10px 0 0 10px; }
.tab-container select { margin-right: 10px; color: #302a28; font-size: 12px; width: 135px; padding: 6px; }
.field-search { margin-right: 10px; color: #302a28; font-size: 12px; width: 420px; padding: 6px;  } */
.header-nav { position: absolute; list-style-type: none; padding: 0 0 0 100px; left: 200px; top: 55px; width: 680px; } /* left:150px 200px width 650*/
.header-nav li { float: left; }
.header-nav li a { display: block; padding: 7px 9px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; }
.header-nav li a:hover, .header-nav li.active a { background: #efefef; text-decoration: none; color: #312a28; }
.header-news { position: absolute; top: 85px; left: 0px; width:930px; background-color: #efefef; padding:5px; margin-top:0px; margin-bottom:25px; font-size:16px;}

/* Featured Slider */
.feature-block { margin-bottom: 20px; position: relative; }
.feature-icon { width: 85px; height: 85px; position: absolute; left: 0; background: url(../images/icon-featured.png) left top no-repeat; z-index: 100; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
.anythingSlider { width: 630px; height: 250px; position: relative; margin: 0 auto; background: url(../images/bg-slider.gif); -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.anythingSlider .wrapper { width: 610px; overflow: auto; height: 230px; margin: 0; position: absolute; top: 10px; left: 10px; }
.anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background-color: #362F2D; margin: 0; }
.anythingSlider ul li { display: block; float: left; padding: 0; height: 230px; width: 610px; margin: 0;}
.anythingSlider .arrow { display: block; height: 20px; width: 69px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 200px; cursor: pointer; }
.anythingSlider .forward { background-position: -73px -30px; right: 20px; }
.anythingSlider .back { background-position: 0 -30px; left: 465px; }
.anythingSlider .forward:hover { background-position: -73px 0; }
.anythingSlider .back:hover { background-position: 0 0; }
#start-stop { display: none; }
.anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }
.slider-block { width: 180px; padding: 10px 20px; background: url(../images/bg-slider-block.png); float: right; height: 210px; }
.slider-block h3 { font-size: 16px; color: #fff; font-weight: bold; margin: 0 0 5px 0; }
.slider-block p { color: #ccc; margin-bottom: 10px; }
.slider-block .rating { margin-bottom: 10px; }

/* Slide Images */
.slider-1 { background: url(../images/slider-1.gif) left top no-repeat; }
.slider-2 { background: url(../images/slider-1.gif) left top no-repeat; }
.slider-3 { background: url(../images/slider-1.gif) left top no-repeat; }
.slider-4 { background: url(../images/slider-1.gif) left top no-repeat; }
.slider-5 { background: url(../images/slider-1.gif) left top no-repeat; }

/* Game Lists */
.game-list-left { float: left; width: 460px; padding-right: 9px; border-right: 1px dashed #ccc; background: url(../images/bg-game-list.gif) left top no-repeat; position: relative; padding-top: 30px; }
.game-list-right { float: right; width: 460px; position: relative; padding-top: 30px; background: url(../images/bg-game-list.gif) right top no-repeat; padding-left: 5px; }
.game-list-wide { position: relative; padding-top: 30px; background: url(../images/bg-game-list-wide.gif) left top no-repeat; margin-bottom: 20px; }
.game-list-wide-cont { background: none; padding-top: 0; margin-top: -20px; }

.content h2.game-list-heading { font-size: 12px; font-weight: bold; color: #333; text-transform: uppercase; position: absolute; left: 10px; top: 7px; margin: 0 !important; }
.game-list-view-all { position: absolute; left: 370px; top: 5px; }
.game-list-wide-view-all{ position: absolute; left: 850px; top: 5px; }

.game-block { width: 110px; float: left; margin-top: 5px; margin-right: 3px; position: relative; border: 1px solid #ccc; background-color:#fff;}
.game-list-wide .game-block { margin-right: 6px; }
.game-block-last { margin-right: 0 !important; }
.game-block-thumb { padding: 5px; margin-bottom: 5px; }
.game-block a { height: 100px; width: 100px; display: block; margin: 0 0 10px; }
.game-block h3 { text-align:center; width: 105px; height: 30px; overflow: hidden; margin: 0 0 5px 0; }
.game-block h3 a { font-size: 10px; color: #333; text-transform: uppercase; padding-left: 5px; }
.game-block h3 a:hover { color: #ffa620; text-decoration: none; }
.game-block-icons { position: absolute; left: 5px; top: 81px; height: 20px; padding: 2px 3px; background: url(../images/bg-slider-block.png); width: 94px; }
.game-block-icons img { margin: 2px; cursor: help; }
.game-block-rating { background: url(../images/bg-game-block-rating.png) left top no-repeat; width: 100px; padding: 5px; }

/* Footer */
.footer-full { background: #362f2d url(../images/bg-footer-full.gif) left top repeat-x; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; }
.footer-wide { background: url(../images/bg-footer-wide.jpg) center top no-repeat; width: 100%; margin: 0 auto; }
.footer { width: 940px; margin: 0 auto; padding-top: 60px; color: #ab948e; }
.footer-block { width: 180px; float: left; margin-right: 70px; }
.footer-block-last { margin-right: 0 !important; }
.footer-block h3 { color: #cdc1be; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; }
.footer-block ul { list-style-type: none; margin-bottom: 40px; }
.footer-block li { text-transform: uppercase; font-size: 12px; line-height: 18px; }
.footer-block li a, .copyright a { color: #aa938d; }
.copyright { padding-top: 5px; }
.copyright a { font-weight: bold; }
.submit a { margin-left: 20px; }

.content h1 { font-size: 20px; font-weight: bold; color: #302a28; margin: 0 0 10px 0; }
.content h2 { font-size: 14px; font-weight: normal; color: #302a28; margin: 15px 0 5px 0; }
.content ul, .content ol { margin: 0 0 10px 30px; }

/* Play Box */
.play-block { background: #302a28; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px 10px; margin-bottom: 20px; margin-top:30px; }
.play-block h1 { color: #fff; font-size: 26px; font-weight: bold; text-align: center; margin: 20px 0 20px 0; }
.media-container { margin: 0 auto; }
.media { text-align: center; }
.media object { padding: 10px; background: url(../images/bg-slider.gif); display: block; margin: 0 auto; }
.play-block-icons { margin: 20px 0; text-align: center; }
.play-block-icons img { margin: 0 2px; }
.play-block-desc, .play-block-rate, .play-block-disc { width: 300px; color: #ccc; padding-top: 50px; }
.play-block-details span { color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.play-block-desc { background: url(../images/bg-play-block-desc.gif) left top no-repeat; margin-right: 10px; }
.play-block-rate { background: url(../images/bg-play-block-rate.gif) left top no-repeat; position: relative; }
.play-block-disc { background: url(../images/bg-play-block-disc.gif) left top no-repeat; }
.play-block-rate .rating { position: absolute; left: 75px; top: 47px; }
.play-block-rate input { color: #302a28; font-size: 12px; width: 280px; padding: 6px; margin-bottom: 10px; }
.bookmark { background: url(../images/icon-bookmark.gif) left center no-repeat; padding-left: 20px; color: #ccc; }
.bookmark:hover { background: url(../images/icon-bookmark-hover.gif) left center no-repeat; color: #ffa620; text-decoration: none; }
.content .play-block-disc ul { list-style-type: none; margin: 0; }
.play-block-disc li { padding-bottom: 2px; border-bottom: 1px dashed #444444; margin-bottom: 10px; }
.play-block-disc a { color: #fff; }
.play-block-disc a:hover { color: #ffa620; text-decoration: none; }
.play-block-desc a { color: #ccc; }
.play-block-desc a:hover { color: #ffa620; text-decoration: none; }

/* Browse Panel */
.browse-panel { width: 600px; height: 225px; position: relative; margin: 0 auto; background: #302a28; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 25px 15px 0 15px; }
.content .browse-panel h1 { font-size: 16px; color: #fff; margin: 0 0 5px 0; }
.content .browse-panel h1 span { color: #ff9900; }
.browse-panel p { color: #666; margin-bottom: 20px; }
.browse-panel .left { border-right: 1px dashed #444; margin-right: 9px; height: 150px; width: 150px; }
.browse-panel table td { height: 21px; vertical-align: middle; }
.browse-panel label { font-size: 12px; color: #ccc; }
.browse-panel label:hover { color: #ff9900; cursor: pointer; }
.browse-panel input[type=radio] { margin: 0 3px 0 0; }

/* Pagination */
.pagination { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: #f8f8f8; padding: 8px 10px; color: #695f5f; }
.content .pagination ul { list-style-type: none; margin: 0; }
.pagination li { display: inline; }
.pagination a { color: #695f5f; padding: 2px 6px; background: #efefef; border: 1px solid #ccc; }
.pagination a:hover, .pagination a.currentpage { color: #ccc; background: #302a28; text-decoration: none; border: 1px solid #302a28; }