/*   
Theme Name: JoyBits Theme
Theme URI: http://joybits.com
Description: The official theme of JoyBits's new 2013 website.
Author: R and P Design
Author URI: http://randpdesign.co.uk
Version: 1.0
*/

/* @group ========== Noramlize ========== */

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

h2 {
    margin: 0.83em 0;
    font-size: 1.5em;
}

h3 {
    margin: 1em 0;
    font-size: 1.17em;
}

h4 {
    margin: 1.33em 0;
    font-size: 1em;
}

h5 {
    margin: 1.67em 0;
    font-size: 0.83em;
}

h6 {
    margin: 2.33em 0;
    font-size: 0.75em;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0;
    list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    padding: 0;
    border: 0; /* 1 */
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    font-size: 100%; /* 1 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-box-sizing: content-box; /* 2 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */
 
table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* @end */

/* @group ========== HTML5 Reset ========== */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #cde8f7;
	text-shadow: none;
}

::selection {
	background: #cde8f7;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    overflow: hidden;
    /* IE 6/7 fallback */
    border: 0;
    background-color: transparent;
    *text-indent: -9999px;
}

.ir:before {
    display: block;
    width: 0;
    height: 100%;
    content: "";
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    display: table; /* 2 */
    content: " "; /* 1 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Apply a natural box layout model to all elements
 */

* { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}

/* @end */

/* @group ====== Base Website Structure ====== */

/* ==========================================================================
   Whole site - Main elements
   ========================================================================== */

html { background-color: #1f1f1f; font-size: 100%; }

body { background: url('img/bkg.jpg') repeat; }

/* remove themed background image on home page */
.home div#wrap { background: none !important; overflow: hidden; }
	
header {
	position: relative;
	z-index: 50;
	width: 100%;
	background: #1a1a1a;
}
		
div#main { 
	position: relative; 
	z-index: 50;
	padding: 20px 0 20px; 
	/* background: url('img/bkg.jpg') repeat; */
}

.home div#main { 
	padding: 50px 0 35px;
	/* border-top: 1px solid #c7bfbe; */
	-webkit-box-shadow: inset 0 -1px 0 #ffffff;
	-moz-box-shadow: 	inset 0 -1px 0 #ffffff; 
	-ms-box-shadow: 	inset 0 -1px 0 #ffffff; 
	-o-shadow: 			inset 0 -1px 0 #ffffff;
	box-shadow: 		inset 0 -1px 0 #ffffff;
}
	
footer#main-footer { 
	position: relative; 
	z-index: 70; 
	height: 85px;
	/* padding: 29px 0; */ 
	/*background-color: #1a1a1a; */
	width: 968px;
	background: url('img/body/bottom_line2.png') repeat-x;	 
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	/* margin-top: -15px !important; */
	padding-top:12px;
	
}

footer#main-footer:after {
	width: 32px;
	height: 85px;
	position: absolute;
	top: 0px;
	right: -32px;
	display: block;		
	background: url('img/body/bottom_right2.png') no-repeat;
	content: "";
} 

footer#main-footer:before {
	width: 32px;
	height: 85px;
	position: absolute;
	top: 0px;
	left: -32px;
	display: block;		
	background: url('img/body/bottom_left2.png') no-repeat;
	content: "";
} 

div#footer-bkg {
	width: 100%;	
	height: 430px;	
	position: absolute;
	display: block;	
	bottom: 0px;
} 

/* @end */

/* @group ====== Main Typography Stlying and Links ====== */

/* ==========================================================================
   Headings and Links
   ========================================================================== */

/* ===== Site's Fonts ===== */
/* Bangers */
@font-face {
	font-family: 'Bangers';
  	src: 	url('fonts/Bangers.eot') format('eot');
   	src: 	url('fonts/Bangers.eot?#iefix') format('embedded-opentype'),
        	url('fonts/Bangers.woff') format('woff'),
        	url('fonts/Bangers.ttf') format('truetype'),
        	url('fonts/Bangers.svg#bangersregular') format('svg');
  	font-weight: normal;
    font-style: normal;
}

/* Source Sans Pro - Base */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-Regular-webfont.eot');
    src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Source Sans Pro - Italic */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-It-webfont.eot');
    src: url('fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* Source Sans Pro - Semi-Bold */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* Source Sans Pro - Semi-Bold Italic */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('fonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

/* Source Sans Pro - Bold */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-Bold-webfont.eot');
    src: url('fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Source Sans Pro - Bold Italic */
@font-face {
    font-family: 'SourceSansPro';
    src: url('fonts/SourceSansPro-BoldIt-webfont.eot');
    src: url('fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

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

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

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

/* Exo - Bold Italic */
@font-face {
    font-family: 'Exo';
    src: url('fonts/Exo-ExtraBold-Italic-webfont.eot');
    src: url('fonts/Exo-ExtraBold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Exo-ExtraBold-Italic-webfont.woff') format('woff'),
         url('fonts/Exo-ExtraBold-Italic-webfont.ttf') format('truetype'),
         url('fonts/Exo-ExtraBold-Italic-webfont.svg#ExoExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Chrome SVG Fonts */
    @font-face {
        font-family: 'Bangers';
        src: 	url('fonts/Bangers.svg#bangersregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'SourceSansPro';
        src:	url('fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
        font-weight: normal;
        font-style: normal;
  	}
  	
  	@font-face {
  	    font-family: 'SourceSansPro';
  	    src: 	url('fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
  	    font-weight: normal;
  	    font-style: italic;
  	}
  	
  	@font-face {
  	    font-family: 'SourceSansPro';
  	    src:	url('fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
  	    font-weight: 600;
  	    font-style: normal;
  	}
  		
	@font-face {
	    font-family: 'SourceSansPro';
	    src: 	url('fonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
	    font-weight: 600;
	    font-style: italic;
  	}
  	
  	@font-face {
  	    font-family: 'SourceSansPro';
  	    src: 	url('fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
  	    font-weight: bold;
  	    font-style: normal;
  	}
  	@font-face {
  	    font-family: 'SourceSansPro';
  	    src: 	url('fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
  	    font-weight: bold;
  	    font-style: italic;
  	}
  	
  	@font-face {
  	    font-family: 'Exo';
  	    src: 	url('fonts/Exo-Bold-webfont.svg#ExoBold') format('svg');
  	    font-weight: normal;
  	    font-style: normal;
  	}
  	
  	@font-face {
  	    font-family: 'Exo';
  	    src: 	url('fonts/Exo-Bold-Italic-webfont.svg#ExoBoldItalic') format('svg');
  	    font-weight: normal;
  	    font-style: italic;
  	}
  	
  	@font-face {
  	    font-family: 'Exo';
  	    src: 	url('fonts/Exo-ExtraBold-webfont.svg#ExoExtraBold') format('svg');
  	    font-weight: bold;
  	    font-style: normal;
  	}
  	@font-face {
  	    font-family: 'Exo';
  	    src: 	url('fonts/Exo-ExtraBold-Italic-webfont.svg#ExoExtraBoldItalic') format('svg');
  	    font-weight: bold;
  	    font-style: italic;
  	}
  	
}
   
h1, h2, h3, h4, h5, h6, i { margin: 0; text-rendering: optimizelegibility; }
p, a, small, strong, em { text-rendering: optimizelegibility; }

h1 { font: 26px 'Bangers', impact;  }
	
	h1 a {
		position: relative;
		z-index: 999; 
		display: block;
		float: left;
		margin: 20px 0 0 15px;
		border: 0;
		width: 136px;
		height: 40px;
		color: #343333;
		text-indent: -9999em;
		font: 26px 'Bangers', impact;
		background: url('img/sprite.png') 0 -100px;
	}
 
h2 {
	position: relative;
	float: left;
	width: 500px;
	margin: 0 0 22px 0; 
	color: #459c34;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	font: 24px 'Bangers', impact; /* 32 */
	padding-bottom: 4px;
	border-bottom: 4px solid #c9d9c2;
}
	
h3 {
	margin: 0 0 16px 0;
	color: #459c34;
	text-shadow: 1px 1px 0 black; 
	font: 22px 'Bangers', impact; /* 30 */
}	

h4 {
	margin: 0 0 10px 0; 
	color: #979596; 
	font: 20px 'Bangers', sans-serif; /* 28 */
}

h5 {
	float: left;
	margin: 0 0 10px 0;  
	color: #424544;
	font: normal 20px 'Exo', sans-serif;
}

h6 {
	color: #424544;
	font: 20px 'Bangers', impact;
	float: left;
	clear: left;
}

p {
	margin: 0 0 16px 0;
	color: #2b2b2b;
	font: 18px/1.6 'SourceSansPro', sans-serif; /*16*/
	clear: left;
}

em { font-style: italic; }
strong { font-style: bold; }


/* Links */
a {
	position: relative;
	outline: 0;
	color: #1ba200;
	text-decoration: none;
	-ms-user-select: 		none; 
	-webkit-user-select: 	none;
	-moz-user-select: 		-moz-none;
	-o-user-select: 		none;
	user-select: 			none;
	
}

	/* article a { border-bottom: 2px solid #c6e999; }
	article a:hover { border-bottom-color: #1ba200; }
	article a.image-link { border-bottom: none; } */
    
    article footer a { border-bottom: none; }
	article footer a:hover { border-bottom-color: none; }
	
input::-moz-focus-inner { border: 0; }
a:focus { outline: 0; }

a:link {-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);} 

img {
	-ms-user-select: 		none; 
	-webkit-user-select: 	none;
	-moz-user-select: 		-moz-none;
	-o-user-select: 		none;
	user-select: 			none;
}

/* @end */

/* @group ====== Navigation Menus ====== */

/* ==========================================================================
   1 - Responsive Menu Link
   2 - Main Navigation Styling
   ========================================================================== */

/* ==========================================
   1 - Responsive Menu Link
   ========================================== */

/* Responsive Navigation Styling */	
/* Remove link - If JS disabled or unavailable */	
.no-js a.menu-link { display: none; }

/* Menu Link button */
a.menu-link {
	position: relative;
	display: block;
	float: right;
    margin: 15px 15px 15px 10px;
    padding: 10px 15px;
    min-width: 55px;
    border: none;
    border: 1px solid #000;
    border-radius: 8px;
	background-color: #090909;
	-webkit-box-shadow: inset 0 1px 0 #383838;
    -moz-box-shadow: 	inset 0 1px 0 #383838;
    -ms-box-shadow: 	inset 0 1px 0 #383838;
    -o-box-shadow: 		inset 0 1px 0 #383838;
    box-shadow: 		inset 0 1px 0 #383838;
    color: #f8f7f7;
    text-indent: -9999em;
	text-transform: uppercase;
    text-shadow: 0 1px 0 black;
	font: bold 22px 'Exo', sans-serif;
}

	a.menu-link.active  { color: #9ad731; }
	a.menu-link.active:hover { color: #fcfcfc; }

	a.menu-link:hover { color: #9ad731; }
	
	/* Btn Icon */
	a.menu-link:after {
		position: absolute;
		top: 10px;
		right: 13px;
		display: block;
		width: 28px;
		height: 24px;
		background: url('img/sprite.png') no-repeat -225px -50px;
		content: "";
	}
		a.menu-link:hover:after { background-position: -225px -75px; }
		
	a.menu-link.active:after {
		right: 15px; 
		width: 24px;
		background-position: -275px -75px;
	}
		
		a.menu-link.active:hover:after { background-position: -275px -50px; }

/* Responsive navigation menu position */
.js nav#menu {		
	position: relative;
	z-index: 9999;
	
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	width: 100%;  
	height: 0;
	opacity: 0;
	
	-webkit-transition:	max-height 0.3s linear;
	-moz-transition:	max-height 0.3s linear;
	-ms-transition:		max-height 0.3s linear;
	-o-transition:		max-height 0.3s linear;
	transition:			max-height 0.3s linear;
	
	-webkit-backface-visibility: 	hidden;
	-moz-backface-visibility: 		hidden;
	-ms-backface-visibility: 		hidden;
	-o-backface-visibility: 		hidden;
	backface-visibility: 			hidden;
}

.js nav#menu.active { 
	max-height: 25em;
	height: auto;
	opacity: 1; 
}


/* ==========================================
   2 - Main Navigation Styling
   ========================================== */
	
nav#menu ol {
	margin-top: 10px;
	padding-bottom: 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #282928;
	-webkit-box-shadow: 0 -1px 0 #282928;
	-moz-box-shadow: 	0 -1px 0 #282928;
	-ms-box-shadow: 	0 -1px 0 #282928;
	-o-box-shadow: 		0 -1px 0 #282928;
	box-shadow: 		0 -1px 0 #282928;
}

	nav#menu li { float: left; width: 50%; }
		
		nav#menu li a {
			display: block;
			overflow: hidden;
			padding: 12px;
			width: 100px;
			height: 106px;
			/*border-right: 1px solid #000;
			border-bottom: 1px solid #000;
			background-color: #131313;*/
			/*color: #fcfcfc;
			text-align: center;
			text-shadow: 0 1px 0 black;
			font: bold 22px 'Exo', sans-serif;*/
			color: #423434;
			text-align: center;
			/*text-shadow: 0 1px 0 black;*/
			font: 20px 'Exo', sans-serif;			
			background: url('img/menu/up_btn.png') no-repeat;
		}
			
			nav#menu li a:hover {
				/*background-color: #181818;
				-webkit-box-shadow: inset 0 1px 0 #272727;
				-moz-box-shadow: inset 0 1px 0 #272727;
				box-shadow: inset 0 1px 0 #272727;*/
				background: url('img/menu/up_btn_3.png') no-repeat;
				color: #00881a;
			}
			
		nav#menu li.current-menu-item:first-child a { margin-top: 0; }
		
		/* current page state */
		nav#menu li.current-menu-item a,
		.single-games nav#menu li.menu-item-196 a,
		.single-post nav#menu li.menu-item-162 a {
			/*background-color: #070707;
			-webkit-box-shadow: inset 0 1px 0 #1c1b1b;
			-moz-box-shadow: inset 0 1px 0 #1c1b1b;
			box-shadow: inset 0 1px 0 #1c1b1b;
			color: #5ed20d !important;*/
			background: url('img/menu/up_btn_2.png') no-repeat;
			color: #00881a!important;
		}
				

/* @end */

/* @group ====== Sliders ====== */

/* ==========================================================================
   1 - Main Slider
   2 - Home Page Slider Setup
   3 - Game Page Slider Setup
   ========================================================================== */

/* ==========================================
   1 - Main Slider
   ========================================== */

	.royalSlider { position: relative; direction: ltr; }
	
	/* ==== Slider Main Properties ==== */
	.rsWebkit3d .rsSlide,
	.rsWebkit3d .rsContainer,
	.rsWebkit3d .rsThumbs,
	.rsWebkit3d .rsPreloader,
	.rsWebkit3d img,
	.rsWebkit3d .rsOverflow,
	.rsWebkit3d .rsBtnCenterer,
	.rsWebkit3d .rsAbsoluteEl {
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden; 
	}
	.rsFade.rsWebkit3d .rsSlide,
	.rsFade.rsWebkit3d img,
	.rsFade.rsWebkit3d .rsContainer {
		-webkit-transform: none;
	}
	
	.rsOverflow {
		position: relative;
		float: left;
		overflow: hidden;
		width: 100%;
		height: 100%;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	.rsContainer {
		position: relative;
		width: 100%;
		height: 100%;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	.rsArrow,
	.rsThumbsArrow {
		cursor: pointer;
	}
	
	.rsThumb {
		position: relative;
		float: left;
	}
	
	.rsArrow,
	.rsNav,
	.rsThumbsArrow {
		opacity: 1;
		-webkit-transition:	opacity 0.3s linear;
		-moz-transition:	opacity 0.3s linear;
		-ms-transition:		opacity 0.3s linear;
		-o-transition:		opacity 0.3s linear;
		transition:			opacity 0.3s linear;
	}
	.rsHidden {
		visibility: hidden;
		opacity: 0;
		-webkit-transition:	visibility 0s linear 0.3s,opacity 0.3s linear;
		-moz-transition:	visibility 0s linear 0.3s,opacity 0.3s linear;
		-ms-transition:		visibility 0s linear 0.3s,opacity 0.3s linear;
		-o-transition:		visibility 0s linear 0.3s,opacity 0.3s linear;
		transition:			visibility 0s linear 0.3s,opacity 0.3s linear;
	}
	
	.rsGCaption {
		float: left;
		width: 100%;
		text-align: center;
	}
	
	/* Fullscreen options, very important ^^ */
	.royalSlider.rsFullscreen {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 2147483647 !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
	}
	
	.royalSlider .rsSlide.rsFakePreloader {
		display: none;
		opacity: 1 !important;
		-webkit-transition: 0s;
		-moz-transition: 	0s;
		-ms-transition: 	0s;
		-o-transition:  	0s;
		transition:  		0s;
	}
	
	.rsSlide {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	
	.royalSlider.rsAutoHeight,
	.rsAutoHeight .rsSlide {
		height: auto;
	}
	
	.rsContent {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.rsPreloader { position:absolute; z-index: 0; }
	
	.rsNav {
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		user-select: none;
	}
	
	.rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); }
		
	.rsThumbsHor {
		width: 100%;
		height: auto;
	}
	
	.rsWithThumbsHor .rsThumbsContainer {
		position: relative;
		height: 100%;
	}
	
	.rsThumbs {
		display: none;
		position: absolute;
		z-index: 22;
		float: left;
		overflow: hidden;
		width: 100%;
		cursor: pointer;
		top: 425px !important; 
	}
	
	div#slider-media > .rsThumbs {
		position: relative;
		z-index: 22;
		float: left;
		overflow: hidden;
		width: 100%;
		cursor: pointer;
		top: auto !important; 
	}	
	
	.rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); }
	
	.rsVideoContainer {
		/* position: absolute; */
		/* position: absolute; */
		position: relative;
		/* top: 0; */
		/* top: 0; */
		/* left: 0; */
		/* left: 0; */
		/* float: left; */
		/* width: 100%; */
		width: auto;
		/* height: 100%; */
		height: auto;
		line-height: 0;
	}
	
	.rsVideoFrameHolder {
		position: absolute;
		top: 0;
		left: 0;
		background: #141414;
		opacity: 0;
		-webkit-transition: .3s;
	}
	
	.rsVideoFrameHolder.rsVideoActive { opacity: 1; }
	
	.rsVideoContainer iframe,
	.rsVideoContainer video,
	.rsVideoContainer embed,
	.rsVideoContainer .rsVideoObj {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		width: 100%;
		height: 100%;
	}
	
	/* ios controls over video bug, shifting video */
	.rsVideoContainer.rsIOSVideo iframe,
	.rsVideoContainer.rsIOSVideo video,
	.rsVideoContainer.rsIOSVideo embed {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 0 !important;
	}
	
	.rsABlock {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 15;
		-webkit-transition:	all 0.2s ease-in-out 0.2s; 
		-moz-transition:  	all 0.2s ease-in-out 0.2s; 
		-ms-transition:  	all 0.2s ease-in-out 0.2s; 
		-o-transition:  	all 0.2s ease-in-out 0.2s; 
		transition:  		all 0.2s ease-in-out 0.2s;
		-webkit-backface-visibility: hidden; 
	}
	
	.grab-cursor { cursor:url('img/grab.png') 8 8, move; }
	.grabbing-cursor{ cursor:url('img/grabbing.png') 8 8, move; }
	.rsNoDrag { cursor: auto; }
	
	.rsLink {
		position:absolute;
		top:0;
		left:0;	
		z-index: 20;
		display:block;
		width:100%;
		height:100%;
		background: url('img/blank.gif');
		-webkit-backface-visibility: hidden;
	}
	
	.rsPreloader {
		top:50%;
	
		left:50%;
		margin-top: 100px;
		margin-left:-10px;
		width:20px;
		height:20px;
		background-image:url('img/preloader.gif');	
	}

/* ==========================================
   2 - Home Page Slider Setup
   ========================================== */
     	  	  	
  	/* == Full width == */
  	.home #slider { width: 100%; }
  	  	
  	/* == Slide's content height == */
  	.home #slider { overflow: hidden; height: 260px; }
  	.home .sliderContainer { height: 180px; }

	/* == Slide Content == */   
   	.home .rsContent {
   		position: absolute;
   		display: block;
   		-webkit-transition:	opacity 0.6s ease-in-out; 
   		-moz-transition:  	opacity 0.6s ease-in-out; 
   		-ms-transition:  	opacity 0.6s ease-in-out; 
   		-o-transition:  	opacity 0.6s ease-in-out; 
   		transition:  		opacity 0.6s ease-in-out;
   		-webkit-backface-visibility: hidden; 
	}
		
	.home.loaded .rsABlock { opacity: 1; }
	
	.home .logo-container {		
			position:relative;		
			width: 100%;
			
			margin: 0 auto;
		
		/* -moz-transform: scale(0.5); 
		-ms-transform: scale(0.5); 
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5); 
		transform: scale(0.5); */
		/* position: absolute;
		left: 50%;
		height: 260px; */
	}
	
	
	.home img.rsLogo {
		float: left;
		margin: 25px 0 0 0 !important;
		max-width: 290px;
		max-height: 140px;
		display: none !important;
	}
   	
   	/* ====== Thumbnails ====== */
   	/* == Container Position == */
   	.home .rsThumbs,
   	.home .rsTmb { 
   		/* top: -50px; */ 
   		z-index: 60;
		opacity: 0;		
   		/*opacity: 0; 
   		-webkit-transition:	opacity 0.6s ease-in-out 0.2s; 
	   	-moz-transition:  	opacity 0.6s ease-in-out 0.2s; 
	   	-ms-transition:  	opacity 0.6s ease-in-out 0.2s; 
	   	-o-transition:  	opacity 0.6s ease-in-out 0.2s; 
	   	transition:  		opacity 0.6s ease-in-out 0.2s;*/  
   	}
   	
   	.home.loaded .rsThumbs { opacity: 1; } 
   	.home.loaded .rsTmb { opacity: 1; }
   	
   	/* styling */
   	.home .rsThumb {
   		/*float: left;
   		padding: 5px;
   		border: 1px solid #181916;
   		-webkit-border-radius: 	16px;
   		-moz-border-radius: 	16px;
   		border-radius: 			16px;
   		background-color: #191917;
   		-webkit-box-shadow: inset 0 1px 0 #383838;
   		-moz-box-shadow: 	inset 0 1px 0 #383838;
   		-ms-box-shadow: 	inset 0 1px 0 #383838;
   		-o-box-shadow: 		inset 0 1px 0 #383838;
   		box-shadow: 		inset 0 1px 0 #383838;*/
   	}
   	
   	.home .rsThumb:last-child { margin-right: 0; }
   		
   	.home .rsThumb img { display: none; }
   		
   	.home .rsNavSelected.rsThumb  {
   		
   		/*border-color: #4f7e13;
   		background-color: #8dd530;
   		-webkit-box-shadow: inset 0 1px 0 #a9db68;
   		-moz-box-shadow: 	inset 0 1px 0 #a9db68;
   		box-shadow: 		inset 0 1px 0 #a9db68;
   		-ms-box-shadow: 	inset 0 1px 0 #a9db68;
   		-o-box-shadow: 		inset 0 1px 0 #a9db68;*/
   	}
   	
   	.home .rsThumbElement_0  {
   		
   		background-color: none;
   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_01_off.png') no-repeat;
   		padding-left: 17px;
   		padding-top: 25px;
   		
   		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
   		
   	}
   	
   	.home .rsThumbElement_1  {
   		
   		background-color: none;
   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_02_off.png') no-repeat;
   		padding-left: 15px;
		padding-top: 25px;
		
   		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);		
   		
   	}
   	
   	.home .rsThumbElement_2  {
   		
   		background-color: none;
   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_03_off.png') no-repeat;
   		padding-left: 17px;
		padding-top: 25px;
		
   		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);		
   		
   	}

   	.home .rsThumbElement_3  {
   		
   		background-color: none;
   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_02_off.png') no-repeat;
   		padding-left: 15px;
		padding-top: 25px;
		
   		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);		
   		
   	}
   	
  	.home .rsNavSelected.rsThumbElement_0  {
   		

   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_01_on.png') no-repeat;
   		padding-left: 17px;
   		padding-top: 25px;
   		margin-top: 7px;
   		
   		filter: grayscale(0%);
   		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
   		
   	}
   	
   	.home .rsNavSelected.rsThumbElement_1  {
   		

   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_02_on.png') no-repeat;
   		padding-left: 15px;
		padding-top: 25px;
		margin-top: 7px;
		
   		filter: grayscale(0%);
   		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
   		
   	}
   	
   	.home .rsNavSelected.rsThumbElement_2  {
   		

   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_03_on.png') no-repeat;
   		padding-left: 17px;
		padding-top: 25px;
		margin-top: 7px;
		
   		filter: grayscale(0%);
   		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);	
   		
   	}   	

   	.home .rsNavSelected.rsThumbElement_3  {   		

   		height: 90px;
   		width: 105px;
   		background: url('img/body/down_bookmark_02_on.png') no-repeat;
   		padding-left: 15px;
		padding-top: 25px;
		margin-top: 7px;
		
   		filter: grayscale(0%);
   		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
   		
   	}
   	
   	.home .rsThumbsContainer  {
   		
		
   		/* width: 320px !important;
   		 margin-left: -49px; */ 
   		
   	}
	
	
/* ==========================================
   2 - Game Page Slider Setup
   ========================================== */
	
	/* ====== Main slider styling ====== */
	.single-games #slider-media {
		float: left;
		padding: 6px 0 0;
		margin: 0 0 10px 0;
		width: 100%;
		background-color: #2c2c2c;
		border: 6px solid #2c2c2c;
	}
	
	.single-games #slider-media .rsOverflow {
		background: #222222;
		border: 1px solid #2c2c2c;
		box-shadow: inset 0 0 0 1px #101010;
	}
	
	.single-games #slider-media.rsFullscreen .rsImg {
		border: 1px solid #000;
		-moz-box-shadow: 0 0 18px black;
		-webkit-box-shadow: 0 0 18px black;
		box-shadow: 0 0 18px black;
	}
	
	/* loading text hide */
	.single-games #slider-media a.rsImg { color: #2c2c2c; }

	.single-games #slider-media .rsPreloader { top: 25%; }
	
	/* ====== Thumbnails ====== */
	/* == Container Position == */
	.single-games .rsThumbs { 		
		margin: 0 auto 0;
		padding: 6px 0 6px;
		width: 100%;
		display: block;
		border-top: #2c2c2c solid 8px;
		border-bottom: #2c2c2c solid 8px;
		background-color: #222222;
		box-shadow: inset 0 0 0 1px #101010;
	}

	.single-games .rsThumb {
		float: left;
		padding: 4px;
		border: 1px solid #000;
		background-color: #020202;
		-webkit-box-shadow: inset 0 1px 0 #383838;
		-moz-box-shadow: 	inset 0 1px 0 #383838;
		box-shadow: 		inset 0 1px 0 #383838;
		-ms-box-shadow: 	inset 0 1px 0 #383838;
		-o-box-shadow: 		inset 0 1px 0 #383838;
	}
			
	.single-games .rsThumb img {
		width: 50px;
		height: 50px; 
		border: 1px solid #000;
		opacity: 0.6;
		-webkit-transition:	opacity 0.4s ease-in-out; 
		-moz-transition:  	opacity 0.4s ease-in-out; 
		-ms-transition:  	opacity 0.4s ease-in-out; 
		-o-transition:  	opacity 0.4s ease-in-out; 
		transition:  		opacity 0.4s ease-in-out;
	}
		
	.single-games .rsThumb:hover img { opacity: 1; }
	.single-games .rsNavSelected img { opacity: 1; }
		
	.single-games .rsNavSelected.rsThumb  {
		border-color: #4f7e13;
		background-color: #8dd530;
		-webkit-box-shadow: inset 0 1px 0 #a9db68;
		-moz-box-shadow: 	inset 0 1px 0 #a9db68;
		box-shadow: 		inset 0 1px 0 #a9db68;
		-ms-box-shadow: 	inset 0 1px 0 #a9db68;
		-o-box-shadow: 		inset 0 1px 0 #a9db68;
	}
	
	.single-games .rsNavSelected.rsThumb img { border-color: #4f7e13; }
	
	/* == Thumbnails Arrow Icons == */
	.rsThumbsArrow {
		position: absolute;	
		z-index: 60;
		display: block;
		width: 38px;
		height: 100%;
		cursor: pointer;	
	}
	.rsThumbsArrow:hover { background: ; }
	
	.rsThumbsArrowLeft { top: 0; left: -2px; }
	.rsThumbsArrowRight { top:0; right: -4px; }
	
	.rsThumbsArrowIcn {
		position: absolute;
		top: 1px;		
		width: 38px;
		height: 72px;	
		background: url('img/sprite.png') no-repeat;	
		cursor: pointer;
	}
	
	.rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -500px -175px; }
		.rsThumbsArrowLeft .rsThumbsArrowIcn:hover { background-position: -550px -175px; }
	.rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -500px -90px; }
		.rsThumbsArrowRight .rsThumbsArrowIcn:hover { background-position: -550px -90px; }
	
	.rsThumbsArrowDisabled { 
		visibility: hidden !important; 
		opacity: 0 !important; 
		-webkit-transition:	opacity 0.4s ease-in-out; 
		-moz-transition:  	opacity 0.4s ease-in-out; 
		-ms-transition:  	opacity 0.4s ease-in-out; 
		-o-transition:  	opacity 0.4s ease-in-out; 
		transition:  		opacity 0.4s ease-in-out; 
	}
	
	/* == Video Icons - Main and Thumbnails == */
	/* = Thumbnails Video Icon = */
	.rsVideoThumbIcn {
		position: absolute;
		top: 9px;
		left: 9px;
		z-index: 50;
		display: block;
		width: 40px;
		height: 40px;
		background: url('img/sprite.png') no-repeat -325px -50px;
		opacity: 0.9;
	}
	
		.rsThumb:hover .rsVideoThumbIcn,
		.rsThumb.rsNavSelected .rsVideoThumbIcn { background-position: -375px -50px; }
		
	/* = Main Video Icon = */
	.rsPlayBtn {
		margin-top: -32px;
		margin-left: -32px;
		width: 62px;
		height: 62px;
		opacity: 0.9;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	}
	.rsPlayBtnIcon {
		display: block;
		width: 64px;
		height: 64px;
		background: url('img/sprite.png') no-repeat -450px 0 ;
	}
	
		.rsPlayBtn:hover .rsPlayBtnIcon { background-position: -525px 0; }
	
	.rsBtnCenterer {
		position:absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
	}
	
	/* = Close Btn = */
	.rsCloseVideoBtn {
		position: absolute;
		top: 5px;
		left: 5px;
		z-index: 999;
		width: 24px;
		height: 24px;
		cursor: pointer;
	}
	
	/* iOS alignment */
	.rsCloseVideoBtn.rsiOSBtn {
		top: -38px;
		right: -6px;
	}
	
	.rsCloseVideoIcn {
		width: 24px;
		height: 24px;
		background: url('img/sprite.png') no-repeat -275px -50px;
	}
	
	/* = Fullscreen Btn = */
	.rsFullscreenBtn {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 22;
		display: block;
		cursor: pointer;
		
	}
	.rsFullscreenIcn {
		display: block;
		width: 71px;
		height: 68px;
		background: url('img/sprite.png') no-repeat -475px -275px;
		opacity: 1;
	}
	
		.rsFullscreenIcn:hover { background-position: -475px -350px; }
	
	/* Close Btn when Fullscreen mode enabled */
	.rsFullscreen .rsFullscreenBtn {
		top: 10px;
		right: 10px;
	}
	
	.rsFullscreen .rsFullscreenIcn {
		display: block;
		width: 44px;
		height: 44px;
	
		background: url('img/sprite.png') no-repeat -550px -275px;
		opacity: 1;
	}
	
		.rsFullscreen .rsFullscreenIcn:hover { background-position: -550px -350px; }

/* @end */

/* @group ====== Page Layouts ====== */

/* ==========================================================================
   1 - Main Layouts
   2 - Home Page
   3 - Games Directory Page
   4 - Game Page
   5 - About Page
   6 - Jobs Page
   7 - Blog Pages
   8 - Contact Page
   ========================================================================== */

/* @group === 1 - Main Layouts === */

/* ==========================================
   1 - Main Layouts
   ========================================== */
	
	article {
		position: relative;
		float: left;
		margin: 0 4% 0;
		width: 92%;
   	}
   	
   	aside {
   		float: left;
   		margin: 20px 0 30px;
   		width: 100%;
   	}
   	
   	/* = Used on contact page = */
   	.full-width section,
   	.page-template-contact-page-php section  { padding: 0 20px; }
   	
   	/* = List layout = */   	
   	div.content ul, 
   	div.content ol,
   	article.job ul,
   	article.job ol {
   		margin-left: 16px;
   	}
   	
	   	div.content li,
	   	article.job li {
	   	  	position: relative;
	   	  	margin: 0 0 12px 12px;
	   	  	color: #2b2b2b;
	   	  	font: 16px/1.6 'SourceSansPro', sans-serif;
	   	}
   			
   			/* List Item Bullet Icon */
		   	div.content li:before {
		   	  	position: absolute;
		   	  	top: 7px;
		   	  	left: -20px;
		   	  	display: block;
		   	  	width: 9px;
		   	  	height: 9px;
		   	  	background: url('img/sprite.png') no-repeat -300px -50px;
		   	  	content: "";
		   	}
			
			article.job li:before {
		   	  	position: absolute;
		   	  	top: 2px;
		   	  	left: -25px;
		   	  	display: block;
		   	  	width: 20px;
		   	  	height: 16px;
		   	  	/* background: url('img/sprite.png') no-repeat -300px -50px; */
				background: url('img/body/vacancy/hand_bullet.png') no-repeat;
		   	  	content: "";
		   	}
   		
   		/* List within a List */
   		div.content li ul { margin-left: 16px; }
   	
/* @end */

/* @group === 2 - Home Page === */
   
/* ==========================================
  2 - Home Page
  ========================================== */
 	
 	/* Help align main article heading with sidebar headings */
   	.home article { padding: 10px 0 0; }
   	
    /* Like btn */  
  	ul.like { position: relative; z-index: 200; float: right; margin: -38px 10px 0; }
    ul.like li { float: right; }
    
    /* Stats bar */
    ul.stats { display: none; }
    
   	/* Social networks */   			   			
	div.social-networks {
   		position: relative;
      	float: left;
  		padding: 15px;
  		width: 100%;
  		border: 1px solid #ebe4e2;
  		background: #fff;
  	}
      	      
   		div.social-networks h4 { color: #0091e3; text-align: center; }
      
      	div.social-networks ul {
      		display: table;
      		padding: 8px;
      		width: 100%;
   			/* border: 6px solid #2c2c2c;
   			background-color: #000000; */
      		text-align: center;
            margin-bottom: 10px;
   		}
         
      		div.social-networks ul li { display: inline-block; }
      
      			div.social-networks ul li a {
	   			   	display: block;
	   			   	margin-left: 10px;
	   			   	width: 52px;
	   			   	height: 48px;
	   			   	border: 2px solid #FFF;
	   			   	border-radius: 6px;
	   			   	background: url('img/sprite.png') no-repeat;
	   			   	text-indent: -9999em;
	   			   	opacity: 1;
      			}
      
      			div.social-networks ul li:first-child a { margin-left: 0; }
      
      			div.social-networks ul li.facebook a { background-position: 0 -225px; }
      				div.social-networks ul li.facebook a:hover { border-color: #2f76d6; }
      
      			div.social-networks ul li.twitter a { background-position: -50px -225px; }
      				div.social-networks ul li.twitter a:hover {	border-color: #62bef3; }
      
      			div.social-networks ul li.google a { background-position: -101px -225px; }
      				div.social-networks ul li.google a:hover { border-color: #cc2315; }
      
      			div.social-networks ul li.youtube a { background-position: -150px -225px; }
      				div.social-networks ul li.youtube a:hover { border-color: #f43d38; }

      
	/* News and Reviews Tabbed Content */	
	div.tabs { 
      	float: left; 
      	margin: 20px 0 0; 
      	width: 100%; 
      	-webkit-backface-visibility: hidden; 
   	}
      		
      	div.tabs ul { float: left; width: 100%; }
      		div.tabs li { float: left; width: 50%;	}
      
      			div.tabs li a {
		   			position: relative;
		   			top: 1px;
		   			z-index: 10;
		   			float: left;
		   			padding: 15px 0;
		   			width: 100%;
		   			border: 1px solid #ebe4e2;
					background-color: #f6f3f2;  
		   			color: #979596;
		   			text-align: center;
		   			letter-spacing: 1px;
		   			font: 22px 'Bangers', impact;
      			}
      					   
      				div.tabs li a:hover { color: #7c7c7c; }
      				
      					div.tabs li.active a {
      						padding-bottom: 16px;
      						border-bottom-color: #fff;
      						background: #fff;
      						color: #ee3526;
      					}
      			
	div.tabs > div.tab-box {
		position: relative;
	   	visibility: visible;
	   	float: left;
	   	clear: left;
	   	padding: 15px;
	   	width: 100%;
	   	height: auto;
	   	border: 1px solid #ebe4e2;
	   	background: #fff;
	   	-webkit-transition: opacity 0.2s ease-in-out, max-height 0.3s ease-out;
	}

		div.tabs > div.tab-box.inactive {
		   	visibility: hidden;
		   	padding: 0;
		   	max-height: 0;
		   	height: 0;
		   	border: 0;
		   	opacity: 0;
		}
		
		div.tabs h5 { display: block; width: 100%; }
      
      	div.tabs p.metadata {
      		float: left;
      		clear: left;
   	   		margin: -10px 0 10px;
   	   		color: #17a400;
      		font-weight: bold;
      	}
      
      	div.tabs p { font-size: 15px; }
      
      	div.tabs a {
      		float: right;
   			border-bottom: 2px solid #99b675;
   			font-weight: bold;
   			font-style: italic;
      		font-size: 14px;
   		}
   		
   		div.press-reviews a { margin-bottom: 16px; }
   	
   	/* reviews slider */
   	div.tabs.reviews { margin-top: 0; }
   	div.tabs.reviews li:first-child a { border-top-left-radius: 8px; }
   	div.tabs.reviews li:last-child a { border-top-right-radius: 8px; }
   				
   	div.tabs.reviews > div.tab-box {
   		border-bottom-left-radius: 8px;
   		border-bottom-right-radius: 8px;
   		-webkit-box-shadow: 0 0 5px #ebe3e1;
   		-moz-box-shadow: 	0 0 5px #ebe3e1;
   		-ms-box-shadow: 	0 0 5px #dcd8d8;
   		-o-box-shadow: 		0 0 5px #dcd8d8;
   		box-shadow: 		0 0 5px #ebe3e1;
   	}
   	
   	div.tabs div.press-reviews,
   	div.tabs div.user-reviews { padding: 0; overflow: hidden; margin-top: -7px; }
   	
   	#press-slider,
   	#reviews-slider {
   		padding: 15px 15px 20px;
   		height: 100%;
   		width: 100%;
   	}

   	.home #reviews-slider { padding: 15px 0 20px; }
   	
   	#press-slider .rsOverflow,
   	#reviews-slider .rsOverflow { overflow: hidden; }
   	
   	#press-slider .rsContent,
   	#reviews-slider .rsContent { position: relative; margin-bottom: 10px; }
   	
   	.home #reviews-slider .rsContent { padding: 0 15px; }
   	
   	#press-slider .rsBullets,
   	#reviews-slider .rsBullets {
   		position: absolute;
   		z-index: 35;
   		left: 0;
   		bottom: 10px;
   		width: 100%;
   		height: 12px;
   		margin: 0 auto; 
   		padding: 10px;
   		background-color: #fffffe;
   		border-top: 1px solid #f6f3f2;
   		text-align: center;
   		line-height: 12px;
	}
	
	#press-slider .rsBullet,
   	#reviews-slider .rsBullet {
   		width: 12px;
   		height: 12px;
   		display: inline-block;
   		*display:inline; 
   		*zoom:1;
   		margin-right: 8px;
   		cursor: pointer;
   	}
   	
   	#press-slider .rsBullet span,
   	#reviews-slider .rsBullet span {
   		display: block;
   		width: 12px;
   		height: 12px;
		background-color: #eae4e2;
	}
	
	#press-slider .rsBullet span:hover,
	#reviews-slider .rsBullet span:hover {
		background-color: #d7ccc8;
	}
	
	#press-slider .rsBullet.rsNavSelected span,
   	#reviews-slider .rsBullet.rsNavSelected span {
   		background-color: #989697;
   	}

	#reviews-slider-game {		
		text-align:left;
		float: left;						
		margin-bottom: 10px;		
	}
	
	#reviews-slider-all {
		
		text-align:right;
		float: right;
		/*  color: #1ba200;
		/* border-bottom: 2px solid #99b675; */
		/*font-weight: bold;
		font-style: italic;
		font-size: 14px; */
		margin-bottom: 10px;
		/* text-decoration: none; */
		
	}
	
	p#reviews-slider-game-id, p#reviews-slider-game-id a {
		float: left;
		font-size: 16px;					
		border-bottom: none;
		margin: 0;
		font-style: normal;
		text-decoration
	}	

	div.review-block {
		/*margin: 0px auto 0px auto;*/
		margin-left: auto;
		margin-right: auto;		
		margin-bottom: 15px;
		box-shadow: 0 0 5px #ebe3e1;
		border-radius: 8px;
		border: 1px solid #ebe4e2;
		background: #fff;
		width: 90%;
	}
	
    div.review-body-block {
		padding-bottom: 14%;
		margin-top: 20px;
	}
	
	div.review-icon-block {
		float: left;
		margin: auto 25px;
	}
	
	div.review-text-block {
		float: left;
	}
	
	div.review-text-block p span.review-text-title {
		font-weight: bold;		
	}
	
	div.review-text-block p.review-text-body {		
		max-width: 700px;
	}
	
	img.review-icon-image {
		height:100px;
		width:100px;
		position: relative;
		z-index:2;		
	}
	
	img.review-icon-shadow {
		position: absolute;
		width: 130px;
		height: 28px;		
		margin-top: 74px;
		margin-left: -112px;
		z-index:1;
	}
	
	div.review-header-block {						
		border-bottom: 1px solid #ebe3e1;
		width:100%;		
		background-color: #c1c1c1;
		height: 35px;				
		border-radius: 8px 8px 0px 0px;
		padding-top: 2px;
	}	
	
	span.review-header-text {		
		color:#fff;
		font: 20px/1.6 'SourceSansPro', sans-serif;
		font-weight: bold;		
		margin-left: 25px;
	}
	
	div.review-footer-block {
		clear: both;
		border-top: 1px solid #ebe3e1;
		width:100%;		
		background-color: #f8f8f8;
		height: 40px;		
		border-radius: 0px 0px 8px 8px;
	}
	
	span.review-footer-store {
		float:right;		
		font: 24px/1.6 'SourceSansPro', sans-serif;
		font-weight:bold;
		/* text-align: center;
		margin: auto 25px;
		width: 100px;	*/
		margin-right: 20px;		
	}
	
	span.review-footer-stars {
		float:left;		
		/*margin-top: 4px; */
		width: 110px;
		margin: 7px 20px;
		text-align: center;
	}	
	
	span.review-footer-info {
		float:right;
		/*display:block;*/
		color:#808080;
		font: 18px/1.6 'SourceSansPro', sans-serif;		
		margin-top: 7px;
		margin-right: 10px;
	}	
	
	/*div.review-icon-block:after {
		position:absolute;
		display:block;
		width: 130px;
		height: 28px;		
		background-image: url('img/reviews/icons/shadow_icon.png');	
		content: "";
		left:0;
		top:0;
		z-index:100500;
	}*/
	
	img.star-full {
		width: 21px;
		height: 22px;
		/* vertical-align: text-bottom; */
		margin-right: 1px;
	}
	
	img.star-empty {
		width: 21px;
		height: 22px;
		/* vertical-align: text-bottom; */
		margin-right: 1px;
	}	
	
	img.star-full-small {
		width: 12px;
		height: 13px;
		vertical-align:text-bottom;
		margin-right: 1px;
	}
	
	img.star-half-small {
		width: 12px;
		height: 13px;
		vertical-align: text-bottom;
		margin-right: 1px;
	}
	
	img.star-empty-small {
		width: 12px;
		height: 13px;
		vertical-align: text-bottom;
		margin-right: 1px;
	}


	div.reviews-total {
		text-align:center; 
		clear:both;
		float:left;
		width:498px;
		height:54px;
		background: url('img/reviews/nav/green_line.png') no-repeat;
		font: 34px/1.6 'SourceSansPro', sans-serif;
		color: #fff;		
		font-weight: bold;
		margin-left: -19px;
		padding-top: 2px;		
	}
	
	div.reviews-pagination {
		text-align: center;  
		clear: both;		
		margin-bottom: 20px;
	}
	
	ul.reviews-pagination{border:0; margin:0; padding:0; clear:both; display: inline-block; font: 22px/1.6 'SourceSansPro', sans-serif; font-weight:bold;}
	 
	ul.reviews-pagination li{
		border:0; margin:0; padding:0;
		/* font-size:11px; */
		list-style:none;
		/* margin-right:2px; */
		/* background:#F2F2F2; */
		/*display:block;*/
		float: left;
	}
			
	/* ul.reviews-pagination a{
		 border:1px solid #E1E1E1;   
		 margin-right:2px; 
	}
	
	/* ul.reviews-pagination .previous-off,
	ul.reviews-pagination .next-off {
		 border:1px solid #DEDEDE; 
		color:#888888;
		display:block;
		float:left;
		font-weight:bold; 
		 margin-right:2px; 
		 padding:6px 12px; 
	} 
	
	ul.reviews-pagination .next a,
	ul.reviews-pagination .previous a {
		font-weight:bold;
	} */
	
	ul.reviews-pagination .disabled {
		color:#888888;		
		
	}
	
	ul.reviews-pagination a.active{
		/* background:#E0E0E0; */
		/* color:#1ba200; */
		color:#222;
		font-weight:bold;
		display:block;
		float:left;
		padding:6px 14px;
	}
	
	ul.reviews-pagination a:link,
	ul.reviews-pagination a:visited {
		/* color:#0e509e; */
		display:block;
		float:left;
		padding:6px 14px;
		text-decoration:none;
	}
	ul.reviews-pagination a:hover{
		/* border: 1px solid #C8C8C8; */
	}	

	select.reviews-combobox	{
		border: 1px solid #e1e1e1;
		border-radius:5px;
		font: 20px/1.6 'SourceSansPro', sans-serif;
		display:block;
		clear: both;
	}		
    
    /* latest games */  		
  	ul.games {
  		display: table;
  		clear: left;
  		margin: 20px auto 0;
  		width: auto;
  		text-align: center;
  	}

   		 ul.games li {
   		 	position: relative;
   		 	left: -7px;
   		 	margin: 10px 10px 25px;
   		 	/*width: 308px;
   		 	height: 188px;*/
   		 	width: 330px !important;
   		 	height: 224px !important;
   		 	background: url('img/content/small-tile_border_n.png') no-repeat;
   		 	/* border: 6px solid #232323;
   		 	-webkit-border-radius: 8px;
   		 	-moz-border-radius: 8px;
   		 	border-radius: 8px; */
   		 	display: inline-block;
   		 }
   	 	
   	 		ul.games li:hover { 
   	 			background: url('img/content/small-tile_border_s.png') no-repeat;
   	 				/*border-color: #83d500;
					box-shadow: 
						0 0 0 1px #3fb700,
						0 0 7px rgba(0, 0, 0, 0.4); */
			}
   	 	
		   	 	ul.games li a { 
		   	 		float: left; 
		   	 		height: 180px; 
		   	 		border: none; 
		   	 		-webkit-border-radius: 8px;
		   	 		-moz-border-radius: 8px;
		   	 		border-radius: 8px;
		   	 	}
		   	 	
		   	 		ul.games li a img { 
		   	 			
		   	 			margin-top: 0px; 
		   	 			margin-left: 12px; 
		   	 			width: 296px;		   	 			
		   	 					   	 			 
		   	 		
		   	 		}
   
 	/* View More Games Btn */

	
   	a.more-games {
   		position: relative;
   		z-index: 10;
   		display: block;
   		clear: left;
   		margin: 0 auto 10px;
   		padding: 10px 10px 6px;
   		width: 97%;
		height: 90%;
   		/*border: 6px solid #232323;
   		-webkit-border-radius: 8px;
   		-moz-border-radius: 8px;
   		border-radius: 8px;*/
   		background-color: #6dc10f;
   		background-image: -moz-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
   		background-image: -o-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
   		background-image: -webkit-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
   		background-image: linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
   		color: #ffffff;
   		text-align: center;
   		text-shadow: 1px 1px 0 #1c8800;
   		letter-spacing: 1px;
   		font: 24px 'Bangers', impact;
   		
   	}
	
	div.more-games {
		position: relative;
		left: -3px;
		width:320px;
		height:66px;
		clear: left;
		margin: 0 auto 10px;
   		padding: 10px 10px 6px;
		background: url('img/content/under_big_button.png') no-repeat;
	
	}	
	
	/* a.more-games:after{
   		width:320px;
		height:66px;
		position: absolute;
		z-index: -999999;
		background: url('img/content/under_big_button.png') no-repeat;
   		content:""
   		
   	} */

   		a.more-games:hover {
			border-color: #000;
			color: #181818;
			text-shadow: 1px 1px 0 #98d62c;
		}
	
/* @end */

/* @group === 3 - Games Directory Page === */
	   
/* ==========================================
3 - Games Directory Page
========================================== */
	
	/* filtering animations */
	.isotope-item { z-index: 2; }
	.isotope-hidden.isotope-item {  z-index: 1; pointer-events: none; }

	.isotope, .isotope .isotope-item {
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
	}

	.isotope {
		-webkit-transition-duration: 	0.4s;
		-moz-transition-duration: 		0.4s;
		transition-duration: 			0.4s;
		-webkit-transition-property: 	height, width;
		-moz-transition-property:   	height, width;
		transition-property: 			height, width;
	}

	.isotope .isotope-item {
		-webkit-transition-duration: 	0.4s;
		-moz-transition-duration: 		0.4s;
		transition-duration: 			0.4s;
		
		-webkit-transition-property: -webkit-transform, opacity;
   		-moz-transition-property:    -moz-transform, opacity;
        transition-property:         transform, opacity;
        
	}

	
	/* full width layout with padding */
	.page-template-game-list-page-php article,
	.tax-platforms article,
	.search article {
		float: left;
		margin: 0 3% 30px;
		width: 94%;
	}
 
 	/* Category Filter */
	nav.filter {
		position: relative;
		float: left;
		margin: 0 auto 24px;
		padding: 8px 0 0 8px;
		width: auto;
		height: auto;
	/*	background-color: #272727;
		border: 1px solid #272727;
		border-radius: 6px;
		box-shadow: 0 0 0 1px #000,*/
	}
 	
		nav.filter ul li { 
			float: left; 
			margin: 0 0 2% 0; 
			width: 50%; 
			border-right: 8px solid #262626; 
		}
		
			nav.filter ul li:first-child { width: 100%; }
		
			nav.filter ul li a {
				display: block;  
				float: left;
				padding: 25px 15px 10px 65px;
				width: 200px;
				height: 74px;
				color: #000;
				border-bottom: none;
/*				background: url('img/games/btn_section_center.png') no-repeat;*/
                background: url('img/games/sprite.png') no-repeat;
                background-position: 0 0; width: 198px; height: 74px;
				/*border: 1px solid #000;
				background-color: #0e0e0e;
				-webkit-box-shadow: inset 0 1px 0 #272727;
				-moz-box-shadow: 	inset 0 1px 0 #272727;
				-ms-box-shadow: 	inset 0 1px 0 #272727;
				-o-box-shadow: 		inset 0 1px 0 #272727;
				box-shadow: 		inset 0 1px 0 #272727;
				color: #fff;*/
				text-align: center;
				font: 26px 'Bangers', impact;
			}
			
			nav.filter ul li:first-child a { 
                float: left;
/*				width: 200px;
				height: 74px;*/
				/*background: url('img/games/btn_section_left.png') no-repeat;*/
                background: url('img/games/sprite.png') no-repeat;
                background-position: 0 -248px; width: 200px; height: 74px;
			
			
			 }
			 
			nav.filter ul li:last-child a { 
                float: left;
/*				width: 200px;
				height: 74px;*/
/*				background: url('img/games/btn_section_right.png') no-repeat;*/
                background: url('img/games/sprite.png') no-repeat;
                background-position: 0 -496px; width: 200px; height: 74px;
			
			
			 }			 
	   
	  			nav.filter ul li a:hover {   
	  				
	  				color: #fff;
	  				/* background: url('img/games/btn_section_center_select.png') no-repeat; */  	  				
	  				
	  				}
	   
			   	nav.filter ul li.selected a {
			   		
			   		color: #fff;
/*			   		background: url('img/games/btn_section_center_select.png') no-repeat;*/
                    background: url('img/games/sprite.png') no-repeat;
                    background-position: 0 -124px; width: 198px; height: 74px;
			   		
			   		/* border-color: #008300;
			   		background-color: #00b000;
			   		-webkit-box-shadow: inset 0 1px 0 #00c300;
			   		-moz-box-shadow: inset 0 1px 0 #00c300;
			   		-ms-box-shadow: inset 0 1px 0 #00c300;
			   		-o-box-shadow: inset 0 1px 0 #00c300;
			   		box-shadow: inset 0 1px 0 #00c300;
			   		color: #0e0e0e; */
			  	}
			  	
			  	nav.filter ul li:first-child a:hover {
			  	
			  		color: #fff;
			  	
			  	}
			  	
			  	nav.filter ul li.selected:first-child a {
			  	
			  		color: #fff;
/*			  		background: url('img/games/btn_section_left_select.png') no-repeat;*/
                    background: url('img/games/sprite.png') no-repeat;
                    background-position: 0 -372px; width: 200px; height: 74px;
			  		
			  	}
			  	
			  	nav.filter ul li:last-child a:hover {
			  	
			  		color: #fff;
			  	
			  	}
			  	
			  	nav.filter ul li.selected:last-child a {
			  	
			  		color: #fff;
/*			  		background: url('img/games/btn_section_right_select.png') no-repeat;*/
                    background: url('img/games/sprite.png') no-repeat;
                    background-position: 0 -620px; width: 200px; height: 74px;
			  		
			  	}			  	
			  		  
	   	
	   	/* category icons */
	/*  	nav.filter ul li a:before {
		   	position: absolute;
		   	bottom: 3px;
		   	left: 7px;
		   	z-index: 99;
		   	display: block;
		   	width: 38px;
		   	height: 40px;
		   	background: url('img/sprite.png') no-repeat;
		   	content: "";
	 } */
	   	
	   	/* All */
   		nav.filter ul li a.all:before { 
   			position: absolute;
		   	bottom: 0px;
		   	left: 0px;
		   	z-index: 99;
		   	display: block;
		   	width: 84px;
		   	height: 74px;
/*   			background: url('img/games/sign_all.png') no-repeat; */
            background: url('img/games/sprite.png') no-repeat;
            background-position: 0 -744px; width: 84px; height: 74px;    
   			content: "";
   			
   			}
   			
   			
   		/* nav.filter ul li.selected a.all:before { background: url('img/sign_all.png') no-repeat;	} */
   		
   		/* Mobile */

   		nav.filter ul li a.mobile:before { 
   			
   			position: absolute;
		   	bottom: 0px;
		   	left: 0px;
		   	z-index: 99;
		   	display: block;
		   	width: 84px;
		   	height: 74px;
/*   			background: url('img/games/sign_mobile.png') no-repeat; */
            background: url('img/games/sprite.png') no-repeat;    
            background-position: 0 -1116px; width: 84px; height: 74px;
   			content: ""; 
   			
   			
   			}

   
   		/* Casual */
   		nav.filter ul li a.casual:before { 

   			position: absolute;
		   	bottom: 0px;
		   	left: 0px;
		   	z-index: 99;
		   	display: block;
		   	width: 84px;
		   	height: 74px;
/*   			background: url('img/games/sign_casual.png') no-repeat;*/
            background: url('img/games/sprite.png') no-repeat;    
            background-position: 0 -868px; width: 84px; height: 74px;   
   			content: ""; 
		
		
		 }

   
   		/* J2ME */
   		nav.filter ul li a.j2me:before { background-position: -300px -175px; 
   		
   			position: absolute;
		   	bottom: 0px;
		   	left: 0px;
		   	z-index: 99;
		   	display: block;
		   	width: 84px;
		   	height: 74px;
/*   			background: url('img/games/sign_j2me.png') no-repeat; */
            background: url('img/games/sprite.png') no-repeat;    
            background-position: 0 -992px; width: 84px; height: 74px;    
   			content: "";    		
   		
   		}
   	
   		/* Social */
   		nav.filter ul li a.social:before {  
   		
   			position: absolute;
		   	bottom: 0px;
		   	left: 0px;
		   	z-index: 99;
		   	display: block;
		   	width: 84px;
		   	height: 74px;
/*   			background: url('img/games/sign_social.png') no-repeat; */
            background: url('img/games/sprite.png') no-repeat;    
            background-position: 0 -1240px; width: 84px; height: 74px;
   			content: "";     		
   		
   		}
			


	/* === Game Tiles Section === */
	section.games {
   		margin: 0 auto;
   		clear: left;
   		width: 280px;
	}
	
	/* taxonomy search reply if no games available */
	div.no-games { width: 100%; padding: 0 20px; }
	div.no-games h2,
	div.no-games h5,
	div.no-games p { text-align: center; float: none; }
	
	/* Individual Game Tile */
	div.game {
		position: relative;
		float: left;
		overflow: visible;
		/* margin: 0 0 12px 0; */
		width: 280px;
		/*border: 3px solid #2c2c2c;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #2c2c2c;
		box-shadow: 0 0 7px rgba(0, 0, 0, 0);*/
		background: url('img/content/tile_border_n.png') no-repeat;
		-webkit-transform:translate3d(0,0,0);
		-webkit-transform-style: preserve-3d;
	}
	
		div.game:hover {
			/*border-color: #83d500;
			background: #83d500;
			box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);*/
			background: url('img/content/tile_border_s.png') no-repeat;
		}
	
			div.game a {
				position: relative;
				float: left;
				width: 286px; 
				border-bottom: none;
			}
				/* game tile img */
				div.game a img { 
					position: relative; 
					z-index: 10; 
					margin: -6px; 
					width: 100%; 
					-webkit-backface-visibility: hidden; 
				}


		/* Download Icons */
		div.game ul.game-downloads-small {
			float: left;
			z-index: 20;
			padding: 2px 0 2px 0;
			width: 100%;
		}
		
		div.game ul.game-downloads-small.none { padding: 0; }
		
		.js ul.game-downloads-small li {
			/* opacity: 0;
			-webkit-transition:	opacity 0.4s ease-in-out; 
			-moz-transition:  	opacity 0.4s ease-in-out; 
			-ms-transition:  	opacity 0.4s ease-in-out; 
			-o-transition:  	opacity 0.4s ease-in-out; 
			transition:  		opacity 0.4s ease-in-out; */  
		}
		
		.js.loaded ul.game-downloads-small li { opacity: 1; }

		div.game ul.game-downloads-small li { float: left; }

			ul.game-downloads-small li a {
  		 		float: left;
  		 		margin-left: 9px;
  		 		width: 40px;
  		 		height: 40px;
  		 		background: url('img/download-btns.png') no-repeat;
  		 		text-indent: 100%;
  		 		white-space: nowrap;
  		 		overflow: hidden;
   			}
   
			ul.game-downloads-small li:first-child { margin-left: -6px; }
			ul.game-downloads-small li:nth-child(6) a { display: none; }
		
		/* category icons */
		div.game ul.game-downloads-small:after {
			position: absolute;
			right: -64px;
			bottom: 71px;
			z-index: 99;
			display: block;
			width: 136px;
			height: 143px;
			/* background: url('img/sprite.png') no-repeat; */
			content: "";
		}
		
		div.mobile ul.game-downloads-small:after {  background: url('img/content/corner_mobile_n_small.png') no-repeat; }
		div.mobile:hover ul.game-downloads-small:after {  background: url('img/content/corner_mobile_s_small.png') no-repeat; }
		
		div.casual ul.game-downloads-small:after {  background: url('img/content/corner_casual_n_small.png') no-repeat; }
		div.casual:hover ul.game-downloads-small:after {  background: url('img/content/corner_casual_s_small.png') no-repeat; }
		
		div.j2me ul.game-downloads-small:after {  background: url('img/content/corner_j2me_n_small.png') no-repeat; }
		div.j2me:hover ul.game-downloads-small:after {  background: url('img/content/corner_j2me_s_small.png') no-repeat; }
		
		div.social ul.game-downloads-small:after {  background: url('img/content/corner_social_n_small.png') no-repeat; }
		div.social:hover ul.game-downloads-small:after {  background: url('img/content/corner_social_s_small.png') no-repeat; }

        div.mobile.social ul.game-downloads-small:after, div.mobile.casual ul.game-downloads-small:after, div.mobile.j2me ul.game-downloads-small:after {  background: none; }
		div.mobile.social:hover ul.game-downloads-small:after, div.mobile.casual:hover ul.game-downloads-small:after, div.mobile.j2me:hover ul.game-downloads-small:after {  background: none; }

        div.social.casual ul.game-downloads-small:after, div.social.j2me ul.game-downloads-small:after {  background: none; }
		div.social.casual:hover ul.game-downloads-small:after, div.social.j2me:hover ul.game-downloads-small:after {  background: none; }

        div.casual.j2me ul.game-downloads-small:after {  background: none; }
		div.casual.j2me:hover ul.game-downloads-small:after {  background: none; }

		/*
		
		div.game ul.game-downloads-small.none:after { bottom: 0; }
		
		div.mobile ul.game-downloads-small:after { background-position: -100px -275px; }
			div.mobile:hover ul.game-downloads-small:after  { background-position: -100px -350px; }
		div.casual ul.game-downloads-small:after { background-position: -200px -275px; }
			div.casual:hover ul.game-downloads-small:after { background-position: -200px -350px; }
		div.j2me ul.game-downloads-small:after { background-position: -300px -275px; }
			div.j2me:hover ul.game-downloads-small:after { background-position: -300px -350px; }
		div.social ul.game-downloads-small:after { background-position: -400px -275px; }
			div.social:hover ul.game-downloads-small:after { background-position: -400px -350px; } */

/* @end */
	   
/* @group === 4 - Game Page === */
   
/* ==========================================
   4 - Game Page
   ========================================== */
    
    div.title { overflow: hidden; }
      	
   	div.banner div.title:before,
   	div.banner div.title:after { background: none; }
   	
   	div.title h2 {
   		color: #fff;
   		margin: 10px 0 0 15px;
   		border: none;
   		position: relative;
   		top: -5px;
   	}
   	   
  	div.banner {
   		position: relative;
   		display: block;
   		float: left;
   		margin: -10px 1.5% 20px;
   		padding-top: 4px;
   		width: 97%;
   		-moz-border-radius: 8px;
  	}
  	
  	.js div.banner img {
  		 opacity: 0;
  		-webkit-transition:	opacity 0.6s ease-in-out; 
  		-moz-transition:  	opacity 0.6s ease-in-out; 
  		-ms-transition:  	opacity 0.6s ease-in-out; 
  		-o-transition:  	opacity 0.6s ease-in-out; 
  		transition:  		opacity 0.6s ease-in-out;
  	}
  	
  	.js.loaded div.banner img { opacity: 1; }
   
	   	div.banner img { margin: 0 0 5px 0; width: 100%; }
	   	   		
		ul.share {
			position: relative;
			float: left;
			clear: left;
			padding: 2px 6px 8px 6px;
			width: 100%;
			height: 52px;
			background: #0e0e0e;
		}
		
		ul.share.title-only {
			background: none;
		}
		   		
   			ul.share li { float: left; }
   			
	   			ul.share li a {
	   				display: block;  
	   				float: left;
	   				overflow: hidden;
	   				margin-left: 10px;
	   				padding: 12px 16px;
	   				width: 93px;
	   				height: 50px;
	   				background-color: #0e0e0e;
	   				border: 1px solid #0e0e0e;
	   				color: #0e0e0e;;
	   			}
	   			
	   			ul.share li:first-child a { margin-left: 0; }
	   			ul.share li:first-child { border-top-left-radius: 8px; }
	   			
	   			/* remove on small screens */
	   			ul.share li.facebook,
	   			ul.share li.twitter,
	   			ul.share li.google	{
	   				background-color: #0e0e0e;
	   				height: 50px;
	   				padding: 15px 10px 0;
	   				overflow: hidden;
	   			}
	   			
	   			ul.share li.facebook { width: 110px; padding-left: 18px; }
	   			ul.share li.facebook > span { position: relative; top: -5px; }
	   			
	   			/*ul.share li.twitter { width: 115px; } */
	   			ul.share li.twitter > span { position: relative; top: -2px; }
	   			
	   			.stButton .stFb, 
	   			.stButton .stTwbutton, 
	   			.stButton .stMainServices {
	   				height: 22px !important;
	   			}
	   			
	   			.stButton .stBubble_hcount  { position: relative; top: -2px; }
	   			.stHBubble { position: relative; top: 2px; }
	   			.stArrow { position: relative; top: 0; }
	   			
	   			ul.share li.google {
                    width: 90px; 
                    padding-top: 8px;
                    padding-left: 0px;
                }

	   			ul.share li.google > span { position: relative; top: 5px; }
	   			
	   			ul.share li.facebook,
	   			ul.share li.twitter,
	   			ul.share li.google {
	   				display: none;
	   			}
   				
   				ul.share li.back { float: left; width: 100%; }
   				
	   			ul.share li.back a {
	   			/* a.back { */
				   	margin-left: 0;
				   	padding-right: 70px;
				   	width: 100%;  
				   	border: 1px solid #000;
				   	-webkit-box-shadow: inset 0 1px 0 #272727;
				   	-moz-box-shadow: inset 0 1px 0 #272727;
				   	box-shadow: inset 0 1px 0 #272727;
	   				color: #fff;
	   				font: 24px 'Bangers', impact;
				 }
			 
					 ul.share li.back a:hover {
					/* a.back:hover { */
					 	border: 1px solid #000000; 
					 	background-color: #161515; 
					 	color: #81cf53;
					 }
								
				/* back icon */ 
				ul.share li.back a:after {
				/* a.back:after { */
					position: absolute;
				 	top: 8px;
				 	right: 10px;
				 	display: block;
				 	width: 40px;
				 	height: 34px;
				 	background: url('img/sprite.png') no-repeat -450px -100px;
				 	content: "";
				}
   
   
   	/* page content styling */
	.single-games h3 {
		color: #2d2d2d;
		text-shadow: none;
		font-size: 24px;
	}
	  
	blockquote {
		position: relative;
	  	margin: 16px 0 26px;
	  	padding: 20px 20px 4px 30px;
	}
	
		.single-games blockquote {
			background-color: #ece7e7;
			border: 1px solid #ece7e7;
			border-radius: 8px;
		}
	
	blockquote p {
		font: 600 18px 'SourceSansPro'; /* 22 */
		line-height: 30px;
		color: #4e4b4a;
	}
	
	blockquote p strong {
		font: bold 24px 'SourceSansPro';
		color: #459c34;
	}
	
	blockquote:before {
		position: absolute;
		top: 14px;
		left: 0;
		display: block;
		width: 26px;
		height: 20px;
		content: '"';
		font: 40px 'Bangers', impact;
		color: #cad8c2;
	}
	
	.single-games blockquote:before { display: none; }
	  
		blockquote li {
		  	position: relative;
		  	margin: 0 0 12px 12px;
		  	color: #2b2b2b;
		  	font: bold 16px/1.6 'SourceSansPro', sans-serif;
	  	}
	  
	  	blockquote li:before {
		  	position: absolute;
		  	top: 7px;
		  	left: -20px;
		  	display: block;
		  	width: 9px;
		  	height: 9px;
		  	background: url('img/sprite.png') no-repeat -300px -50px;
		  	content: "";
	  	}
	  	
	.single-games blockquote li:before {
		position: absolute;
		top: 2px;
		left: -25px;
		display: block;
		width: 16px;
		height: 16px;
		background: url('img/sprite.png') no-repeat -300px -59px;
		content: "";
	}
	
	/* downloads section */
	h4.downloads {
	  	position: relative;
	  	display: block;
	  	float: left;
	  	margin: 20px 1.5% 10px;
	  	padding: 10px 8px 4px;
	  	width: 97%;
	  	border: 6px solid #272727;
	  	background-color: #0e0e0e;
		color: #8cda00;
	  	text-align: center;
	  	border-radius: 8px;
	}

	ul.game-downloads { 
		display: table;
		position: relative;
		margin: 0 auto;
		text-align: center;
		left: -7px;
	}
   
   		ul.game-downloads li { display: inline-block; margin: 13px 0 0 13px; }
   		
	   		ul.game-downloads li a {
	   			display: block;
	   			padding: 8px;
	   			width: 174px;
	   			height: 60px;
	   			background: url('img/download-btns.png') no-repeat;
	   			text-indent: -9999em;
				color: #fff;
	   			text-align: center;
			}
			
			/* app store */
			ul.game-downloads li.appstore a { background-position: 0 0; }
			ul.game-downloads li.appstore a:hover { background-position: 0 -60px; }
			ul.game-downloads-small li.appstore a { background-position: -174px 0; }
			ul.game-downloads-small li.appstore a:hover { background-position: -174px -60px; }
			
			/* app store - iPad */
			ul.game-downloads li.appstoreipad a { background-position: 0 -120px; }
			ul.game-downloads li.appstoreipad a:hover { background-position: 0 -180px; }
			ul.game-downloads-small li.appstoreipad a { background-position: -174px -120px; }
			ul.game-downloads-small li.appstoreipad a:hover { background-position: -174px -180px; }
			
			/* mac app store */
			ul.game-downloads li.macappstore a { background-position: 0 -240px; }
			ul.game-downloads li.macappstore a:hover { background-position: 0 -300px; }
			ul.game-downloads-small li.macappstore a { background-position: -174px -240px; }
			ul.game-downloads-small li.macappstore a:hover { background-position: -174px -300px; }
			
			/* google play */
			ul.game-downloads li.googleplay a { background-position: 0 -360px; }
			ul.game-downloads li.googleplay a:hover { background-position: 0 -420px; }
			ul.game-downloads-small li.googleplay a { background-position: -174px -360px; }
			ul.game-downloads-small li.googleplay a:hover { background-position: -174px -420px; }
			
			/* samsung apps */
			ul.game-downloads li.samsungapps a { background-position: 0 -480px; }
			ul.game-downloads li.samsungapps a:hover { background-position: 0 -540px; }
			ul.game-downloads-small li.samsungapps a { background-position: -174px -480px; }
			ul.game-downloads-small li.samsungapps a:hover { background-position: -174px -540px; }
			
			/* samsung bada */
			ul.game-downloads li.samsungbada a { background-position: 0 -600px; }
			ul.game-downloads li.samsungbada a:hover { background-position: 0 -660px; }
			ul.game-downloads-small li.samsungbada a { background-position: -174px -600px; }
			ul.game-downloads-small li.samsungbada a:hover { background-position: -174px -660px; }
			
			/* nokia n9 */
			ul.game-downloads li.nokian9 a { background-position: 0 -720px; }
			ul.game-downloads li.nokian9 a:hover { background-position: 0 -780px; }
			ul.game-downloads-small li.nokian9 a { background-position: -174px -720px; }
			ul.game-downloads-small li.nokian9 a:hover { background-position: -174px -780px; }
			
			/* nokia symbian */
			ul.game-downloads li.nokiasymbian a { background-position: 0 -840px; }
			ul.game-downloads li.nokiasymbian a:hover { background-position: 0 -900px; }
			ul.game-downloads-small li.nokiasymbian a { background-position: -174px -840px; }
			ul.game-downloads-small li.nokiasymbian a:hover { background-position: -174px -900px; }
			
			/* nokia j2me */
			ul.game-downloads li.nokiaj2me a { background-position: 0 -960px; }
			ul.game-downloads li.nokiaj2me a:hover { background-position: 0 -1020px; }
			ul.game-downloads-small li.nokiaj2me a { background-position: -174px -960px; }
			ul.game-downloads-small li.nokiaj2me a:hover { background-position: -174px -1020px; }
			
			/* amazon */
			ul.game-downloads li.amazon a { background-position: 0 -1080px; }
			ul.game-downloads li.amazon a:hover { background-position: 0 -1140px; }
			ul.game-downloads-small li.amazon a { background-position: -174px -1080px; }
			ul.game-downloads-small li.amazon a:hover { background-position: -174px -1140px; }
			
			/* blackberry */
			ul.game-downloads li.blackberry a { background-position: 0 -1200px; }
			ul.game-downloads li.blackberry a:hover { background-position: 0 -1260px; }
			ul.game-downloads-small li.blackberry a { background-position: -174px -1200px; }
			ul.game-downloads-small li.blackberry a:hover { background-position: -174px -1260px; }
			
			/* mobiroo */
			ul.game-downloads li.mobiroo a { background-position: 0 -1320px; }
			ul.game-downloads li.mobiroo a:hover { background-position: 0 -1380px; }
			ul.game-downloads-small li.mobiroo a { background-position: -174px -1320px; }
			ul.game-downloads-small li.mobiroo a:hover { background-position: -174px -1380px; }
			
			/* windows phone */
			ul.game-downloads li.windowsphone a { background-position: 0 -1440px; }
			ul.game-downloads li.windowsphone a:hover { background-position: 0 -1500px; }
			ul.game-downloads-small li.windowsphone a { background-position: -174px -1440px; }
			ul.game-downloads-small li.windowsphone a:hover { background-position: -174px -1500px; }
			
			/* windows 8 */
			ul.game-downloads li.windows8 a { background-position: 0 -1560px; }
			ul.game-downloads li.windows8 a:hover { background-position: 0 -1620px; }
			ul.game-downloads-small li.windows8 a { background-position: -174px -1560px; }
			ul.game-downloads-small li.windows8 a:hover { background-position: -174px -1620px; }
			
			/* getjar */
			ul.game-downloads li.getjar a { background-position: 0 -1680px; }
			ul.game-downloads li.getjar a:hover { background-position: 0 -1740px; }
			ul.game-downloads-small li.getjar a { background-position: -174px -1680px; }
			ul.game-downloads-small li.getjar a:hover { background-position: -174px -1740px; }
			
			/* nook */
			ul.game-downloads li.nook a { background-position: 0 -1800px; }
			ul.game-downloads li.nook a:hover { background-position: 0 -1860px; }
			ul.game-downloads-small li.nook a { background-position: -174px -1800px; }
			ul.game-downloads-small li.nook a:hover { background-position: -174px -1860px; }
			
			/* chrome web store */
			ul.game-downloads li.chrome a { background-position: 0 -1920px; }
			ul.game-downloads li.chrome a:hover { background-position: 0 -1980px; }
			ul.game-downloads-small li.chrome a { background-position: -174px -1920px; }
			ul.game-downloads-small li.chrome a:hover { background-position: -174px -1980px; }
			
			/* big fish */
			ul.game-downloads li.bigfish a { background-position: 0 -2040px; }
			ul.game-downloads li.bigfish a:hover { background-position: 0 -2100px; }
			ul.game-downloads-small li.bigfish a { background-position: -174px -2040px; }
			ul.game-downloads-small li.bigfish a:hover { background-position: -174px -2100px; }			
			
			/* psvita */
			ul.game-downloads li.psvita a { background-position: 0 -2160px; }
			ul.game-downloads li.psvita a:hover { background-position: 0 -2220px; }
			ul.game-downloads-small li.psvita a { background-position: -174px -2160px; }
			ul.game-downloads-small li.psvita a:hover { background-position: -174px -2220px; }	
			
			/* vk */
			ul.game-downloads li.vk a { background-position: 0 -2280px; }
			ul.game-downloads li.vk a:hover { background-position: 0 -2340px; }
			ul.game-downloads-small li.vk a { background-position: -174px -2280px; }
			ul.game-downloads-small li.vk a:hover { background-position: -174px -2340px; }	
			
			/* ok */
			ul.game-downloads li.ok a { background-position: 0 -2400px; }
			ul.game-downloads li.ok a:hover { background-position: 0 -2460px; }
			ul.game-downloads-small li.ok a { background-position: -174px -2400px; }
			ul.game-downloads-small li.ok a:hover { background-position: -174px -2460px; }	
			
			/* mac */
			ul.game-downloads li.mac a { background-position: 0 -2520px; }
			ul.game-downloads li.mac a:hover { background-position: 0 -2580px; }
			ul.game-downloads-small li.mac a { background-position: -174px -2520px; }
			ul.game-downloads-small li.mac a:hover { background-position: -174px -2580px; }	
			
			/* windows - ru */
			ul.game-downloads li.windowsru a { background-position: 0 -2640px; }
			ul.game-downloads li.windowsru a:hover { background-position: 0 -2700px; }
			ul.game-downloads-small li.windowsru a { background-position: -174px -2640px; }
			ul.game-downloads-small li.windowsru a:hover { background-position: -174px -2700px; }	
			
			/* windows - en */
			ul.game-downloads li.windowsen a { background-position: 0 -2760px; }
			ul.game-downloads li.windowsen a:hover { background-position: 0 -2820px; }
			ul.game-downloads-small li.windowsen a { background-position: -174px -2760px; }
			ul.game-downloads-small li.windowsen a:hover { background-position: -174px -2820px; }			
			
			/* windows - fr */
			ul.game-downloads li.windowsfr a { background-position: 0 -2880px; }
			ul.game-downloads li.windowsfr a:hover { background-position: 0 -2940px; }
			ul.game-downloads-small li.windowsfr a { background-position: -174px -2880px; }
			ul.game-downloads-small li.windowsfr a:hover { background-position: -174px -2940px; }						
			
			/* windows - de */
			ul.game-downloads li.windowsde a { background-position: 0 -3000px; }
			ul.game-downloads li.windowsde a:hover { background-position: 0 -3060px; }
			ul.game-downloads-small li.windowsde a { background-position: -174px -3000px; }
			ul.game-downloads-small li.windowsde a:hover { background-position: -174px -3060px; }									
			
			/* windows - es */
			ul.game-downloads li.windowses a { background-position: 0 -3120px; }
			ul.game-downloads li.windowses a:hover { background-position: 0 -3180px; }
			ul.game-downloads-small li.windowses a { background-position: -174px -3120px; }
			ul.game-downloads-small li.windowses a:hover { background-position: -174px -3180px; }												
			
			/* windows - it */
			ul.game-downloads li.windowsit a { background-position: 0 -3240px; }
			ul.game-downloads li.windowsit a:hover { background-position: 0 -3300px; }
			ul.game-downloads-small li.windowsit a { background-position: -174px -3240px; }
			ul.game-downloads-small li.windowsit a:hover { background-position: -174px -3300px; }

			/* windows - jp */
			ul.game-downloads li.windowsjp a { background-position: 0 -3360px; }
			ul.game-downloads li.windowsjp a:hover { background-position: 0 -3420px; }
			ul.game-downloads-small li.windowsjp a { background-position: -174px -3360px; }
			ul.game-downloads-small li.windowsjp a:hover { background-position: -174px -3420px; }
			
			/* facebook */
			ul.game-downloads li.facebook a { background-position: 0 -3480px; }
			ul.game-downloads li.facebook a:hover { background-position: 0 -3540px; }
			ul.game-downloads-small li.facebook a { background-position: -174px -3480px; }
			ul.game-downloads-small li.facebook a:hover { background-position: -174px -3540px; }
			
			/* ozon */
			ul.game-downloads li.ozon a { background-position: 0 -3600px; }
			ul.game-downloads li.ozon a:hover { background-position: 0 -3660px; }
			ul.game-downloads-small li.ozon a { background-position: -174px -3600px; }
			ul.game-downloads-small li.ozon a:hover { background-position: -174px -3660px; }
			
			/* amazon-en */
			ul.game-downloads li.amazonen a { background-position: 0 -3720px; }
			ul.game-downloads li.amazonen a:hover { background-position: 0 -3780px; }
			ul.game-downloads-small li.amazonen a { background-position: -174px -3720px; }
			ul.game-downloads-small li.amazonen a:hover { background-position: -174px -3780px; }
			
			/* amazon-fr */
			ul.game-downloads li.amazonfr a { background-position: 0 -3840px; }
			ul.game-downloads li.amazonfr a:hover { background-position: 0 -3900px; }
			ul.game-downloads-small li.amazonfr a { background-position: -174px -3840px; }
			ul.game-downloads-small li.amazonfr a:hover { background-position: -174px -3900px; }
			
			/* amazon-de */
			ul.game-downloads li.amazonde a { background-position: 0 -3960px; }
			ul.game-downloads li.amazonde a:hover { background-position: 0 -4020px; }
			ul.game-downloads-small li.amazonde a { background-position: -174px -3960px; }
			ul.game-downloads-small li.amazonde a:hover { background-position: -174px -4020px; }
			
			/* amazon-es */
			ul.game-downloads li.amazones a { background-position: 0 -4080px; }
			ul.game-downloads li.amazones a:hover { background-position: 0 -4140px; }
			ul.game-downloads-small li.amazones a { background-position: -174px -4080px; }
			ul.game-downloads-small li.amazones a:hover { background-position: -174px -4140px; }
			
			/* amazon-it */
			ul.game-downloads li.amazonit a { background-position: 0 -4200px; }
			ul.game-downloads li.amazonit a:hover { background-position: 0 -4260px; }
			ul.game-downloads-small li.amazonit a { background-position: -174px -4200px; }
			ul.game-downloads-small li.amazonit a:hover { background-position: -174px -4260px; }	
			
			/* windows-kr */
			ul.game-downloads li.windowskr a { background-position: 0 -4320px; }
			ul.game-downloads li.windowskr a:hover { background-position: 0 -4380px; }
			ul.game-downloads-small li.windowskr a { background-position: -174px -4320px; }
			ul.game-downloads-small li.windowskr a:hover { background-position: -174px -4380px; }
			
			/* windows-nl */
			ul.game-downloads li.windowsnl a { background-position: 0 -4440px; }
			ul.game-downloads li.windowsnl a:hover { background-position: 0 -4500px; }
			ul.game-downloads-small li.windowsnl a { background-position: -174px -4440px; }
			ul.game-downloads-small li.windowsnl a:hover { background-position: -174px -4500px; }
			
			/* windows-pt */
			ul.game-downloads li.windowspt a { background-position: 0 -4560px; }
			ul.game-downloads li.windowspt a:hover { background-position: 0 -4620px; }
			ul.game-downloads-small li.windowspt a { background-position: -174px -4560px; }
			ul.game-downloads-small li.windowspt a:hover { background-position: -174px -4620px; }	
			
			/* windows-se */
			ul.game-downloads li.windowsse a { background-position: 0 -4680px; }
			ul.game-downloads li.windowsse a:hover { background-position: 0 -4740px; }
			ul.game-downloads-small li.windowsse a { background-position: -174px -4680px; }
			ul.game-downloads-small li.windowsse a:hover { background-position: -174px -4740px; }	

			/* gamepix */
			ul.game-downloads li.gamepix a { background-position: 0 -4800px; }
			ul.game-downloads li.gamepix a:hover { background-position: 0 -4860px; }
			ul.game-downloads-small li.gamepix a { background-position: -174px -4800px; }
			ul.game-downloads-small li.gamepix a:hover { background-position: -174px -4860px; }				
			
																										

/* @end */

/* @group === 5 - About Page === */

/* ==========================================
   5 - About Page
   ========================================== */
   
  	/* sidebar */
   	div.info {
   		position: relative;
	   	float: left;
	   	padding: 15px;
	   	width: 382px;
	   	/* border: 1px solid #e2dddd;
	   	background: #fff; */
		background: url('img/body/right_paper/right_paper_middle.png') repeat-y;
		z-index: 0;
		margin-top: 12px;
   	}
	
	div.info:before {
   		position: absolute;	   	
	   	/* border: 1px solid #e2dddd;
	   	background: #fff; */
		left:0px;
		top:-17px;
		z-index:-1;
		width: 382px;
		height: 180px;
		background: url('img/body/right_paper/right_paper_up.png') no-repeat;
		content:"";
   	}
	
	div.info:after {
   		position: absolute;	   	
		left:0px;
		bottom:-15px;
		z-index:-1;
	   	width: 382px;
		height: 95px;
	   	/* border: 1px solid #e2dddd;
	   	background: #fff; */
		background: url('img/body/right_paper/right_paper_down.png') no-repeat;
		content:"";
   	}
   		
   		/* heading */
   		div.info h4 { color: #5785b2; }
   		
   		/* sidebar img wrap */
   		div.mini-banner {
   			float: left;
   			padding-bottom: 12px;
   			width: 100%;
   			border: 6px solid #1d1d1d;
   			background-color: #010000;
   		}
   			
   			/* sidebar img */
	   		div.mini-banner img {
	   			display: block;
	   			margin: 0 auto;
	   			max-width: 384px;
	   			width: 100%;
	   			height: 100%;
	   		}
   		
   		/* list styling */
   		div.info ul {
		   	float: left;
		   	margin-top: -6px;
		   	width: 100%;
		   	height: 100%;
		   	border: 6px solid  #1d1d1d;
		   	border-top: none;
		   	background-color: #1d1d1d;
   		}
   
   			div.info ul li {
		   		position: relative;
		   		display: block;
		   		float: left;
			   	margin-top: 2px;
			   	padding: 15px 15px 15px 60px;
		   		width: 100%;
			   	background-color: #010000;
			   	color: #fff;
			   	font: 18px 'Exo', sans-serif;
   			}
   
   				div.info ul li:first-child { border-top: none; }
   		
		   		div.info ul li:before {
		   			position: absolute;
		   			top: 14px;
		   			left: 10px;
		   			display: block;
		   			width: 40px;
		   			height: 40px;
		   			background: url('img/sprite.png') no-repeat -400px -100px;
		   			content: "";
		   		}

/* @end */

/* @group === 6 - Jobs Page === */

/* ==========================================
   6 - Jobs Page
   ========================================== */
  	
  	/* job description */
	
	article.job-icon-artist {
	   	float: left;
	   	
	   	width: 340px;
		height: 390px;
		background: url('img/body/vacancy/vacancy_pic_bkg_02.png') no-repeat;
		z-index: 0;
		padding-top: 60px;
		padding-left: 60px;	   	
   	}
	
	article.job-icon-gamedesigner {
	   	float: left;
	   	
	   	width: 340px;
		height: 390px;
		background: url('img/body/vacancy/vacancy_pic_bkg_03.png') no-repeat;
		z-index: 0;
		padding-top: 60px;
		padding-left: 60px;	   	
   	}
	
	article.job-icon-programmer {
	   	float: left;
	   	
	   	width: 340px;
		height: 390px;
		background: url('img/body/vacancy/vacancy_pic_bkg_01.png') no-repeat;
		z-index: 0;
		padding-top: 60px;
		padding-left: 60px;	   	
   	}
	
	article.job-main {
		width:98%;
		-webkit-transform: translateZ(0);
	}
	
 	article.job {
	   	float: right;
	   	margin: 0 0 10px 0;
   		padding:  20px;
	   	width: 571px;
		background: url('img/body/vacancy/vacancy_middle.png') repeat-y;
		z-index: 0;
		margin-top: -360px;
		margin-bottom: 60px;
	   	/*background-color: #ece7e7;
	   	border: 1px solid #ded6d6;
	   	border-radius: 6px;*/
   	}
	
 	article img.job-arrow {
	   	
		position: absolute;
		left:10px;
		left: -30px;
		top: 45px;		
	   	/*background-color: #ece7e7;
	   	border: 1px solid #ded6d6;
	   	border-radius: 6px;*/
   	}	
	
	article.job:before {
   		position: absolute;	   	
	   	/* border: 1px solid #e2dddd;
	   	background: #fff; */
		left:0px;
		top:-17px;
		z-index:-1;
		width: 571px;
		height: 171px;
		background: url('img/body/vacancy/vacancy_up.png') no-repeat;
		content:"";
   	}
	
	article.job:after {
   		position: absolute;	   	
		left:0px;
		bottom:-55px;
		z-index:-1;
	   	width: 571px;
		height: 71px;
	   	/* border: 1px solid #e2dddd;
	   	background: #fff; */
		background: url('img/body/vacancy/vacancy_down.png') no-repeat;
		content:"";
   	}	
   		
   		/* content styling */
   		article h3 { color: #424544; text-shadow: none; margin-bottom: 10px; }
   		article.job h4 { 
   			margin-bottom: 6px; 
   			color: #006200; /* #3b3634;  */
   			border-bottom: 4px solid #cecac9; 
   			padding-bottom: 10px;
   			float: left;
   			width: 100%;
   			font-size: 24px;
   			
   		}
   		article.job p.location { 
   			background-color: #F7EDBB;
   			padding: 4px 10px;
   			margin: -21px 0 12px -10px;
   			color: #006200; /* 8b8581 */ 
   			font: 16px 'Exo', sans-serif; 
   			float: left;
   		}
   		
   		article li { margin-bottom: 6px; }
   		
   		/* View More Games Btn */
	   	a.job {
	   		display: block;
	   		float: left;
	   		padding: 10px 10px 6px;
	   		border: 6px solid #272727;
	   		-webkit-border-radius: 8px;
	   		-moz-border-radius: 8px;
	   		border-radius: 8px;
	   		background-color: #131313;
	   		color: #ffffff;
	   		text-align: center;
	   		text-shadow: 1px 1px 0 #000;
	   		letter-spacing: 1px;
	   		font: 20px 'Bangers', impact;
	   	}
	
	   		a.job:hover {
				color: #81cf53;
				border-color: #272727;
				background-color: #181818;
			}
	
	
	
	a.job-block-expand {
		float: right;
		margin-right: 35px;
		margin-bottom: -100px;
	
	}
	
	a.job-block-hide {
		float: right;
		margin-right: 35px;
		margin-bottom: -100px;
	
	}
	
	a.job-block-expand:after {
		position:absolute;
		left: 55px;
		top: 5px;
		width: 22px;
		height: 11px;
		background: url('img/body/vacancy/arrow_down.png') no-repeat;
		content:"";
	
	}
	
	a.job-block-hide:after {
		position:absolute;
		left: 47px;
		top: 5px;
		width: 22px;
		height: 11px;
		background: url('img/body/vacancy/arrow_up.png') no-repeat;
		content:"";
	
	}	
	
/* @end */

/* @group === 7 - Blog Page === */

/* ==========================================
   7 - Blog Pages
   ========================================== */
	
	/* post styling */
	section.posts article { margin-bottom: 50px; }
	.single-post section.posts article { margin-bottom: 0; }
	
	section.posts article header { position: relative; width: 100%; }
		section.posts article header h2 { margin-bottom: 14px; padding-right: 70px; }
		section.posts article h2:after { bottom: -20px; }
			section.posts article header h2 a { color: #459c34; border: 0; }
				section.posts article header h2 a:hover	{ color: #272727; }
		
	article time {
		position: relative;
		z-index: 10;
		display: block;
		float: left;
		margin-top: -25px;
		padding: 0 10px 0 0;
		background-color: #f7f4f3;
		font: 16px 'Exo', sans-serif;
	}
	
	p.comments {
		position: absolute;
		top: -10px;
		right: 25px;
		z-index: 99;
		display: block;
		padding-top: 10px;
		width: 64px;
		height: 56px;
		/* background: url('img/sprite.png') no-repeat -325px -100px; */
        background: url('img/blog/message_cloud.png') no-repeat;        
		color: #fff;
		text-align: center;
		font: 26px 'Bangers', impact;
        padding-right: 10px;
	}
	
		p.comments a { color: #fff; display: block; border: 0; width: 100%; }
			/* p.comments a:hover { color: #81cf53; } */
            p.comments a:hover { text-decoration:underline; }
	
	article div.content {
		float: left;
		padding: 10px 0;
		width: 520px;
	}

    article div.content img:not(.without-border) {    
        -webkit-box-shadow: 0 0 15px #9C9C9C;
        -moz-box-shadow: 0 0 15px #9C9C9C;
        -ms-box-shadow: 0 0 15px #9C9C9C;
        -o-box-shadow: 0 0 15px #9C9C9C;
        box-shadow: 0 0 15px #9C9C9C;    
    }   
	
	/* footer */
	article footer {
		position: relative;
		float: left;
		width: 508px;
        height: 54px;
		padding: 0;
		/* border: 6px solid #272727;
		background-color: #272727;
		border-radius: 8px; */    
        background: url('img/blog/cloud_share.png') no-repeat;
        margin-left: 6px;
	}
	
	/* remove sharing from small screens */
	div.share ul { display: none; }
	
	article footer:before,
	article footer:after { display: none; }
	
	a.read-more,
	a.back {
		position: relative;
		z-index: 10;
		display: block;
		float: right;
		margin: 0 auto 0;
		padding: 10px;
		width: 162px;
        height: 50px;
		/* border: 1px solid #000000;
		background-color: #000000;
		-webkit-box-shadow: inset 0 1px 0 #1c1c1c;
		-moz-box-shadow: 	inset 0 1px 0 #1c1c1c;
		-ms-box-shadow: 	inset 0 1px 0 #1c1c1c;
		-o-box-shadow: 		inset 0 1px 0 #1c1c1c;
		box-shadow: 		inset 0 1px 0 #1c1c1c; */
        background: url('img/blog/btn_read_more.png') no-repeat;
		color: #077AB2; 
		text-align: left;
		letter-spacing: 1px;
		font: 24px 'Bangers', impact;
		cursor: pointer;
        padding-top: 14px;
        top: -2px;
        left: -18px;
	}
    
		/* a.read-more:hover,
		a.back:hover { color: #81cf53; border: 1px solid #000000; background-color: #161515; } */

        a.read-more:hover,
		a.back:hover { text-decoration: underline; }
		
		/* icon */
		/* a.read-more:after {
			position: absolute;
			top: 8px;
			right: 10px;
			display: block;
			width: 40px;
			height: 28px;
			background: url('img/sprite.png') no-repeat -275px -100px;
			content: "";
		} */
   
   	/* social feeds */
	div.widget {
   		position: relative;
	   	float: left;
	   	padding: 20px 15px;
	   	width: 100%;
	   	border: 1px solid #e2dddd;
	   	background: #fff;
	   	top: -1px;
   	}
   
   	div.widget h4,
   	div.widget h4 a {
   		position: relative;
   		float: left;
   		width: 100%;
   		display: block;
   		padding-right: 34px;
   	}
   	
   	div.widget h4 a {
   		border-bottom: 4px solid #ded8d8;
   	}
   	
   	div.widget_facebook_likebox h4:before {
   		position: absolute;
   		right: -6px;
   		top: -12px;
   		z-index: 10;
   		display: block;
   		border: 4px solid #fff;
   		width: 62px;
   		height: 50px;
   		background: url('img/sprite.png') -300px 0;
   		content: "";
   	}
   
	div.widget_facebook_likebox h4,
   	div.widget_facebook_likebox h4 a { color: #0074da; border-bottom-color: #85b8e9; }
   		div.widget_facebook_likebox h4 a:hover { border-bottom-color: #0074da; }
   	
   	div.widget_twitter h4,
   	div.widget_twitter h4 a { color: #0f93e0; border-bottom-color: #b0dbf4; }
   		div.widget_twitter h4 a:hover { border-bottom-color: #0f93e0; }
   
   	/* widget styling */
   	div.widget_facebook_likebox iframe {
   		float: left;
   		width: 100%;
	}
	
	/* ==== post styling ==== */
	section.posts div.content h2 { margin-bottom: 16px; }

	div.content iframe {
		width: 98%;
		padding: 2%;
		background-color: #0a0a0a;
		border: 1px solid #000;
		border-radius: 8px;
	}
	
	/* ===== Pagination ===== */
	ol.wp-paginate {
		display: inline-table;
		margin: 0 auto 20px;
		padding: 0;
		width: auto;
		/* border: 6px solid #272727;
		background-color: #272727; 
		border-radius: 8px; */
    
        border: 6px solid #FFFFFF;
        background-color: #FFFFFF;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px #9C9C9C;
        -moz-box-shadow: 0 0 10px #9C9C9C;
        -ms-box-shadow: 0 0 10px #9C9C9C;
        -o-box-shadow: 0 0 10px #9C9C9C;
        box-shadow: 0 0 10px #9C9C9C;
	}
	
		/* hide uneeded label */
		ol.wp-paginate li:first-child { display: none; }

		ol.wp-paginate li {
			float: left;
			margin: 0 3px 0 0;
		}
		
		ol.wp-paginate li a,
		ol.wp-paginate span.current {
			display: block;  
			float: left;
			padding: 5px 14px 3px;
			border: 1px solid #9ACAEE;
			background-color: #9ACAEE;
			-webkit-box-shadow: inset 0 0px 0 #9ACAEE;
			-moz-box-shadow: 	inset 0 0px 0 #9ACAEE;
			-ms-box-shadow: 	inset 0 0px 0 #9ACAEE;
			-o-box-shadow: 		inset 0 0px 0 #9ACAEE;
			box-shadow: 		inset 0 0px 0 #9ACAEE;
			color: #fff;
			text-align: center;
			font: 26px 'Bangers', impact;
		}
		
		/* ol.wp-paginate span.current {
			border-color: #008300;
			background-color: #00b000;
			-webkit-box-shadow: inset 0 1px 0 #00c300;
			-moz-box-shadow: inset 0 1px 0 #00c300;
			-ms-box-shadow: inset 0 1px 0 #00c300;
			-o-box-shadow: inset 0 1px 0 #00c300;
			box-shadow: inset 0 1px 0 #00c300;
			color: #0e0e0e;
		} */

        ol.wp-paginate span.current {
			border-color: #077AB2;
			background-color: #077AB2;			
			color: #fff;
            -webkit-box-shadow: inset 0 0px 0 #077AB2;
			-moz-box-shadow: 	inset 0 0px 0 #077AB2;
			-ms-box-shadow: 	inset 0 0px 0 #077AB2;
			-o-box-shadow: 		inset 0 0px 0 #077AB2;
			box-shadow: 		inset 0 0px 0 #077AB2;
		}
		
		/* ol.wp-paginate a {
			border: 1px solid #000;
			background-color: #0e0e0e;
			-webkit-box-shadow: inset 0 1px 0 #272727;
			-moz-box-shadow: 	inset 0 1px 0 #272727;
			-ms-box-shadow: 	inset 0 1px 0 #272727;
			-o-box-shadow: 		inset 0 1px 0 #272727;
			box-shadow: 		inset 0 1px 0 #272727;
			color: #fff;
			text-decoration: none;
		} */

        ol.wp-paginate a {
			border: 1px solid #077AB2;
			background-color: #077AB2;
			-webkit-box-shadow: inset 0 0px 0 #077AB2;
			-moz-box-shadow: 	inset 0 0px 0 #077AB2;
			-ms-box-shadow: 	inset 0 0px 0 #077AB2;
			-o-box-shadow: 		inset 0 0px 0 #077AB2;
			box-shadow: 		inset 0 0px 0 #077AB2;
			color: #fff;
			text-decoration: none;
		}
		
			ol.wp-paginate a:hover { color: #fff; background-color: #077AB2; }
			ol.wp-paginate a.next {
				margin-right: 0;
			}
	
	/* === WordPress alignments === */
	
	.alignnone {
	    margin: 5px 20px 20px 0;
	}
	
	.aligncenter,
	div.aligncenter {
	    display: block;
	    margin: 5px auto 16px auto;
	}
	
	.alignright {
	    float:right;
	    margin: 5px 0 20px 20px;
	}
	
	.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	}
	
	.aligncenter {
	    display: block;
	    margin: 5px auto 5px auto;
	}
	
	img.alignright,
	a img.alignright {
	    float: right;
	    margin: 5px 0 20px 20px;
	    max-width: 100%;
	    height: auto;
	}
	
	img.alignnone,
	a img.alignnone {
	    margin: 5px 20px 20px 0;
	    max-width: 100%;
	    height: auto;
	}
	
	img.alignleft,
	a img.alignleft {
	    float: left;
	    margin: 5px 20px 20px 0;
	    max-width: 100%;
	    height: auto;
	}
	
	img.aligncenter,
	a img.aligncenter  {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 100%;
	    height: auto;
	}
	
	.wp-caption {
		border: 1px solid #e0e3e7;
	    max-width: 96%; /* Image does not overflow the content area */
	    padding: 5px 3px 0;
	    text-align: center;
		background-color: #fbfbf9;
	}
	
	.wp-caption.alignnone {
	    margin: 5px 20px 20px 0;
	}
	
	.wp-caption.alignleft {
	    margin: 5px 20px 20px 0;
	}
	
	.wp-caption.alignright {
	    margin: 5px 0 20px 20px;
	}
	
	.wp-caption img {
	    border: 0 none;
	    height: auto;
	    margin: 0;
	    max-width: 98.5%;
	    padding: 0;
	    width: auto;
	}
	
	.wp-caption p.wp-caption-text {
	    font-size: 13px;
	    line-height: 17px;
	    margin: 0;
	    padding: 5px 4px 5px;
	}
		
	/* ==== Comments Styling ==== */
	/* div.comments-area { float: left; padding-top: 20px; width: 100%; } */
    div.comments-area { float: left; padding-top: 20px; width: 507px; margin-left: 6px; }
	
	h2.comments-title { 
		color: #2c2c2c; 
		font-size: 24px;
		border-color: #999999;
	}
	
	ol.commentlist,
	ol.commentlist li.comment { float: left; clear: left; clear: left; width: 100%; }
	
	ol.commentlist li.comment {
		margin-bottom: 10px;
		padding-top: 18px;
		border-top: 1px solid #e3d9d6;
	}
	
	ol.commentlist li.comment:first-child { border-top: none; }
	
	li article.comment { padding: 0; margin: 0 0 10px; width: 100%; }
	
	li article.comment header { float: left; width: 100%; background: none; }
		
	li article.comment div.avatar-box { 
		position: absolute; 
		height: 35px; 
		width: 35px; 
		top: 5px;
		right: 0;
		left: auto;
		border: 1px solid #e3dddd;
		border-radius: 6px;
		overflow: hidden;
	}
		
		div.avatar-box img { 
			position: relative;
			z-index: 10;
			height: 35px; 
			width: 35px; 
			margin: 0;
		}
		
		div.avatar-box span.avatar-overlay { display: none; }
		
		div.post-meta {
			float: left;
			width: 100%;
			border-bottom: 1px solid #f1eceb;
			padding: 0 0 6px 0;
			margin: 0 0 10px 0;
		}
					
			div.post-meta cite.fn {
				float: left;
				color: #2b2b2b;
				font-style: normal;
				font-weight: bold;
				width: 100%;
				display: block;
			}			
			
			div.post-meta cite.fn a {
				color: #2b2b2b;
				border-color: #2b2b2b;
			}
			
				div.post-meta cite.fn a:hover {
					color: #459c34;
					border-color: #459c34;
				}
			
			div.post-meta time {
				float: left;
				margin: 6px 0 0;
				padding: 0;
				font-size: 12px;
			}
			
			div.post-meta time a { border-bottom: none; }
		
		section.comment-content {
			float: left;
			margin: 0;
			width: 100%;
		}
	
	p.comment-awaiting-moderation {
		float: left;
		clear: none;
		font-weight: bold;
	}
	
	div#respond {
		position: relative;
		float: left;
		margin: 0;
		padding: 20px 15px 5px 15px;
		width: 100%;
		border: 1px solid #e2dddd;
		background: #fff;
		-webkit-box-shadow: 0 0 5px #dcd8d8;
		-moz-box-shadow: 0 0 5px #dcd8d8;
		box-shadow: 0 0 5px #dcd8d8;
		border-radius: 8px;
	}
	
	h3#comments {
		color: #272727;
		float: left;
		width: 100%;
		display: block;
		margin: 20px 0;
	}
	
	div#respond h3 {
		position: relative;
		border-bottom: 4px solid #c9d9c2;
		margin-bottom: 0;
		color: #1e9f26;
	}
	
	p.comment-notes {
		font-style: italic;
		font-size: 14px;
		color: #9a9a9a;
	}
	
	form#commentform {
		padding: 10px 0 0;
	}
	
	form#commentform p,
	form#commentform label,
	form#commentform input,
	form#commentform textarea {
		float: left;
		clear: left;
		width: 100%;
	}
	
	form#commentform label small {
		float: left;
		color: #2c2c2c;
		font-size: 100%;
		font: 14px 'Exo', sans-serif;
		margin: 22px 0 0;
	}
	
	span.required { color: #d7492d; font-weight: bold; }
	
	form#commentform input,
	form#commentform textarea {
		float: left;
		padding: 10px;
		border: 1px solid #e3e3e3;
		background-color: #fdfdfd;
		margin: 10px 10px 10px 0;
	}
	
	form#commentform input { width: 80%; margin-top: 0; }
	form#commentform textarea { width: 100%; margin-top: 0; }
	
	form#commentform input:focus,
	form#commentform textarea:focus {
		outline: none;
		border-color: #cad8c2;
		background: #fff;
	}
	
	form#commentform input#submit {
		display: block;  
		float: left;
		padding: 5px 15px;
		width: 100%;
		border: 1px solid #000;
		background-color: #0e0e0e;
		-webkit-box-shadow: inset 0 1px 0 #272727;
		-moz-box-shadow: 	inset 0 1px 0 #272727;
		-ms-box-shadow: 	inset 0 1px 0 #272727;
		-o-box-shadow: 		inset 0 1px 0 #272727;
		box-shadow: 		inset 0 1px 0 #272727;
		color: #fff;
		text-align: center;
		font: 26px 'Bangers', impact;
	}
	
	form#commentform input#submit:hover {
		border: 1px solid #000000; 
		background-color: #161515; 
		color: #81cf53;
	}
	
	/* subscription forms */
	form#commentform  p.comment-subscription-form {
		clear: none;
		float: left;
		margin: 0 5% 10px 0;
		font-size: 13px;
	}
	
		form#commentform  p.comment-subscription-form input {
			margin-right: 5px;
		}
	
		form#commentform  p.comment-subscription-form label {
			clear: none;
			width: auto;
		}

/* @end */
   
/* @group === 8 - Contact Page === */

/* ==========================================
   8 - Contact Page
   ========================================== */
   
  	/* support area styling */
   	ul.contact {
	   	float: left;
	   	margin-bottom: 10px;
	   	width: 100%;
   	}
   
   		ul.contact li {
   			position: relative;
		   	float: left;
		   	margin: 0 0 30px;
		   	width: 100%;
   		}
   			
   			ul.contact li:last-child { margin-bottom: 0; }
   
   			ul.contact li a {
   				float: left;
   				padding: 14px 14px;
   				width: 100%;
	  			background-color: #ece7e7;
	   			text-align: center;
	   			text-shadow: none;
	   			border: 6px solid #ece7e7;
	   			border-radius: 8px;
   			}
   			   			
	   			ul.contact li a h3 {
		   			color: #424544;
	   				text-shadow: none;
		   			font-size: 28px;
		   			margin-bottom: 0;
	   			}
	   
	   			ul.contact li a img { margin: 10px 0 15px; }
	   
	   			ul.contact li a p { 
	   				margin-bottom: 0; 
	   				color: #928e8d;	
				}
	   				
	   				ul.contact li:hover,
	   				ul.contact li:hover a,
	   				ul.contact li:hover h3,
	   				ul.contact li:hover p,
				    ul.contact li a:hover,
				    ul.contact li a:hover h3,
				    ul.contact li a:hover p {
				    	background: #fff;
				    	border-color: #fff;
				    	border-radius: 8px;
						color: #00b000;
						cursor: pointer;
				    }

	/* company location and maps */
	div.locations.tabs { margin-bottom: 40px; }
	
	div.locations.tabs > div.tab-box {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	  	div.locations ul { 
	  		width: 100%; 
	  		display: inline-block;
	  	}
	  	
	      	div.locations li { 
	      		float: none;
	      		display: inline-block;
	      		*display:inline;
	      		*zoom:1;
	      		max-width: 33.3%;
	      		height: auto;
	      		padding: 0;
	      		margin: 0 -5px 0 0;
	      		vertical-align: bottom;
	      	}
	      	
	      		div.locations li a {
	      			padding: 10px 5px 5px 5px;
	      			width: 100%;
	      			border: 1px solid #e2dddd;
	      			background-color: #fdfcfa;  
	      			color: #979596;
	      			text-align: center;
	      			letter-spacing: 1px;
	      			font: 20px 'Bangers', impact;
	      			opacity: 1;
	      		}
	      		
	      			div.locations.tabs li:first-child a { border-top-left-radius: 8px; }
	      			div.locations.tabs li:last-child a { border-top-right-radius: 8px; }
	      		   
	      			div.locations li.active a {
	      				padding: 10px 5px;
	      			   	border-bottom-color: #fff;
	      			   	background: #fff;
	      			   	-webkit-box-shadow: 0 -4px 7px rgba(220, 216, 216, 0.15);
	      			   	-moz-box-shadow: 0 -4px 7px rgba(220, 216, 216, 0.15);
	      			   	box-shadow: 0 -4px 7px rgba(220, 216, 216, 0.15);
	      				color: #ee3526;
	      		   	}	      		

		div.locations div.tab-box {
		  	visibility: visible;
		  	overflow: hidden;
		  	float: left;
		  	padding: 0 15px;
		  	width: 100%;
		  	height: auto;
		  	border: 1px solid #e2dddd;
		  	background: #fff;
		  	-webkit-box-shadow: 0 0 5px #dcd8d8;
		  	-moz-box-shadow: 0 0 5px #dcd8d8;
		  	box-shadow: 0 0 5px #dcd8d8;
		  	-webkit-transition: opacity 0.2s ease-in-out;
		}
	
		div.locations div.tab-box.inactive {
		   	visibility: hidden;
		   	max-height: 0;
		   	height: 300px;
		   	padding: 0 15px;
		   	width: 100%;
		   	border: 0;
		   	opacity: 0;
		} 
		
		div.locations div.map { position: relative; max-width: 936px; } 
		
		div.tab-box div.address {
			position: absolute;
			bottom: 10px;
			left: 15px;
			background: #fff;
			border-top: 1px solid #e3dddd;
			border-right: 1px solid #e3dddd;
			padding: 15px 25px 5px 5px;
			z-index: 200;
			font-size: 14px;
			line-height: 1.6;
			border-top-right-radius: 8px;
			color: #363636;
		}
		
		div.gmsc { border: 1px solid #e3dddd; }
		
		/* address pop-up styling */
		div.map-info { width: 100%; }
		
		div.map-content { float: left; width: 70%; }
		div.map-content p { font-size: 13px; margin-bottom: 10px; }
		div.map-content a { float: left; display: block; font-size: 13px; }
		
		div.map-thumb { float: left; width: 30%; }
		div.map-thumb img { float: right; max-width: 100% !important; height: auto !important; }

/* @end */ 

/* ==== end of Page Layouts ==== */

/* @end */

/* @group ====== Footer ====== */

/* ==========================================================================
   1 - Footer Nav
   2 - Company Details / Social Follow
   3 - Creator Link / Scroll to Top Btn
   ========================================================================== */

/* ==========================================
   1 - Footer Nav
   ========================================== */

	footer nav { 
		float: left;
		display: block; 
		margin: 30px auto; 
		padding: 0; 
		width: 100%;
		/* border-top: 1px solid #000;
		background: #141414;
		-webkit-box-shadow: 0 -1px 0 #242424;
		-moz-box-shadow: 	0 -1px 0 #242424;
		-ms-box-shadow: 	0 -1px 0 #242424;
		-o-box-shadow: 		0 -1px 0 #242424;
		box-shadow: 		0 -1px 0 #242424; */
	}
	
		footer nav ol {
			float: left; 
			width: 100%; 
			/* border-bottom: 1px solid #242424; */
		}
		
			footer nav li { 
				float: left;
				margin: 0; 
				width: 50%;
			}
			
				footer nav li:first-child { margin-left: 0; }
		
				footer nav li a {
					float: left;
					margin: 0;
					padding-top: 14px;
					width: 100%;
					height: 50px;
					/* border: 0;
					border: 1px solid #000;
					border-top: 0;
					border-left: 0; */
					/* color: #fcfcfc; */
					color: #424643;
					text-align: center;
					text-decoration: none;
					/* text-shadow: 0 1px 0 black; */
					font: 18px 'Exo', sans-serif;
					-webkit-backface-visibility: hidden;
				}
		
					footer nav li a:hover {
						/* background-color: #1e1e1e; */
						color: #81cf53;
					}
					
					footer nav li.current-menu-item a,
					.single-games footer nav li.menu-item-196 a,
					.single-post footer nav li.menu-item-162 a { 
						color: #5ed20d;
					}

					
/* ==========================================
   2 - Company Details / Social Follow
   ========================================== */

	/* Company details borders and spacing on small screen */	   	
	footer div.company-details { 
		margin: -20px auto 0; 
		width: 100%; 
		text-align: center;
		padding-top: 20px;
	}

	footer a.logo {
		position: relative;
		z-index: 10;
		display: block;
		clear: both;
		overflow: hidden;
		margin: -35px auto 0;
		width: 158px;
		height: 38px;
		border: 0;
		/* background: url('img/sprite.png') 0 -100px; */
		background: url('img/body/joybits_logo_down.png') no-repeat;
		text-indent: -999em;
		margin-left: 53px;
	}
				
	footer small { 
		position: relative; 
		z-index: 10; 
		clear: right; 
		/* color: #a6a6a6; */
		color: 000; 
		font-size: 12px; 
	}

	/* Privacy Policy and T&Cs Links */	
	ul.legal { clear: right; margin: 12px 0 0; ma }
	
		ul.legal li { 
			position: relative; 
			z-index: 10; 
			display: inline-block; 
			margin: 0 0 0 6px; 
		}
			ul.legal li:first-child { margin: 0; }
			
			ul.legal li a {
				border: 0;
				color: #424643;
				text-decoration: underline;
				font-weight: 400;
				font-size: 12px;
			}
			
				ul.legal li a:hover { color: #a6a6a6; }


/* ==========================================
   3 - Creator Link / Scroll to Top Btn
   ========================================== */
			
	a.creator {
		display: block;
		float: left;
		margin: 15px 0 0 30px;
		padding: 0 0 5px;
		border: 0;
		color: #424643;
		text-align: center;
		text-decoration: none;
		font-weight: 400;
		font-size: 12px;
	}
	
		a.creator:hover { color: #a6a6a6; }
	
		
	a.scroll-top {
		position: relative;
		display: block;
		float: right;
	    margin: 0 30px 0 20px;
	    padding: 10px 0;
	    width: 45px;
	    border: 1px solid #4f9d05;
		border: 1px solid #000;
	    border-radius: 8px;
		background-color: #090909;
		-webkit-box-shadow: inset 0 1px 0 #383838;
		-moz-box-shadow: 	inset 0 1px 0 #383838;
		-ms-box-shadow: 	inset 0 1px 0 #383838;
		-o-box-shadow: 		inset 0 1px 0 #383838;
		box-shadow: 		inset 0 1px 0 #383838;
	    color: #fff;
	    text-align: center;
		text-transform: uppercase;
	    text-shadow: 0 1px 0 black;	    
		font: italic bold 16px 'Exo', sans-serif;
		margin-bottom: 12px;
	}
	
		a.scroll-top:hover {
			border: 1px solid #4f9d05;
			background-color: #6dc10f;
			background-image: -moz-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
			background-image: -o-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
			background-image: -webkit-linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
			background-image: linear-gradient(bottom, #5bb309 0%, #99d72d 100%);
			-webkit-box-shadow: inset 0 1px 0 #c6eb8c;
			-moz-box-shadow: 	inset 0 1px 0 #c6eb8c;
			-ms-box-shadow: 	inset 0 1px 0 #c6eb8c;
			-o-box-shadow: 		inset 0 1px 0 #c6eb8c;
			box-shadow: 		inset 0 1px 0 #c6eb8c;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #c5ea8b;
		}

/* @end */


/* @group ====== Media Queries ====== */

/* Media queries - Website Breakpoints and Retina Images
-------------------------------------------------------------------------------*/

@media screen and (min-width: 1px) {
/* ==========================================
  Styles for Screens larger than 640px and Up
   ========================================== */
   
   	/* logo adjustments */
  	h1 a {
  		margin: 10px 0 6px 15px;
  		width: 218px;
  		height: 66px;
  		background: url('img/sprite.png') no-repeat 0 0;
  	}
   
  	/* Make main navigation visible - If JS disabled or unavailable */
   	.js nav#menu { opacity: 1; }
   	
   	/* show nav text */
   	a.menu-link {
   	    padding: 10px 60px 10px 15px;
   		text-indent: 0;
   	}
   	
   	/* footer and main nav 3 x 3 layout */
   	nav#menu li,
   	footer nav li { width: 33.3333%; }
   
    /* center site */  
   	.container { 
   		position: relative;
   		margin: 0 auto; 
   		padding: 0;
   		max-width: 968px; 
   		
   		-webkit-backface-visibility: hidden;
   		-moz-backface-visibility: hidden;
   		-ms-backface-visibility: hidden;
   		-o-backface-visibility: hidden;
   		backface-visibility: hidden; 
   	}
		
	/* contact page 2 x 2 layout */
	ul.contact li { width: 48%; }
	ul.contact li:nth-child(odd) { margin-right: 4%; }	
	
	/* blog sharing */
	div.share {
		float: left;
		color: #fff;
		font: 24px 'Bangers', impact;
	}
	
	/* .js div.share {
		opacity: 0;
		-webkit-transition:	opacity 0.6s ease-in-out 0.6s; 
		-moz-transition:  	opacity 0.6s ease-in-out 0.6s; 
		-ms-transition:  	opacity 0.6s ease-in-out 0.6s; 
		-o-transition:  	opacity 0.6s ease-in-out 0.6s; 
		transition:  		opacity 0.6s ease-in-out 0.6s;  
	} */

    .js.loaded div.share { 
        opacity: 1; 
        /* margin-top: 4px; */
        position:relative;
        display: block;
        margin-top: 4px;
        width: 346px;
    }
	
	
	div.share ul {
		display: block;
		float: left;
		padding: 10px;
		height: 47px;
		overflow: hidden;
		min-width: 226px;
		max-width: 346px;
		/* border: 1px solid #000000;
		background-color: #070707; */
	}
	
	div.share ul li {
		float: left;
		margin: 0 3px;
		max-width: 96px;
	}
	
		div.share ul li:first-child { margin-right: 10px; }
		div.share ul li.twitter { margin-top: -3px; }
		div.share ul li.google { width: 62px; margin-top: -3px; }
	
	
	/* a.read-more { width: 180px; } */
	a.back { padding-left: 20px; width: 160px; float: right; }
	
	/* Map adjustments */
	div.tabs.locations { margin-top: 0; }
	div.locations li a,
	div.locations li.active a { padding: 15px 10px; font: 22px 'Bangers', impact; }
	
}

@media screen and (min-width: 1px) {
/* ==========================================
  Styles for Screens larger than 624px and Up
   ========================================== */
   
   /* game directory page 2 columns */
	section.games { width: auto; width: 600px; position: relative; left: 10px; }
	div.game { /* margin: 0 20px 20px 0; */ }

}

@media screen and (min-width: 1px) {
/* ==========================================
  Styles for Screens larger than 768px and Up
  =========================================== */
   
/* === Website is FIXED WIDTH from 768px and Up === */

/* ==========================================================================
  1 - Main Layouts
  2 - Logo and Main Navigation
  3 - Footer
  4 - Home Page
  5 - Games Directory Page
  6 - Game Page
  7 - Blog Pages
  8 - Contact Page
  ========================================================================== */

/* ==========================================
   	1 - Main Layouts
   ========================================== */

  	html,
  	body,
  	header,
  	.sliderContainer,
  	div#main,
  	footer { width: 1048px; margin: 0 auto; }
  	
  	.container { width: 968px; }
  	
  	div#main { margin-top: 20px; }
  	div#main .container { padding: 0; }
  	
  	
  	div#main {
  		padding: 70px 0 40px;
  		/* background: url('img/paper-bkg.png') no-repeat top; */
  		
  		background: url('img/body/down_line_bkg.png') no-repeat;
  		background-size: 968px 367px;
  		background-position: center top;
  		/*background-size: 500px 106px;*/ 
  		border: none;
  		box-shadow: none;
  	}
  	
  	div#main_left_border{
  		
  		position: absolute;
  		width: 40px;
  		height: 367px;
  		background: url('img/body/down_left_bkg.png') no-repeat;
		top: -30px;
		left: -40px;

  		
  	}
  	
  	div#main_right_border{
  		
  		position: absolute;
  		width: 40px;
  		height: 367px;
  		background: url('img/body/down_right_bkg.png') no-repeat;
		top: -30px;
		left: 968px;
  	}  	
  	
  	
  	
  	/* paper background on home to allow for bigger slider */
  	.home div#main {
  		padding: 70px 0 40px;
  		/* background: url('img/paper-bkg.png') no-repeat top; */
  		
  		background: url('img/body/down_line_bkg.png') no-repeat;
  		background-size: 968px 367px;
  		background-position: center top;
  		/*background-size: 500px 106px;*/ 
  		border: none;
  		box-shadow: none;
  	}
  	
  	.home div#main_left_border{
  		
  		position: absolute;
  		width: 40px;
  		height: 367px;
  		background: url('img/body/down_left_bkg.png') no-repeat;
		top: -70px;
		left: -40px;

  		
  	}
  	
  	.home div#main_right_border{
  		
  		position: absolute;
  		width: 40px;
  		height: 367px;
  		background: url('img/body/down_right_bkg.png') no-repeat;
		top: -70px;
		left: 968px;
  	}  	
  	
  	.home div#main_downloads{
  		
  		position: absolute;
  		width: 310px;
  		height: 90px;
  		background: url('img/body/under_downloads.png') no-repeat;
		top: -144px;
		left: 20px; 
		text-align: center;	
		padding-left: 20px;
		padding-top: 25px;	
  	}
	
	.digit_0_0 {
		background: url('img/body/meter/digits.png') no-repeat 0 0;
		width: 18px;
		height: 33px;
	}
	
	.digit_0_3 {
		background: url('img/body/meter/digits.png') no-repeat -20px 0;
		width: 18px;
		height: 33px;
	}

	.digit_0_6 {
		background: url('img/body/meter/digits.png') no-repeat -40px 0;
		width: 18px;
		height: 33px;
	}

	.digit_1_0{
		background: url('img/body/meter/digits.png') no-repeat -60px 0;
		width: 18px;
		height: 33px;
	}

	.digit_1_3 {
		background: url('img/body/meter/digits.png') no-repeat -80px 0;
		width: 18px;
		height: 33px;
	}		
	
	.digit_1_6 {
		background: url('img/body/meter/digits.png') no-repeat -100px 0;
		width: 18px;
		height: 33px;
	}

	.digit_2_0 {
		background: url('img/body/meter/digits.png') no-repeat -120px 0;
		width: 18px;
		height: 33px;
	}

	.digit_2_3 {
		background: url('img/body/meter/digits.png') no-repeat -140px 0;
		width: 18px;
		height: 33px;
	}

	.digit_2_6 {
		background: url('img/body/meter/digits.png') no-repeat -160px 0;
		width: 18px;
		height: 33px;
	}

	.digit_3_0 {
		background: url('img/body/meter/digits.png') no-repeat -180px 0;
		width: 18px;
		height: 33px;
	}

	.digit_3_3 {
		background: url('img/body/meter/digits.png') no-repeat -200px 0;
		width: 18px;
		height: 33px;
	}

	.digit_3_6 {
		background: url('img/body/meter/digits.png') no-repeat -220px 0;
		width: 18px;
		height: 33px;
	}

	.digit_4_0 {
		background: url('img/body/meter/digits.png') no-repeat -240px 0;
		width: 18px;
		height: 33px;
	}

	.digit_4_3 {
		background: url('img/body/meter/digits.png') no-repeat -260px 0;
		width: 18px;
		height: 33px;
	}

	.digit_4_6 {
		background: url('img/body/meter/digits.png') no-repeat -280px 0;
		width: 18px;
		height: 33px;
	}

	.digit_5_0 {
		background: url('img/body/meter/digits.png') no-repeat -300px 0;
		width: 18px;
		height: 33px;
	}

	.digit_5_3 {
		background: url('img/body/meter/digits.png') no-repeat -320px 0;
		width: 18px;
		height: 33px;
	}

	.digit_5_6 {
		background: url('img/body/meter/digits.png') no-repeat -340px 0;
		width: 18px;
		height: 33px;
	}

	.digit_6_0{
		background: url('img/body/meter/digits.png') no-repeat -360px 0;
		width: 18px;
		height: 33px;
	}

	.digit_6_3 {
		background: url('img/body/meter/digits.png') no-repeat -380px 0;
		width: 18px;
		height: 33px;
	}	
	
	.digit_6_6 {
		background: url('img/body/meter/digits.png') no-repeat -400px 0;
		width: 18px;
		height: 33px;
	}	
	
	.digit_7_0 {
		background: url('img/body/meter/digits.png') no-repeat -420px 0;
		width: 18px;
		height: 33px;
	}	
	
	.digit_7_3 {
		background: url('img/body/meter/digits.png') no-repeat -440px 0;
		width: 18px;
		height: 33px;
	}	
	
	.digit_7_6 {
		background: url('img/body/meter/digits.png') no-repeat -460px 0;
		width: 18px;
		height: 33px;
	}	
	
	.digit_8_0 {
		background: url('img/body/meter/digits.png') no-repeat -480px 0;
		width: 18px;
		height: 33px;
	}

	.digit_8_3 {
		background: url('img/body/meter/digits.png') no-repeat -500px 0;
		width: 18px;
		height: 33px;
	}

	.digit_8_6 {
		background: url('img/body/meter/digits.png') no-repeat -520px 0;
		width: 18px;
		height: 33px;
	}

	.digit_9_0 {
		background: url('img/body/meter/digits.png') no-repeat -540px 0;
		width: 18px;
		height: 33px;
	}

	.digit_9_3 {
		background: url('img/body/meter/digits.png') no-repeat -560px 0;
		width: 18px;
		height: 33px;
	}

	.digit_9_6 {
		background: url('img/body/meter/digits.png') no-repeat -580px 0;
		width: 18px;
		height: 33px;
	}
	
	.digits div, .hdigits div {
		float:left;
	}	

	.digits {
		position: absolute;
		/* margin-left:55px; */
		right: 45px;
		bottom: 5px;
	}
	
	.hdigits {
		position: absolute;
		/* margin-left:45px; */
		left: 45px;
		bottom: 5px;
	}	
	
	.digits  div.digits_block1, .digits  div.digits_block2, .digits  div.digits_block3, .hdigits  div.hdigits_block1, .hdigits  div.hdigits_block2, .hdigits  div.hdigits_block3	{
		margin: 0 3px;
	}

	.digits  div, .hdigits  div{
		margin: 0 0.5px;
	}	
	
	.digits  div.digits_block1:after {
		position: absolute;
		width: 2px;
		height: 3px;
		background: url('img/body/meter/meter_comma.png') no-repeat;
		content:"";
		top: 30px;
		margin-left: 2px;
	}
	
	.digits  div.digits_block2:after {
		position: absolute;
		width: 2px;
		height: 3px;
		background: url('img/body/meter/meter_comma.png') no-repeat;
		content:"";
		top: 30px;
		margin-left: 2px;
	} 
	
	.hdigits  div.hdigits_block1:after {
		position: absolute;
		width: 2px;
		height: 3px;
		background: url('img/body/meter/meter_comma.png') no-repeat;
		content:"";
		top: 30px;
		margin-left: 2px;
	}
	
	.hdigits  div.hdigits_block2:after {
		position: absolute;
		width: 2px;
		height: 3px;
		background: url('img/body/meter/meter_comma.png') no-repeat;
		content:"";
		top: 30px;
		margin-left: 2px;
	}

	.digits:after{
		position: absolute;
		width: 24px;
		height: 24px;
		background: url('img/body/meter/meter_arrow.png') no-repeat;
		content:"";	
		bottom: 37px;
		margin-left: -29px;
	}
	
	.hdigits:before{
		position: absolute;
		width: 24px;
		height: 24px;
		background: url('img/body/meter/meter_arrow_r.png') no-repeat;
		content:"";	
		bottom: 37px;
		left: 24px;
	}	
  	
  	.home div#main_downloads h3{
  		
  		margin: 0 0 -5px 0;	
		font-size: 16pt;
		color: #FFFFFF;  	
		text-shadow: none;

  	}
  	
	.home div#main_downloads p{
	  	
	  	margin: 0 0 0px 0;			
		color: #ffee79;  
		font-size: 22pt;
		font-weight: bold			
				
	}  	  	
  	
  	.home div#main_hours{
  		
  		position: absolute;
  		width: 310px;
  		height: 90px;
  		background: url('img/body/under_hours.png') no-repeat;
		top: -144px;
		left: 640px;
		text-align: center;
		padding-right: 20px;
		padding-top: 25px;	
		
  	}
  	
  	.home div#main_hours h3{
  		
  		margin: 0 0 -5px 0;	
		font-size: 16pt;
		color: #FFFFFF;  	
		text-shadow: none;
  				
  				
  	}  
  	
  	.home div#main_hours p{
	  	
	  	margin: 0 0 0px 0;			
		color: #ffee79;  
		font-size: 22pt;
		font-weight: bold			
				
	} 
  	
  	.home div#main_downloads_icon{
  		
  		position: absolute;
  		width: 126px;
  		height: 114px;
  		background: url('img/body/sign_downloads.png') no-repeat;
		top: -165px;
		left: -20px;		
  	}
  	
  	.home div#main_hours_icon{
  		
  		position: absolute;
  		width: 126px;
  		height: 114px;
  		background: url('img/body/sign_hours.png') no-repeat;
		top: -165px;
		left: 860px;

  	}  	  	
  	
  	/* displayed paper bkg on internal pages */
  	div#main {
  		margin-top: 30px;
  		padding: 30px 0;
  		min-height: 730px;
  		
  		/* background: url('img/paper-bkg.png') no-repeat top; */
  	}
  	
  	.page-id-194 div#main {
  		margin-top: 75px;
  		padding: 30px 0;
  		min-height: 730px;
  		
  		/* background: url('img/paper-bkg.png') no-repeat top; */
  	}
  	
  	/* display themed background above footer */
  	div#main:before {
  		position: absolute;
  		bottom: 0;
  		width: 100%;
  		height: 430px;
  		content: "";
  	}
  	
  	article, 
  	.home article,
  	section.posts {
  		float: left;
  		margin: 4px 38px 20px 0;
  		width: 558px;
  	}
  		
  	aside {
  		margin: 0 0 20px 0;
  		padding: 0;
  		width: 372px;
  	}
  	
	      	
/* ==========================================
  	2 - Logo and Main Navigation
   ========================================== */
	
	div .header-bkg{
		
		height: 106px;
		/*overflow: visible;*/
		clear: both;
		background: url('img/menu/up_line.png') repeat;
	
	}
	
	#header-right-border{
		margin-left: 948px; /* ! temp ! */
		width: 58px;
		height: 106px;
		background: url('img/menu/up_right_2.png') no-repeat;
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}
	
	/* ! temp ! */
	/* #header-bottom-home{ */
    /*.menu-item-151:after{*/
    nav#menu li.menu-item-151 a:after {
		/*left: 350px;*/
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_home.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}
	
	/* #header-bottom-games{ */
    nav#menu li.menu-item-196 a:after {
		/* left: 450px; */
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_games.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}
	
/*	#header-bottom-about{*/
    nav#menu li.menu-item-153 a:after {    
/*		left: 550px;*/
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_about.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}
	
/*	#header-bottom-jobs{*/
    nav#menu li.menu-item-154 a:after {
/*		left: 650px;*/
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_job.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}
	
/*	#header-bottom-blog{*/
    nav#menu li.menu-item-1127 a:after {
/*		left: 750px;*/
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_blog.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}				
	
/*	#header-bottom-contact{*/
    nav#menu li.menu-item-155 a:after {    
/*		left: 850px;*/
        left: 0px;
		top: 0px;
		z-index: 99999;
		position: absolute;
		clear: both;
		width: 100px;
		height: 67px;
		background: url('img/menu/up_sign_contacts.png') no-repeat;
		/* pointer-events:none; */
        content: "";
		/*background-position: right;
		background-repeat: no-repeat;*/
	
	}	
	/* display larger logo variation */
	h1 a {
		margin: 0px 0 0 -35px;
	   	width: 315px;
	   	height: 130px;		
		background: url('img/menu/up_logo.png') no-repeat;
	   	/* background: url('img/sprite.png') no-repeat 0 0; */
	}
	
	/* ==== Adjust Main Navigation ==== */	
	/* remove responsive nav link */	
	a.menu-link { display: none; }
	       
	/* Navigation adjustments and main styling */
	.js nav#menu, 
	nav#menu { 
		float: right;
		overflow: visible;
		/* margin: 25px 0 0 0; */
		width: auto;
		height: auto;
		margin-right: 20px;
		/*border: 6px solid #272727;
		border-radius: 6px;
		box-shadow: 
			0 0 0 1px #000,
			0 0 10px rgba(0, 0, 0, 0.25);*/
	}
	
	nav#menu ol { float: right; margin: 0; border: 0; }
 	     	
 		nav#menu li {
 			float: left;
 			clear: none;
 			width: auto;
 		}
	 		     	
			nav#menu li a {
				padding: 70px 18px;
				/*border: 1px solid #050505;
				border-right: 2px solid #272727;
				-webkit-box-shadow: inset 0 1px 0 #242323;
				-moz-box-shadow: 	inset 0 1px 0 #242323;
				-ms-box-shadow: 	inset 0 1px 0 #242323;
				-o-box-shadow: 		inset 0 1px 0 #242323;
				box-shadow: 		inset 0 1px 0 #242323;*/
		 	}	
				 
				 nav#menu li a:hover {
				 	/*-webkit-box-shadow: inset 0 1px 0 #2e2e2e;
				 	-moz-box-shadow: 	inset 0 1px 0 #2e2e2e;
				 	-ms-box-shadow: 	inset 0 1px 0 #2e2e2e;
				 	-o-box-shadow: 		inset 0 1px 0 #2e2e2e;
				 	box-shadow: 		inset 0 1px 0 #2e2e2e;*/
				 }
		
					nav#menu li.current-menu-item a,
					.single-games nav#menu li.menu-item-196 a,
					.single-post nav#menu li.menu-item-162 a {
						overflow: visible;
						/*-webkit-box-shadow: inset 0 1px 0 #232322;
						-moz-box-shadow: 	inset 0 1px 0 #232322; 
						-ms-box-shadow: 	inset 0 1px 0 #232322;
						-o-box-shadow: 		inset 0 1px 0 #232322; 
						box-shadow: 		inset 0 1px 0 #232322;*/
					}	
				   
				   nav#menu li:last-child a { margin-right: 0; border-right: 0;  }
				   
				   			   
/* ==========================================
  	3 - Footer
   ========================================== */			   
	
	/* ==== footer adjustments ==== */
	footer .container { padding: 0; }
	
	footer nav { 
		float: left;
		margin: 10px auto 0;
		padding: 0;
		width: auto;
		border: 0;
		border: 0;
		background: none;
		box-shadow: none;
		margin-top: 30px;
	}
		
		footer nav ol { border: 0; }
		
			footer nav li {
				margin: 0 0 16px 20px;
				width: auto;
				border: 0;
			}
		
				footer nav li a {
					padding: 0;
					width: auto;
					height: auto;
					border: 0;
				}
		
					footer nav li a:hover { background: none; color: #00881a; }
		
				footer nav li.current-menu-item a { background: none; color: #00881a; }
	
	footer div.company-details { float: right; margin: -20px 0 15px; width: 210px; }
		
	footer small { margin: 6px 0 0; }
		
	footer a.logo,
	footer small,
	ul.legal { float: left; }
	
	footer a.logo { margin-top: -13px; }
	
	ul.legal { 
		margin: 12px 0 0; 
		margin-top: -14px;
		margin-left: 405px; 
		}
	 
	a.creator {
		float: left;
		clear: left;
		margin: 0;
		padding: 0;
		border: 0;
		box-shadow: none;
	}
	
	/* remove scroll to top button */
	a.scroll-top { display: none; }


/* ==========================================
   	4 - Home Page
   ========================================== */

	/* fix home header to allow slider to sit behind */
	.home header { position: absolute; }
	
	/* remove black header background */
	header { background: none; }
	
	/* Home page large slider */
	/* === display slide outside fixed height */
	.home .rsOverflow, 
	.home .rsSlide { overflow: visible; }
	
	/* fixed height */
	.home #slider,
	.home .royalSlider,
	.home .sliderContainer {
		overflow: visible !important;
		height: 455px;
	} 
		
	/* slide image */		
	.home .rsMainSlideImage {
		position: static;
		margin-top: 0px !important;
		width: auto !important;
		height: 734px !important;
	}
		
	
		
	/* thumbnail container overflow */		
	.home .rsThumbs,
	.home .rsThumb { overflow: visible; }
		
	/* thumbnails positioning */		
	.home .rsThumbs,
	.home .rsTmb { top: 30px; }	
				
	/* shadowing for depth behind thumbs */		
	/*.home .rsThumb {
		-webkit-box-shadow: 	0 -2px 8px rgba(0, 0, 0, 0.35);
		-moz-box-shadow: 		0 -2px 8px rgba(0, 0, 0, 0.35);
		-ms-box-shadow: 		0 -2px 8px rgba(0, 0, 0, 0.35);
		-o-box-shadow: 			0 -2px 8px rgba(0, 0, 0, 0.35);
		box-shadow: 			0 -2px 8px rgba(0, 0, 0, 0.35);
	}*/
				
	.home .rsThumb img.rsTmb {
		display: inherit;
		float: left;
		width: 74px;
		height: 64px;
		/*opacity: 0.5;
		-webkit-transition:	opacity 0.4s ease-in-out; 
		-moz-transition:  	opacity 0.4s ease-in-out; 
		-ms-transition:  	opacity 0.4s ease-in-out; 
		-o-transition:  	opacity 0.4s ease-in-out; 
		transition:  		opacity 0.4s ease-in-out;*/ 
	}
					
	.home .rsThumb:hover img.rsTmb {
		
		
	}
	
	.home .rsNavSelected img.rsTmb { 
		opacity: 1; 
   		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
	}
				
	/*.home .rsThumb:after {
		position: absolute;
		right: -16px;
		bottom: -5px;
		z-index: -1;
		display: block;
		width: 106px;
		height: 9px;
		background: url('img/sprite.png') -450px -66px no-repeat;
		content: "";
	}*/
	
	
	
	/* slide logo */
	.home #slider .container { display: none; }
	
	/* like btn */
	ul.like { margin-top: -44px; }
	
	/* ==== Stats Bar ==== */ 
	ul.stats {
		position: relative;
		display: block;
  		float: left;
		margin: 0 0 40px 0;
  		width: 100%;
		border: 6px solid #272727;
		background-color: #0e0e0e;
		border-radius: 8px;
	}
  	
  		ul.stats li {
  			float: left;
  			padding: 8px 6px 6px;
  			width: 50%;
  			height: 50px;
  		}
  		
  			ul.stats li:first-child { padding-left: 40px; }
  		
	   		ul.stats li p {  
	   			color: #fafafa;
				letter-spacing: 1px;
	   			font: 36px 'Bangers', impact;
	   			clear: none;
			}
  		
  			ul.stats li h3 {
				position: relative;
  				float: left;
				padding: 5px 20px 0 60px;
				color: #8dda00;
				text-shadow: 1px 1px 0 black;
				font-size: 28px;
			}
			   
			  	ul.stats li.downloads h3:before {
				   	position: absolute;
				   	top: -10px;
				   	left: -10px;
				   	z-index: 10;
				   	display: block;
				   	width: 68px;
				   	height: 60px;
				   	background: url('img/sprite.png') no-repeat -150px -100px;
			   		content: "";
			   }
  			
	   			ul.stats li.played h3:before {
	   				position: absolute;
	   				top: -12px;
	   				left: 0px;
	   				z-index: 10;
	   				display: block;
	   				width: 50px;
	   				height: 62px;
	   				background: url('img/sprite.png') no-repeat -225px -100px;
	   				content: "";
	   			}
	
	/* ==== Latest Dames ==== */
	ul.games {
		float: left;
		margin: 0 50px 30px;
		width: 100%;
	}

		ul.games li {
			position: relative;
			float: left;
			margin: 0 -7px 0 20px;
			width: 308px;
			height: 188px;
		}
		
		ul.games li:first-child { margin-left: -70px; }
	
	a.more-games { margin-bottom: 0; }
	
	/* ==== sidebar items ==== */
	/* div.info, */
	div.social-networks,
	div.widget {
		-webkit-box-shadow: 0 0 5px #ebe3e1;
		-moz-box-shadow: 	0 0 5px #ebe3e1;
		-ms-box-shadow: 	0 0 5px #dcd8d8;
		-o-box-shadow: 		0 0 5px #dcd8d8;
		box-shadow: 		0 0 5px #ebe3e1;
		border-radius: 8px;
		margin-bottom: 20px;
	}

    div.social-networks {                 
        z-index:0;    
    }

    div.social-networks:after {         
        position:absolute;
        z-index: -1;
        bottom:12px;
        left: 9px;
        width:350px;
        height:80px;
        background: url('img/blog/cloud_right.png') no-repeat;
        background-position:center center;
        content:"";
    }    
	
	/* tabs */
	div.tabs { margin: 0; }
	
		div.tabs li:first-child a { border-top-left-radius: 8px; }
			div.tabs li:last-child a { border-top-right-radius: 8px; }
	  			
		div.tabs > div.tab-box {
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			-webkit-box-shadow: 0 0 5px #ebe3e1;
			-moz-box-shadow: 	0 0 5px #ebe3e1;
			-ms-box-shadow: 	0 0 5px #dcd8d8;
			-o-box-shadow: 		0 0 5px #dcd8d8;
			box-shadow: 		0 0 5px #ebe3e1;
		}
		

/* ==========================================
   	5 - Games Directory Page
   ========================================== */
	
	/* filter - Game Directory Page */
	.page-template-game-list-page-php article,
	.tax-platforms article,
	.search article { margin: 0; width: 100%; }

	
	/* filter - Game Directory Page */
	nav.filter {
		float: none;
		margin: -88px auto 20px;
		padding: 0;
		width: 100%;
		/* border: 6px solid #272727; */
		-webkit-transform: translateZ(0);
	}
	
		nav.filter ul {
			margin: auto;
			display: table;
			text-align: center;
		}
	
		nav.filter ul li { margin: 0 0 0 0px; width: auto; border-right: 0; }
			nav.filter ul li:first-child { width: auto; margin-left: 0;}
	
			nav.filter ul li a { width: 185px; } 		  		

	/* game tiles - Game directory page */
	section.games {
		position: relative;
		left: -32px;
		width: 1040px;
		padding: 15px 0 20px;
		margin-bottom: 20px;
	}

		div.game {
			position: relative;
			float: left;
			clear: none;
			overflow: visible;
			 margin:  0 0 20px 20px; 
			/*width: 462px;
			height: 252px;*/
			width: 482px;
			height: 270px;
			/* border: 6px solid #272727; */
		}
		
			div.game a {
				position: relative;
				float: left;
				/* width: 450px;
				height: 242px; */
				width: 100%;
				height: 100%;				
				border-bottom: none;
			}
				div.game a img { 
					position: relative; 
					z-index: 10; 
					/* margin: -15px; */
					margin-left: 0px;
					margin-top: 0px; 
					width: auto; 
				}

		/* game downloads adjustments */
		div.game ul.game-downloads-small { 
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 0 0 15px 10px;
		}
		
		div.game ul.game-downloads-small:after { bottom: -65px; }
		div.game ul.game-downloads-small li a { margin-left: 11px; }
		div.game ul.game-downloads-small li:first-child { margin-left: 0; }
		
		ul.game-downloads-small li:nth-child(6) a { display: block; }

/* ==========================================
   	6 - Game Page
   ========================================== */
   	
	/* Page Widths Layouts */
	.single-games article { width: 37%; }
	.single-games aside { width: 59%; }
	
	/* Bbanner */
	div.banner {
		position: relative;
		display: block;
		float: left;
		overflow: visible;
		margin: 0px;
		padding: 0;
		margin-bottom: 15px;
		width: 1005px;
		height: 250px;
		min-height: 231px;	
	
		background: url('img/content/page-banner_border_n.png') no-repeat;
		left: -19px;
		top: -10px;
}
	
		div.banner.title-only { min-height: 0; }

	   	div.banner img,
	   	div.banner div {
	   		float: left;
	   		position: relative;
	   		width: 992px;
	   		margin: 3px;
	   	}
			
	div.banner div.title { width: 40%; padding: 0; float: left; }
		div.banner div.title h2 { top: auto; margin: 16px 0 0 16px; padding: 0; }
	
	/* Sharing icons   */
	ul.share {
		position: absolute;
		right: 16px;
		bottom: 14px;
		float: none;
		clear: none;
		padding: 5px 0 0 6px;
		width: auto;
		background: #2c2c2c;
		border-top-left-radius: 8px;
		height: 55px;
	}
		ul.share.title-only {
			position: relative;
			right: auto;
			bottom: auto;
			float: right;
			padding: 0;
			border-left: 5px solid #282828;
			border-radius: 0;
		}
		
		/* show social sharing btns */
		ul.share li.facebook,
		ul.share li.twitter,
		ul.share li.google { display: block; }
		
		ul.share.title-only li.google { border-right: 5px solid #282828; }
		
		/* remove border radius if no banner image */
		ul.share.title-only li:first-child { border-radius: 0; }
		
		/* back btn */
		ul.share li.back,
		ul.share li.back a { width: auto; }
		ul.share li.back a { border-left: 5px solid #282828; }
		ul.share li.back a:hover { border-left: 5px solid #282828; }
	
	/* Individual Game page - right */
	.single-games #slider-media { margin: 20px 0 0; padding: 6px 4px 0; border-radius: 8px; }
	
	/* fullscreen mode adjustments */
	.single-games #slider-media.rsFullscreen  { background-color: rgba(0, 0, 0, 0.9); border-radius: 0; }
	.single-games #slider-media.rsFullscreen .rsOverflow {
		background: none;
		border: none;
		box-shadow: none;
	}
	
	/* adjust screenshot slider thumbnail icons */
	.single-games .rsThumb img {
			width: 70px;
			height: 70px;
		}
	
		.rsThumbsArrowIcn { top: 11px; }
		
		.rsVideoThumbIcn {
			position: absolute;
			top: 18px;
			left: 18px;
		}
	
	
	/* available to download icon */
	h4.downloads:before {
	  	position: absolute;
	  	top: -5px;
	  	left: 10px;
	  	display: block;
	  	width: 68px;
	  	height: 60px;
	  	background: url('img/sprite.png') no-repeat -150px -100px;
	  	content: "";
	}
		
					   
/* ==========================================
   	7 - Blog Pages
   ========================================== */
   
   	/* blog page layout */
   	section.posts article.news { 
        width: 600px; 
        background: url('img/blog/blog_middle.png') repeat-y;            
        padding-left: 43px;
        /* margin-right: 50px; */
        margin-left: -20px;
        margin-top: 90px;
        margin-bottom: 120px !important;
    }

    section.posts article.news:before {     
        display:block;
        position:absolute;
        width:600px;
        height:83px;
        background: url('img/blog/blog_up.png') no-repeat;
        content:"";
        top: -83px;
        left: 0px;            
    }

    section.posts article.news:after  {     
        display:block;
        position:absolute;
        width:600px;
        height:99px;
        background: url('img/blog/blog_down.png') no-repeat;
        content:"";        
        left: 0px;  
        bottom:-99px;
    }

    section.posts article #article_god {
        position:absolute;
        width: 148px;
        height: 104px;
        background: url('img/blog/dg_up.png') no-repeat;        
        
        top:-100px;
    }
   
   	li article.comment div.avatar-box { 
		top: 0;
		left: -12px;
		right: auto;
		height: 85px; 
		width: 88px; 
		border: none;
		border-radius: 0;
		overflow: visible;
	}
	
	div.avatar-box img { 
		position: relative;
		z-index: 10;
		height: 70px; 
		width: 70px; 
		margin: 0 10px;
	}
	
	div.avatar-box span.avatar-overlay {
		display: block;
		position: absolute;
		z-index: 20;
		height: 85px;
		width: 88px;
		background: url('img/sprite.png') -1px -285px no-repeat;
	}
	
	div.post-meta cite.fn { width: auto; }
	
	div.post-meta time {
		float: right;
		margin: 6px 0 0 10px;
		padding: 0;
		font-size: 14px;
	}
	
	section.comment-content {
		float: left;
		margin-left: 80px;
		width: 85%;
	}

	div.pagination {         
        margin-bottom: 0;
        padding-left: 35%;
    }


/* ==========================================
   	8 - Contact Page
   ========================================== */	

	/* == Contact layout == */
	.full-width section,
	.page-template-contact-page-php section  {
		float: left;
		margin: 0 0 -20px 0;
		padding: 0;
		width: 968px;
	}

	/* == Contact boxes == */		
	ul.contact { margin-bottom: 30px; }
	ul.contact li { margin: 0 0 0 24px; width: 224px; }
	ul.contact li:first-child { margin-left: 0; }
	ul.contact li:nth-child(odd) { margin-right: auto; }
	
	/* == Locations == */
	div.tabs.locations { width: 968px; }
	div.locations.tabs > div.tab-box { border-top-right-radius: 8px; }
	
	/* location tabs */
	div.locations li { max-width: 20%; }
	
}

@media screen and (min-width: 1048px) {
/* ==========================================
  Styles for Screens larger than 1048px and Up
   ========================================== */
   /* Full Width and Center for large screens */   
   html,
   body,
   .sliderContainer,
   div#main,
   footer { width: auto; }
   header {	width: 100%; }
   .container { width: auto; max-width: 968px; }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	/* fix portrait zoom bug */
	div#main { min-height: 1024px; }
}

/* @end */

/* @group ====== Retina Assets ====== */


@media only screen {
	/*	stop text scaling on rotation */
	html.touch { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
	/* solid background screen cover for fullscreen game page slider */
	html.touch  .single-games #slider-media.rsFullscreen  { background-color: #2c2c2c; border-radius: 0; }
}

/* @end */

/* @group Print Styles */

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; -ms-filter: none !important; filter:none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* @end */

.furjbqy {
	z-index:100500 !important;
}

.g-recaptcha {
	display: inline-block;
	margin-bottom: 15px;
}