/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {
background:url(http://cdn.gamegarage.com/img/background.gif);
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:18px;
color:#595F5A;
}
p {
padding-bottom:15px;
}
a {
color:#B90000;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
font-size:30px;
font-weight:bold;
line-height:30px;
color:#B90000;
padding-bottom:10px;
}
h2 {
font-size:18px;
font-weight:bold;
line-height:20px;
padding-bottom:5px;
}
h3 {
font-size:16px;
font-weight:bold;
line-height:18px;
}
h4 {
font-size:14px;
font-weight:bold;
line-height:16px;
}
input,
textarea {
font-size:14px;
padding:2px;	
}

/* Common styles */
.clear {
clear:both;
}
.left {
float:left;
}
.right {
float:right;
}

/* Center layout */
#layout {
width:1000px;
margin:0 auto;
}

/* Top menu */
#top-menu {
width:1000px;
background:#6EB112;
height:34px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-khtml-border-bottom-left-radius:10px;
-khtml-border-bottom-right-radius:10px;
border-radius:0 0 10px 10px;
margin-bottom:10px;
behavior:url(/PIE.htc);
}
#non-genre ul {
float:left;
}
#non-genre li {
float:left;
height:34px;
border-right:1px solid #B7D889;
}
#non-genre a,
#header-menu a {
font-size:14px;
color:#F5EFF4;
line-height:22px;
padding:0 12px;
font-weight:bold;
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
text-decoration:none;
}
#non-genre a {
line-height:31px;
}
#non-genre a:hover,
#header-menu a:hover {
color:#FFE400;
}
#search {
float:left;
margin:5px 0 0 12px;
}
#search form {
float:left;
}
#search input[type="text"] {
width:225px;
font-size:14px;
color:#005C0B;
padding:2px;
background-color:#F1F7E8;
border:1px solid #4F7F0E;
}
#search input[type="submit"] {
width:60px;
color:#C5D090;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-shadow:#000 1px 1px;
background:#4B6230;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4B6230), to(#344A19));	
background:-moz-linear-gradient(19% 75% 90deg,#344A19, #4B6230);
-moz-box-shadow:0px 0px 2px #000;
-webkit-box-shadow:0px 0px 2px #000;
box-shadow:0px 0px 2px #000;
padding:2px 6px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top:1px solid #344A19;
behavior:url(/PIE.htc);
}
#search input[type="submit"]:active {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#344A19), to(#4B6230));
background:-moz-linear-gradient(19% 75% 90deg,#4B6230, #344A19);
behavior:url(/PIE.htc);
}
.ui-autocomplete {
position:absolute;
}
* html .ui-autocomplete {
width:1px;
} /* without this, the menu expands to 100% in IE6 */
.ui-menu {
list-style:none;
padding:2px;
margin:0;
display:block;
float:left;
}
.ui-menu-item {
margin:0;
padding:0;
zoom:1;
float:left;
clear:left;
width:100%;
}
.ui-menu-item a {
text-decoration:none;
display:block;
padding:2px 4px;
line-height:32px;
zoom:1;
}
.ui-menu-item img {
float:left;
margin-right:5px;
}
.ui-menu-item strong {
font-weight:bold;
}
.ui-menu-item a.ui-state-hover,
.ui-menu-item a.ui-state-active {
margin:-1px;
}
.ui-widget-content {
border:1px solid #494949;
background:#fcfdfd;
}
.ui-corner-all {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(/PIE.htc);
}
.ui-state-hover {
border:1px solid #EAB31D;
background:#F2CF73;
}
#follow-us {
float:right;
height:29px;
padding:5px 7px 0 12px;
border-left:1px solid #B7D889;
background:#840000;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-khtml-border-bottom-right-radius:10px;
border-radius:0 0 10px 0;
behavior:url(/PIE.htc);
}
#follow-us ul {
float:left;
}
#follow-us li {
float:left;
padding-right:5px;
}
#follow-us a {
display:block;
width:24px;
height:24px;
background:url(http://cdn.gamegarage.com/img/follow-us.png) no-repeat;
}
#follow-us span {
display:none;
}
#follow-us #facebook {
background-position:-24px 0;
}
#follow-us #twitter {
background-position:-48px 0;
}
#follow-us #rss {
background-position:-72px 0;
}

/* Header */
#header-top {
width:1000px;
height:110px;
background-color:#6FB312;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#94EF18), to(#6FB312));
background-image:-webkit-linear-gradient(top, #94EF18, #6FB312);
background-image:-moz-linear-gradient(top, #94EF18, #6FB312);
background-image:-ms-linear-gradient(top, #94EF18, #6FB312);
background-image:-o-linear-gradient(top, #94EF18, #6FB312);
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-khtml-border-top-left-radius:10px;
-khtml-border-top-right-radius:10px;
border-radius:10px 10px 0 0;
behavior:url(/PIE.htc);
}
#logo {
display:block;
float:left;
width:232px;
height:49px;
margin:32px 15px 0 15px;
background:url(http://cdn.gamegarage.com/img/logo.png) no-repeat;
}
#logo span {
display:none;
}
#header-menu {
width:1000px;
background:#388503;
border-top:1px solid #204D00;
height:25px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-khtml-border-bottom-left-radius:10px;
-khtml-border-bottom-right-radius:10px;
border-radius:0 0 10px 10px;
behavior:url(/PIE.htc);
}
#header-menu ul {
float:left;
}
#header-menu li {
float:left;
height:25px;
border-right:1px solid #204D00;
}
#header-menu li.last {
border-right:0;
}

/* Box shadows */
.content-box,
#top-menu,
#header-top,
#header-menu {
-moz-box-shadow:3px 3px 5px #888888;
-webkit-box-shadow:3px 3px 5px #888888;
-khtml-box-shadow:3px 3px 5px #888888;
box-shadow:3px 3px 5px #888888;
behavior:url(/PIE.htc);
}

/* Content container */
#content-container {
width:880px;
float:left;
margin-bottom:20px;
}
.content-box {
float:left;
margin:10px 10px 0 0;
background:#494949;
-moz-box-shadow:3px 3px 5px #888888;
-webkit-box-shadow:3px 3px 5px #888888;
-khtml-box-shadow:3px 3px 5px #888888;
box-shadow:3px 3px 5px #888888;
behavior:url(/PIE.htc);
}
.content-box-full {
width:870px;
}
.content-box,
.content-box-inner {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;  
behavior:url(/PIE.htc);
}
.content-box > h1,
.content-box > h3 {
color:#FFF;
font-size:16px;
line-height:18px;
margin:6px 0 6px 10px;
padding:0;
text-transform:uppercase;
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
cursor:default;
}
.content-box-inner {
position:relative;
background:#FFF;
margin:0 0 5px 5px;
padding:5px;
}
.content-box-inner ul {
margin:0 0 15px 25px;
}
.content-box-inner li {
list-style:disc outside;
padding:0 0 5px 0;
}
.content-box-full .content-box-inner {
width:850px;
}
.game-listing .content-box-inner {
width:255px;
height:65px;
font-size:10px;
line-height:12px;
}
.game-listing img {
float:left;
margin-right:10px;
}
.game-listing h4 {
padding-bottom:4px;
max-width:165px;
height:14px;
overflow:hidden;
}
.game-listing strong,
.game-listing span {
position:absolute;
bottom:5px;
}
.game-listing strong {
left:95px;
}
.game-listing span {
right:5px;
}

/* Homepage */
#featured-games {
width:585px;
height:250px;
background:#B90000;
}
#featured-games .content-box-inner {
position:relative;
width:565px;
height:205px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#featured-games .content-box-inner div {
position:absolute;
left:5px;
top:5px;
}
#new-games {
float:right;
width:275px;
height:510px;
background:#B90000;
}
#featured-games .more,
#new-games .more {
float:right;
margin:5px 5px 0 0;
color:#eab31d;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
#new-games p {
padding-bottom:0;
}
#news {
width:275px;
height:250px;
background:#494949;
}
#news .content-box-inner {
width:255px;
height:205px;
}
#news p {
font-weight:bold;
}
.game-listing-small,
#special-games {
width:275px;
height:265px;  
}
.game-listing-small .content-box-inner {
height:32px;
}
.game-listing-small h4 {
float:left;
margin-top:8px;
max-width:205px;
height:14px;
overflow:hidden;
}
.game-listing-small em {
position:absolute;
right:5px;
bottom:5px;;
}
#recently-played {
width:300px;
background:#B93900;
}
#recently-played p {
font-size:14px;
font-weight:bold;
line-height:18px;
}
#recently-played .content-box-inner {
width:280px;
}
#recently-played h4 {
max-width:230px;
}
#popular-games {
background:#F77116;
}
#special-games {
background:#2F6F7E;
}
#special-games .content-box-inner {
width:255px;
height:220px;
}

/* Advertising */
#advertising h3 {
margin-bottom:10px;
}
#advertising-info {
float:left;
width:575px;
}
#advertising-stats {
float:left;
width:260px;
}
#advertising-stats li {
padding:0;
}
#advertising-previous {
clear:both;
}
#advertising-previous img {
margin:0 81px;
}

/* Category */
#category-info {
width:560px;
height:245px;
background:#B90000;
padding-top:5px;
}
#category-info-text {
width:270px;
height:230px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#category-info .content-box-inner {
float:left;
margin-bottom:7px;
}
#category-list {
background:#494949;
}
#category-list h1,
#category-list-top h1 {
float:left;
}
#category-list h3 {
float:left;
}
#category-list .content-box-inner {
float:left;
width:273px;
}
#category-list h4 {
max-width:183px;
}
#category-order {
float:right;
color:#FFF;
margin:5px;
}
#category-order li {
float:left;
border-right:1px solid #fff;
padding:0 5px;
}
#category-order li.first,
#category-order li.last {
border:0;
}
#category-pagination {
clear:both;
float:right;
color:#FFF;
margin:5px;
}
#category-paginator {
clear:both;
font-weight:bold;
text-align:center;
color:#FFF;
}
#category-paginator p {
margin:5px 10px 10px;
padding:0;
}
#category-paginator a,
#category-order a {
color:#FFF076;
}
#category-paginator a:hover,
#category-order a:hover {
color:#89EC00;
}

/* Category - All */
#all-games-nav {
float:right;
width:594px;
height:18px;
margin:5px;
}
#all-games-nav li {
float:left;
width:20px;
text-align:center;
margin-right:2px;
background:#8CEF00;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
behavior:url(/PIE.htc);
}
#all-games-nav li:hover,
#all-games-nav li.active {
background:#FF6B31;
}
#all-games-nav a {
display:block;
width:20px;
font-size:14px;
line-height:18px;
font-weight:bold;
text-decoration:none;
color:#000;
}

/* Category - Top */
#category-list-top h1 {
float:left;
}
#category-list-top .content-box-inner {
clear:both;
width:850px;
}
#category-list-top .number {
float:left;
width:60px;
padding-top:22px;
font-size:20px;
font-weight:bold;
text-align:center;
}
#category-list-top .blurb,
#category-list-top .stats {
float:left;
font-size:14px;
line-height:16px;
height:65px;
overflow:hidden;
}
#category-list-top .blurb {
width:500px;
}
#category-list-top h4 {
max-width:500px;
font-size:16px;
margin-bottom:5px;
}
#category-list-top .stats {
float:right;
width:150px;
}
#category-list-top .stats li {
height:16px;
overflow:hidden;
list-style:none;
}

/* Contact */
#contact p {
padding:10px;
}

/* Multiplayer */
#multiplayer .content-box-inner {
float:left;
width:417px;
}
#multiplayer .multiplayer-featured {
width:850px;
}
#multiplayer h2 {
color:#B90000;
}
#multiplayer img {
float:left;
margin-right:10px;
}

/* Play */
#play-info {
width:870px;
height:245px;
background:#494949;
padding-top:5px;
}
#play-info-text {
width:580px;
height:230px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#play-info .content-box-inner {
float:left;
margin-bottom:7px;
}
#play-breadcrumb {
font-size:12px;
line-height:12px;
padding-bottom:5px;
border-bottom:1px solid #E5E5E5;
margin-bottom:5px;
}
#play-info table {
position:absolute;
bottom:5px;
}
#play-info th {
padding-right:25px;
}
#play-info td {
padding-right:50px;
}
#play-info iframe {
position:absolute;
bottom:5px;
right:0;
border:none;
overflow:hidden;
width:55px;
height:66px;
}
#play-info h3 {
float:left;
font-size:14px;
line-height:14px;
margin:0 0 3px 10px;
}
#game-rating small {
font-size:10px;
line-height:10px;
margin-left:10px;
}
#play-game {
width:860px;
padding:5px;
text-align:center;
background:#494949;
}
#play-game div {
margin:0 auto;
}
#play-instructions {
width:560px;
height:245px;
background:#494949;
padding-top:5px;
}
#play-instructions .content-box-inner {
width:540px;
height:230px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#play-instructions h2 {
color:#B90000;
}

/* Play - jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
span.star-rating-control {
float:left;
position:relative;
bottom:0;
right:auto;
}
div.star-rating {
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}
.star-rating,
.star-rating a {
background:url(http://cdn.gamegarage.com/img/star.gif) no-repeat 0 0px;
}
.star-rating a {
display:block;
width:16px;
height:100%;
background-position:0 0px;
border:0;
margin:0;
}
.star-rating-on a {
background-position:0 -16px !important;
}
.star-rating-hover a {
background-position:0 -32px;
}
/* Read Only CSS */
.star-rating-readonly a {
cursor:default !important;
}
/* Partial Star CSS */
.star-rating {
background:transparent !important;
overflow:hidden !important;
}

/* Terms */
#terms .content-box-inner {
float:left;
width:417px;
}

/* Adverts */
#ad-leaderboard {
float:left;
width:728px;
height:90px;
margin:10px 0;
}
#ad-mpu {
width:300px;
height:250px;
float:left;
margin:10px 10px 0 0;
}
#ad-skyscraper {
width:120px;
float:right;
margin-top:10px;
}

/* Footer */
#footer {
clear:both;
width:1000px;
padding:180px 0 20px;
font-size:12px;
font-weight:bold;
line-height:15px;
}
#footer ul {
width:1000px;
float:left;
margin-bottom:15px;
}
#footer li {
float:left;
border-left:1px solid #4F504A;
padding:0 5px;
}
#footer li.first {
border:0;
padding-left:0;
}