/* $Id: local-sample.css,v 1.1 2009/08/19 04:28:52 sociotech Exp $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */


/* HTML Elements
-------------------------------------------------------------- */
body {
  padding: 0;
}

.page {
}

.page-inner {
}

/* Lists */
ul li {
}

ul li ul li {
}

ul li ul li ul li {
}

/* Blockquotes */
blockquote {
  font-style: italic;
  margin: 10px 0;
  padding: 10px 30px;
}


/* Site Info
-------------------------------------------------------------- */
#header-site-info span {
}

#logo {
  float: left;
  margin: 0 10px 0 0;
}

#site-name a:link,
#site-name a:visited {
}

#slogan {
  float: left;
  font-style: italic;
}

#site-name-slogan {
  float: left;
}


/* Regions
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
#page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Group */
.header-group-wrapper {
  float: left;
}

.header-group-inner {
  padding: 20px 0 25px 0;
}

.header-group-wrapper a:link,
.header-group-wrapper a:visited {
}

/* Header Top */
.header-top-wrapper {
  float: left;
  min-height: 28px;
  /* background: #8395C7; */
}

.header-top {
  overflow: visible;
  position: relative;
}

/* Header top region */
.header-top-region {
  padding: 0px 0 0 0;
}

.header-top-region a:link,
.header-top-region a:visited,
.header-top-region a:hover,
.header-top-region a:focus {
}

/* Header Site Info */
.header-site-info {
  margin: 0;
}

.header-site-info-inner {
  float: left;
}

/* Header Wrapper */
.header-group .block {
  margin: 0;
}

.header-group .inner {
}

 

/* Header Regions - Secondary menu
-------------------------------------------------------------- */
.secondary-menu {
  margin-bottom: 0;
  width: auto;
}

.secondary-menu-inner ul.links {
  float: none;
}

.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  display: block;
  float: left;
  padding: 7px 10px 7px 10px;
}

.secondary-menu-inner ul.links li.last a {
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus {
  text-decoration: none;
}

.secondary-menu-inner ul.links li a.active {
}


/* Header Regions - Search
-------------------------------------------------------------- */
.search-box {
  float: right;
  margin-bottom: 0;
  overflow: visible;
  width: auto;
}

.search-box-inner {
  float: right;
  width: 232px;
}

.search-box-inner form#search-theme-form {
  height: 35px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 232px;
  z-index: 10;
}

.search-box-inner #search-input {
  padding: 8px 0 0 10px;
}

.search-box-inner input#edit-search-theme-form-header {
  border: none;
  float: left;
  margin: 0;
  padding: 0;
  width: 185px;
}

.search-box-inner .searchButtonPng {
  margin: -1px 0 0 10px;
  padding: 0;
}

.search-box-inner #search-input input {
  margin: 2px 0 0 0;
}


/*  Preface Regions
-------------------------------------------------------------- */
.preface-top {
  padding: 20px 0 0 0;
}


/*  Main Area (content + sidebars + main-prefaces + main-postscripts)
-------------------------------------------------------------- */
#main-wrapper {
  padding: 20px 0;
}


/* Content Regions
-------------------------------------------------------------- */
#content-inner {
  clear: both;
}


/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-bottom-wrapper {
}

.postscript-bottom {
  padding: 20px 0 0 0;
}

.postscript-bottom h2.block-title,
.footer-message-wrapper h2.block-title {
}

.postscript-bottom a:link,
.postscript-bottom a:visited,
.footer-message a:hover {
  color: #fff;
}

.footer-wrapper {
}

.footer-wrapper,
.footer-message-wrapper,
.store-footer,
.footer-wrapper h2.block-title {
}

.footer {
  padding: 20px 0 0 0;
}

.footer-wrapper,
.footer-message-wrapper {
}

.footer-message {
  padding: 10px 0;
}

.footer-message a:link,
.footer-message a:visited,
.footer a:link,
.footer a:visited {
}

#store-footer {
}

#store-footer a:link,
#store-footer a:visited {
}

#store-footer {
}


/* Primary Menu
/-------------------------------------------------------------- */
.header-primary-menu-wrapper {
  float: left;
}

.header-primary-menu {
  overflow: visible;
}

.primary-menu {
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 10;
}

/* visited pseudo selector so IE6 applies text colour */
.primary-menu-inner ul.menu li a:link,
.primary-menu-inner ul.menu li a:visited {
  display: block;
  float: left;
  padding: 8px 20px 8px 20px;
}

.primary-menu-inner ul.menu li a:hover,
.primary-menu-inner ul.menu li a:focus {
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
  float: none;
}

.primary-menu-inner ul.sf-menu li a:hover,
.primary-menu-inner ul.menu li.active-trail a,
.primary-menu-inner ul.sf-menu li:hover a,
.primary-menu-inner ul.sf-menu li.hover a {
}

.primary-menu-inner ul.menu li.active-trail a.active {
}

.primary-menu-inner ul.sf-menu li.leaf {
  line-height: 30%;
}

.primary-menu-inner ul.sf-menu li.last {
}

.primary-menu-inner ul.sf-menu li.expanded:hover a,
.primary-menu-inner ul.sf-menu li.expanded.hover a {
  margin-bottom: -5px;
  padding-bottom: 13px;
}

.primary-menu-inner ul.sf-menu li.expanded:hover ul.menu li a,
.primary-menu-inner ul.sf-menu li.expanded.hover ul.menu li a {
  margin-bottom: 0;
  padding: 5px 10px;
}

/* 2nd Level */
.primary-menu-inner ul.sf-menu li ul {
  font-size: 90%;
}

.primary-menu-inner ul.sf-menu li ul.menu {
  margin-left: 1px;
  width: 200px;
}

.primary-menu-inner ul.sf-menu li ul.menu li {
}

.primary-menu-inner ul.sf-menu ul li.last {
  border-right: none;
}

.primary-menu-inner ul.sf-menu li ul.menu a:link,
.primary-menu-inner ul.sf-menu li ul.menu a:visited {
  border-left: none;
  padding: 5px 10px;
  width: 180px;
}

.primary-menu-inner ul.sf-menu li:hover ul li a:link,
.primary-menu-inner ul.sf-menu li:hover ul li a:visited,
.primary-menu-inner ul.sf-menu li.hover ul li a:link,
.primary-menu-inner ul.sf-menu li.hover ul li a:visited {
}

.primary-menu-inner ul.sf-menu li.last a:link,
.primary-menu-inner ul.sf-menu li.last a:visited,
.primary-menu-inner ul.sf-menu li.last ul li a:link,
.primary-menu-inner ul.sf-menu li.last ul li a:visited {
  border-right: none;
}

.primary-menu-inner ul.sf-menu li.sfHover ul {
  margin-top: 12px;
}

.primary-menu-inner ul.sf-menu li.sfHover ul.menu li a:visited {
}

.primary-menu-inner ul.sf-menu li.sfHover ul.menu li a:hover {
}

.primary-menu-inner ul.sf-menu li.sfHover ul.menu li a.active {
  text-decoration: underline;
}

/* 3rd Level */
.primary-menu-inner ul.sf-menu .current ul,
.primary-menu-inner ul.sf-menu ul li:hover ul,
.primary-menu-inner ul.sf-menu ul li.sfHover ul {
  left: 200px;
  top: -12px;
}

.primary-menu-inner ul.sf-menu li ul.menu li ul.menu {
  border-bottom: none;
}

/* Primary menu - nolink */
.primary-menu-inner ul.menu li .nolink {
  display: block;
  float: left;
  padding: 8px 20px 8px 20px;
}

.primary-menu-inner ul.menu li .nolink {
  cursor: pointer;
}

.primary-menu-inner ul.menu li .nolink:hover,
.primary-menu-inner ul.menu li .nolink.hover {
}

.primary-menu-inner ul.menu li.active-trail .nolink,
.primary-menu-inner ul.sf-menu li:hover .nolink,
.primary-menu-inner ul.sf-menu li.hover .nolink {
}

.primary-menu-inner ul.sf-menu li.expanded:hover .nolink,
.primary-menu-inner ul.sf-menu li.expanded.hover .nolink {
  margin-bottom: -5px;
  padding-bottom: 13px;
}


/* User Login Form - Horizontal (Skinr selectable)
/-------------------------------------------------------------- */
.fusion-horiz-login#block-user-0 {
  /*float: left;*/
  margin: 3px 0 2px 0;
  position: relative;
}

html.js .fusion-horiz-login#block-user-0 {
  margin-top: 2px;
}

.fusion-horiz-login#block-user-0 h2.title {
  display: none;
}

.fusion-horiz-login#block-user-0 #user-login-form div.form-item,
.fusion-horiz-login#block-user-0 #user-login-form input.form-submit,
.fusion-horiz-login#block-user-0 .item-list {
  float: left;
  margin: 0 10px 0 0;
  text-align: left;
}

.fusion-horiz-login#block-user-0 #user-login-form input.form-submit {
  padding: 2px 15px;
  text-align: center;
}

.fusion-horiz-login#block-user-0 #user-login-form div.form-item {
  width: 115px;
}

.fusion-horiz-login#block-user-0 #user-login-form label {
  margin: -20px 0 0 2px;
}

html.js .fusion-horiz-login#block-user-0 #user-login-form label {
  display: block;
  font-weight: normal;
  margin: 0 0 0 7px;
  position: absolute;
  top: 2px;
}

.fusion-horiz-login#block-user-0 #user-login-form input.form-text {
  border-width: 1px;
  padding: 1px;
  width: 125px;
}

.fusion-horiz-login#block-user-0 .item-list {
  margin-top: -1px;
}

.fusion-horiz-login#block-user-0 .item-list ul {
  margin: 0;
  padding: 0;
}

.fusion-horiz-login#block-user-0 .item-list li {
  list-style: none;
  margin: 0;
}

.fusion-horiz-login#block-user-0 .item-list li a {
  text-decoration: none;
}

.fusion-horiz-login#block-user-0 .item-list li a:hover,
.fusion-horiz-login#block-user-0 .item-list li a:focus {
  text-decoration: underline;
}


/* OpenID login*/
.fusion-horiz-login#block-user-0 #user-login-form li.openid-link,
.fusion-horiz-login#block-user-0 #user-login-form li.user-link {
  background: none;
  padding: 6px 0 0 0;
}

.fusion-horiz-login#block-user-0 #user-login-form div#edit-openid-identifier-wrapper {
  margin: 0 10px 0 0;
  width: 145px;
}

.fusion-horiz-login#block-user-0 #user-login-form input#edit-openid-identifier.form-text {
  width: 135px;
}

html.js .fusion-horiz-login#block-user-0 #user-login-form div#edit-openid-identifier-wrapper label {
  padding-left: 18px;
}

.fusion-horiz-login#block-user-0 #edit-openid-identifier-wrapper .description {
  padding-right: 5px;
  text-align: right;
}




/*******************************************************
** Goodies for styling the Panels panes!!  :)  -Hoza  **
** ... look into separating out the layout, eh?				**
*******************************************************/

/* The whole game Panel page content area */
div#panel_game_page {
	background-color: #fff;
}

/* The View Panel section with primary game info (rating,thumb,icons,"play now", etc.) */
.game_info_block {
  background-color: #fff;
}

#top {
  float:left;
/*  clear:both;*/
/* position:relative;*/
 top:0px;
 border-bottom:1px solid;
 border-color:grey;
 }

#bottom {
  float:left;
/* position:inherit;*/
/* bottom:0px;*/
 left:100px;
 margin:4px;
}

/** Top block: **/
#game_title {
  font-style:italic;
}
  
#game_teaser {
	color: #999;
	font-style: italic;
}

#thumbnail {
  float:left;
  left:0px;
  top:0px;
}

#esrb_rating {
  float:right;
}

#critic_rating {
  float:right;
}

/** Bottom block: **/
#recommended_game {
/*  float:left;*/
  width:50px;
  /*clear:both;*/
/*  position:absolute;
  left:0px;
  top:100px;*/
}

#leaderboard_enabled {
/*  float:left;*/
  width:50px;
}

#pointless_game {
/*  float:left;*/
/*  clear:left;*/
  width:50px;
}

#reviewer_favorite {
 width:50px;
}

#featured_game {
 width:50px;
}

#play_game_button {
 background-color:#FFA237;
 border:2px #222E63 outset;
 color:#222E63;
 font-style:bold;
 font-style:underline;
 margin:5px 5px 5px 20px;
 padding:8px 10px;
 width:120px;
 text-align:center;
 font-size:1.6em;
}
#play_game_button:hover {
 background-color:#3FD300;
 border-style:inset;
 color:white;
}

/* Not working -- div#middlecontainer is overriding this!
div#play_game_button a,
div#play_game_button a:link {
 color:pink;
}*/

.grid_display_game_block {
 background-color:#eee;
 width:140px;
 border:1px #ccc solid;
 text-align:center;
 margin:2px;
 padding:2px;
}

#thumbnail_grid {
 padding:2px;
}