/* ###--------------------------------------------------------###
 * Template Ocean
 *
 * Copyright (c) 2007 - 2011 Big Fish Games, Inc.
 *
 * 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 program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 * @author 3five Inc <info@3five.com>
 * @version 1.0
 * @package PNP Tools
 * @subpackage SGS
 *
 * @copyright Copyright (c) 2007 - 2011 Big Fish Games, Inc.
 * @license http://creativecommons.org/licenses/GPL/2.0/ Creative Commons GNU GPL
 */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/**
 * Bebas Web Font
 * Generated by Font Squirrel (http://www.fontsquirrel.com) on December 12, 2012 12:07:07 PM America/New_York
 */
@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * Cantarell Web Font
 * Generated by Font Squirrel (http://www.fontsquirrel.com) on December 10, 2012 11:38:41 AM America/New_York
 */
@font-face {
    font-family: 'CantarellRegular';
    src: url('fonts/Cantarell-Regular-webfont.eot');
    src: url('fonts/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Regular-webfont.woff') format('woff'),
         url('fonts/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Regular-webfont.svg#CantarellRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CantarellOblique';
    src: url('fonts/Cantarell-Oblique-webfont.eot');
    src: url('fonts/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Oblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Oblique-webfont.svg#CantarellOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CantarellBold';
    src: url('fonts/Cantarell-Bold-webfont.eot');
    src: url('fonts/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-Bold-webfont.woff') format('woff'),
         url('fonts/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-Bold-webfont.svg#CantarellBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CantarellBoldOblique';
    src: url('fonts/Cantarell-BoldOblique-webfont.eot');
    src: url('fonts/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cantarell-BoldOblique-webfont.woff') format('woff'),
         url('fonts/Cantarell-BoldOblique-webfont.ttf') format('truetype'),
         url('fonts/Cantarell-BoldOblique-webfont.svg#CantarellBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}



/* Base Elements */
html {font-size:100%;}

body {font: normal .75em/1.6em sans-serif;background-color:#fafafa;}

h1,h2,h3,h4,h5,h6 {color:#0084bf;}
h1		{font-size: 1.8em;}
h2		{font-size: 1.6em;}
h3		{font-size: 1.4em;}
h4		{font-size: 1.3em;}
h5, h6	{font-size: 1em;}
a		{color:#0084bf; text-decoration:none;}
a:hover	{color:#05afff; text-decoration:underline;}
p		{}
td		{vertical-align:top;}


input[type="submit"]::-moz-focus-inner { 
    border: 0px;
    padding: 0px;  
}


/* helper classes */
.cf:before,
.cf:after	{content: " "; /* 1 */ display: table; /* 2 */}
.cf:after	{clear:both;}
.cf 		{*zoom: 1;}
.cf.block	{display:block;}
.error		{font-weight:bold; color:#f00;}

/**
 * CSS Gradients
 */
 
.gradient, .button, .readmore, .btn, #utility {
	background: #82B942;
}

/* Grey: http://www.colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
.gradient-grey, #searchButton, #searchFormPage .button {
	background: #f6f8f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#6EA928), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
}
/* IE less than 9 gradient support */
.lt-ie9 .gradient-grey .lt-ie9 #searchButton, .lt-ie9 #searchFormPage .button {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}


/* Forms */
form 			{}
label 			{display:block; font-weight:700; margin:5px 5px 0 0; padding:2px 2px 0;}
input 			{margin:0px 5px 10px 0; padding:2px; border:1px solid #b2b2b2; color:#666; border-radius:5px; box-shadow:inset 3px 3px 5px 0px rgba(0,0,0,0.1);}
input:hover,
input:focus		{border:1px solid #999;}
textarea		{display:block; width:300px; height:100px; margin:0px 5px 10px 0; padding:2px; border:1px solid #b2b2b2; color:#666; border-radius:5px; box-shadow:inset 3px 3px 5px 0px rgba(0,0,0,0.1);}
textarea:hover,
textarea:focus	{border:1px solid #999;}
label[for=autologin]	{float:right; width:190px;}
#autologin 				{float:left; margin:8px 0 2px; padding:2px 0 0;} 
#loginsubmit			{clear:both; margin:15px 5px 5px 0;}

/* Buttons */
.button, .readmore, .btn			{display:inline-block; padding:2px 12px; font:400 13px/1.4 'CantarellRegular', sans-serif; color:#fff;	
  -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#82B942;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;}
.button:hover, .button:focus,
.readmore:hover, .readmore:focus,
.btn:hover, .btn:focus				{color:#fff; background:#99C765; cursor:pointer; text-decoration:none;}

/* Search Form */
#searchFormMenu, #searchFormPage	{position:relative; border-radius:5px; border:1px solid #aaa; background:#fff; box-shadow:inset 1px 1px 2px 0px rgba(0,0,0,0.7);}
#searchFormMenu input[type=text],
#searchFormPage input[type=text]	{width:120px; margin:0; font:400 13px/1.4 'CantarellRegular', sans-serif; border:none; border-radius:0; border-top-left-radius:5px; border-bottom-left-radius:5px; background:transparent;}
#searchFormMenu	select,
#searchFormPage	select				{height:17px; margin-right:2px; box-shadow:none; border:1px solid #eee; border-radius:0;}
#searchFormMenu input[type=submit],
#searchFormPage input[type=submit]	{margin:0 0 0 -3px; color:#666; border-radius:0; border-top-right-radius:5px; border-bottom-right-radius:5px; box-shadow:none; border:1px solid #ccc;}

#searchFormMenu input[type=submit]:hover,
#searchFormMenu input[type=submit]:focus,
#searchFormPage input[type=submit]:hover,
#searchFormPage input[type=submit]:focus	{color:#fff; border:1px solid #A2D568; background:#99C765; cursor:pointer;}

#search-results #searchFormMenu	{width:300px; background:#fff;}
#search-results #searchFormMenu select	{margin-right:3px;}
#search-results #searchFormMenu input[type=submit]	{float:right;}

/* page layout */
#page, #header .box {margin:0px auto; padding:0; width:960px;}

#page{
width:960px;
margin-bottom:40px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
border-left:1px #bbbbbb solid;
border-right:1px #bbbbbb solid;
border-bottom:1px #bbbbbb solid;
border-radius: 0px 0px 30px 30px; 
-moz-border-radius: 0px 0px 30px 30px; 
-webkit-border-radius: 0px 0px 30px 30px;
-ms-border-radius: 0px 0px 30px 30px;
-khtml-border-radius: 0px 0px 30px 30px;
}

#header		{position:relative;}
#content	{position:relative;}
.full #content {background:#fff; box-shadow:inset 5px 5px 27px 0px rgba(0, 0, 0, .20);}
#footer		{padding:30px; margin:30px 0;}
#main		{width:610px; float:left; padding:30px;}
.full #main	{width:900px; float:none; padding:30px;} 
#sidebar	{width:280px; float:right; padding:1px 0 0;}


/* header elements */

#header .box	{
position:relative;
width:960px;
background-color:#ffffff;
border-left:1px #bbbbbb solid;
border-right:1px #bbbbbb solid;
}

.site-name		{max-width:650px; overflow:hidden; white-space:nowrap; font:normal 6em/1.4 'BebasRegular'; text-transform:uppercase;}
.site-name a	{color:#137ac2; text-shadow:0px 2px 2px rgba(0,0,0,0.8);}
.site-name a:hover	{text-decoration:none;}
.site-tagline	{display:none;}

#utility		{position:absolute; top:110px; right:10px; padding:5px; border-radius:7px;}

#utility h4		{display:none;}

/*
#section-nav li.current a,
#section-nav a:hover				{color:#666; background:#c0c0c0; box-shadow: inset 5px 5px 5px 0px rgba(0, 0, 0, .17); text-decoration:none;}
*/

#section-nav {
	position:relative;
	margin:0px auto;
	width:960px;
	height:20px;
	background: #ffffff;
}

#section-nav:after				{
	content:"";
	position:absolute; 
	z-index:2; 
	top:0px;
	left:-1px; 
	width:100%; 
	height:25px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background-color:#82B942;
	border:1px solid #268a16;
}

#section-nav ul					{	position:absolute; top:-14px;	left:0;	z-index:3; width:960px; margin:6px auto 0; color:#fff;}
#section-nav li					{display:inline-block; margin:3px 0 0 0;}
#section-nav li:after			{content:"|";}
#section-nav li:last-child:after {content:none;}
#section-nav a					{display:inline-block; padding:10px 10px 9px 10px; color:#fff; text-transform:uppercase;}

#type-nav			{position:absolute; right:0; bottom:0; overflow:hidden;}
#type-nav ul		{}
#type-nav li		{position:relative; float:left; margin:0 0 0 -3px; padding:0; font-size:1.1em;}
#type-nav a			{
	display: inline-block;
	position:relative;
	margin:0;
	padding:1px 15px 4px;
	color:#fff;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-left:1px solid #8FCE45;
	border-top:1px solid #8FCE45;
	border-right:1px solid #8FCE45;
	border-bottom:1px solid #fff;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.4);
	background: #82B942;
	background: -moz-linear-gradient(top,  #9BC270 0%, #8AB758 56%, #82B942 71%, #AFEA6A 95%, #BDFD72 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9BC270), color-stop(56%,#8AB758), color-stop(71%,#82B942), color-stop(95%,#AFEA6A), color-stop(100%,#BDFD72));
	background: -webkit-linear-gradient(top,  #9BC270 0%,#8AB758 56%,#82B942 71%,#AFEA6A 95%,#BDFD72 100%);
	background: -o-linear-gradient(top,  #9BC270 0%,#8AB758 56%,#82B942 71%,#AFEA6A 95%,#BDFD72 100%);
	background: -ms-linear-gradient(top,  #9BC270 0%,#8AB758 56%,#82B942 71%,#AFEA6A 95%,#BDFD72 100%);
	background: linear-gradient(to bottom,  #9BC270 0%,#8AB758 56%,#82B942 71%,#AFEA6A 95%,#BDFD72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BC270', endColorstr='#BDFD72',GradientType=0 );

}
#type-nav li:first-child	{margin-left:0;}

/* footer elements */
#footer a		{}
#footer a:hover	{}

#footer .legal		{float:left; width:auto;}
#footer .legal a	{padding:0 5px;}
#footer .powered-by	{float:right; width:auto;}
#footer .debug	{display:none;}

/* Main content elements */
.page-title			{text-align:left; margin-bottom:15px; font:400 1.8em/1.1 'CantarellRegular', sans-serif; text-transform:uppercase; color:#0084bf;}
.page-title small	{display:none; font-size:12px; color:#929292;}
.page-title strong	{font-family:'CantarellBold'; color:#666;}

.home header,
.genre header		{position:relative; margin-bottom:10px;}
.home .page-title,
.genre .page-title	{border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px;}
.genre .page-title	{padding-bottom:10px;}
.genre .poweredby	{position:absolute; top:-5px; right:0; text-align:right; padding:10px 50px 10px 0; background:transparent url('img/bfg-poweredby.png') right center no-repeat;}

.section-title				{margin-bottom:5px;}
.section-title .action		{position:relative; top:-2px; float:right;}
.section-title strong		{color:#666; font-family:'CantarellBold';}

.games						{border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:5px;}
.games .game				{float:left; width:187px; margin-right:50px; clear:none; border:none;}
.games .game:nth-of-type(4n)	{margin-right:0;}

#featured,
#featured .page-title		{border-bottom:none;}
.featured.game				{float:none; width:100%; margin:0 0 30px 0; padding-bottom:20px; border-bottom:1px solid #ccc;}
.featured a img,
.featured a object			{float:left; max-width:460px; margin-right:10px; padding:2px; border:1px solid #ccc;}
.featured a:hover img,
.featured a:hover object	{border:1px solid #05afff;}
.featured .summary			{margin:0 0 20px 0;}
.featured .action			{margin:0 0 10px 0;}


.games-list	.action			{margin-bottom:20px;}
.all-games					{display:none;}
.all-games .genrecaption	{margin-bottom:10px;}
.all-games .list			{float:left; width:48%; margin-right:4%;}
.all-games .list:last-of-type	{margin-right:0;}
.all-games .list a			{display:block;}

.count				{float:left; width:auto; font-size:1.1em; font-weight:bold; margin:6px 10px 0; color:#444;}
.actions			{margin-bottom:15px; padding:10px 0; border-top:1px dotted #ccc;  border-bottom:1px dotted #ccc;}
.pagination			{float:right; width:auto; margin:6px 10px 0; font-size:1.1em; font-weight:bold; color:#444;}

#searchFormPage	{background:#EDF6E3; display:inline-block; width:auto; margin-bottom:5px;}
#sortlist		{background:#EDF6E3; margin-bottom:10px; padding:10px 10px 5px;}

#sortlist label,
#sortlist select	{display:inline-block; margin-right:0;}
#sortlist select	{margin-right:10px;}

.entry-title	{color:#0084bf; margin-bottom:10px;}
.entry-title	{font-size:1.3em;}

.game			{clear:both; margin-bottom:20px; padding:10px 0; border-bottom:1px solid #ccc;}
.game-link		{float:left; margin:0 10px 10px 0; padding:1px; border:1px solid #ccc;}
.game-link:hover	{border:1px solid #05afff;}
.game-link img	{display:block;}

.entry			{}
.entry p		{margin-bottom:15px;}
.entry footer	{color:#bbb; margin:15px 0; padding:5px 0;}

.entry-meta				{margin:15px 0 0 -10px; clear:left;}
.entry-meta a,
.entry-meta span		{padding:0 5px;}
.entry-meta .readmore	{float:right; margin-top:-10px; padding:5px 12px; color:#fff;}
.entry-meta .comments	{border:none;}

.single-game 					{margin-bottom:30px;}
.single-game .entry				{float:left; width:520px;}
.single-game .game-image		{float:left; display:block; margin:0 30px 15px 0; padding:2px; border:1px solid #ccc;}
.single-game .bullets			{margin:15px; list-style:disc;}
.single-game .actions			{border-top:none; text-align:right; padding:15px 0;}
.single-game .actions p			{float:right; width:auto; padding:0 15px 0 0; margin-bottom: 10px;}
.single-game .actions .label	{padding-right:5px;}
.single-game .actions .or		{padding:4px 15px;}
#main .single-game .btn_video			{display:block; margin:0 5px 0 0; height:94px; padding:2px; border:1px solid #ccc; background:#fff; color:#333; box-shadow:none; border-radius:0;}
.single-game .btn_video span	{display:block; width:100%; height:100%; background:#ccc url('img/play-btn.png') center center no-repeat; overflow:hidden; text-indent:-999px;}	
.single-game .btn_video:hover	{border:1px solid #05afff;}

.visuals			{float:left; width:558px; border-right:1px dotted #ccc;}
.visuals .video		{float:left; width:132px;}
.visuals .screens	{float:left; width:410px;}
.visuals .screens a					{display:block; float:left; margin-bottom:5px;}
.visuals .screens a:first-of-type	{margin-right:5px;}
.visuals .screens a img 			{display:block; padding:2px; border:1px solid #ccc;}
.visuals .screens a:hover img		{border:1px solid #05afff;}

.deets				{float:right; width:315px; font-size:11px;}
.deets .altversion	{margin-bottom:10px;}
.deets .label,
.tested				{}
.tested, .date		{}
.requirements		{margin: 0 8px 15px 0;  float: left; width: 150px;}
.requirements h3	{font-size:13px; margin-bottom:6px;}

.comments			{margin:15px 0; padding:30px 0; border-top:1px solid #ccc;}
.comments .actions	{border:none; padding:0;}
.comments .pagination	{display:block; float:none; margin:0; padding:10px 0; text-align:right; border-bottom:1px dotted #ccc;}
.comment			{padding:15px 0; border-bottom:1px dotted #ccc;}
.comment .title		{font-size:13px; font-weight:bold; color:#666; margin-bottom:6px;}
.comment img		{float:left; margin:0 15px 15px 0;}


/* sidebar elements */
.widget			{
	margin-bottom:15px; 
	padding: 0 0 25px 20px;
	color:#0084bf; 
	background:#fff; 
	background:rgba(255,255,255,0.5); 
	width:42%;
	float:left;
	margin-left:20px;
	margin-right:34px; 
	border: 1px solid rgba(216,216,216,0.9);
	
  border-radius:10px; 
	
  }
.widget-title	{font:400 18px/30px 'CantarellRegular', sans-serif; text-transform:uppercase; color:#0084bf; margin-left:3px; margin-top:10px;}
/*.widget:last-of-type	{border-bottom:none;}*/

.widget input[type=text],
.widget input[type=password]	{width:94%;}

.widget ul		{margin:0 0 10px 20px; list-style:disc; font-size:13px;}

#menu_rss ul	{list-style:none; margin-left:5px;}
#menu_rss img	{margin-right:5px;}

/*Added By Mamun */
.genre .poweredby_bg	{
	position:absolute; 
	top:-13px; 
	right:0; 
	text-align:right; 
	padding:0; 
	background:transparent url('img/bfg-fish-logo.png');
	background-repeat:no-repeat;
	background-position:left;
	 height: 50px;
	 width: 270px;
	}
.poweredby_txt{
	float: right;
    position: relative;
    text-align: right;
    top: 17px;
    width: auto;
	font-size:13px;
	color:#B1B0B0;
	font-weight:bold;

}

#main{
	float: left;
    padding: 30px;
    width: 900px;
}
#sidebar	{width:100%; float:left; padding:0;}
#sidebar ul li{
	width:189px;
	float:left;
}
#sidebar ul li:nth-of-type(2n){
	width:139px;
	margin-left: 50px;
}

.text{
	margin-left:5px;
}

.cf-new{
	float: left;
    text-align: justify;
    width: 740px;
}
.actions-new{
	float: left;
    width: 160px;
	border:none;
	position: relative;
	top: 25px;
}
.clearfix{
	clear:both;
}
.poweredby_bg_50x52	{
	position:relative; 
	float:right;
	z-index: 9999;
	text-align:right; 
	padding:0; 
	background:transparent url('img/PoweredByBigFish_Stg_50x52.png');
	background-repeat:no-repeat;
	background-position:left;
	 height: 54px;
	 width: 53px;
	}	
/*Added By Mamun End */