/*
 **********************************************
 JSGames plugin for Jomsocial
 Copyright (c) 2011 SuburbaNS / (c) 2011 Pimentel.cc
 **********************************************
 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 This header must not be removed. Additional contributions/changes
 may be added to this header as long as no information is deleted.
 **********************************************

 JSGames is a release of SuburbaNS.org

 **********************************************
 Get the latest version of JSGames at:
 http://www.suburbans.org/
 **********************************************
 */
/*******************************************************************************************/
/** GAMES **/
.jsBanner {
	border:0;
	z-index: -1;
}

/* BROWSE GAMES */
body #community-wrap .games {
	/* Just to put all toghether */
}

body #community-wrap .game-img-frame {
	position: relative;
	top: -5px;
	left: -5px;
	width: 190px;
	height: 145px;
	background: transparent url(games-item.png) no-repeat 0px 0px;
}

body #community-wrap .game-img {
	/* Avoid .hasTip interference */
	width: 180px;
	height: 135px;
	margin: 1px;	 /*0 !important;*/
	border: 2px solid #fff;
}

body #community-wrap .games-item {
	position: relative;
	border: 0px solid #fff;
	margin: 4px;
	padding: 5px;
	float: left;
	width: 100%;
	background: #fff url(games-item.png) no-repeat 0px 0px;
}

body #community-wrap .games-data {
	position: absolute;
	top: 5px;
	left: 195px;
	min-width:250px;
	text-align: justify;
	padding: 5px;
	padding-right: 18px;
}

body #community-wrap .games-add {
	position: absolute;
	top: 130px;
	width:100%;
	font-weight: bold;
}

body #community-wrap .games-add a:link, body #community-wrap .games-add a:visited{
	font-weight: bold;
}

body #community-wrap .games-add a:hover {
	font-weight: bold;
	color: #FFF;
}

#community-wrap .game-new {
	position: relative;
	top: 41px;
	left: 0;
	margin-top:-40px;
	width: 40px;
	height: 40px;
	background: transparent url(tag-new.gif) no-repeat 0 0;
}

#community-wrap .game-hot {
	position: relative;
	top: 41px;
	left: 0;
	margin-top:-40px;
	width: 40px;
	height: 40px;
	background: transparent url(tag-hot.gif) no-repeat 0 0;
}

#community-wrap .game-title-new {
	display: inline;
	width: 25px;
	min-height: 11px;
	background: transparent url(new.gif) no-repeat 0 3px;
}

#community-wrap .game-title-hot {
	display: inline;
	width: 25px;
	min-height: 11px;
	background: transparent url(hot.gif) no-repeat 0 3px;
}

/* MY GAMES */
body #community-wrap .game {
	/* LEGACY:
	   .game is now replaced with .game-item
	   to avoid conflict.
	*/
	float: left;
	width: auto;
}

body #community-wrap .game-item {
	position: relative;
	border: 1px solid #eee;
	margin: 3px;
	float: left;
	width: 32.5%; /* 49% */
}

body #community-wrap .game-item .game-item {
	position: relative;
	border: 1px solid #eee;
	margin: 5px;
	
	/* Reset from parent .game-item */
	float: none;
	width: auto;
}

body #community-wrap .game-thumb {
	float: left;
	padding: 8px; /* Did not use margin because it breaks on IE6/7 */
	position: relative;
}
body #community-wrap .jomTips .game-thumb-url {
	display: block;
	background: url(../../../assets/game_thumb.png) no-repeat center;
	overflow: hidden;
}
body #community-wrap .game-thumb img {
	/* Avoid .hasTip interference */
	width: 120px;
	height: 90px;
	margin: 0 !important; 
}

body #community-wrap .game-summary {
	margin: 8px;
	margin-bottom: 0;
}

body #community-wrap .game-title {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	
	/* Remove any possible <h3> inheritance from Joomla! template */
	margin: 0; padding: 0;
}

/***** BOX GAME *****/
#show-side-banner {
	display:block;
}
#hide-side-banner{
	display:none;
}
/**********************************************************************************************/