/**** 

Theme: Coffee Stain Studios
Theme URL: http://coffeestainstudios.com
Author: Grebban Design AB
Author URL: http://grebban.com

2012

*****/

/*
* 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-family: "Helvetica Neue",Helvetica, sans-serif;
	background: url("../images/bg.jpg") repeat;
    font-size: 0.85em;
    line-height: 1.4;
    font-variant: normal;
    font-weight: 300;
    color: #555555;
}

a {
	color: #B8916E;
	text-decoration:none;
} 
a:hover {
	color: #756557;
	text-decoration: underline;
}

/*
* 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: #dad7cf;
    text-shadow: none;
}

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

/*
* A better looking default horizontal rule
*/

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

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

img {
    vertical-align: middle;
}

/*
* Remove default fieldset styles.
*/

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

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

textarea {
    resize: vertical;
}


/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

/** Font face **/
@font-face {
  font-family: 'Stratum1Medium';
  src: url('../fonts/Stratum1WebMedium.eot');
  src: local('☺'),
       url('../fonts/Stratum1WebMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Stratum1Bold';
  src: url('../fonts/Stratum1WebBold.eot');
  src: local('☺'),
       url('../fonts/Stratum1WebBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-Bold';
    src: url('../fonts/VitesseSans-Bold.eot');
    src: url('../fonts/VitesseSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-Bold.woff') format('woff'),
         url('../fonts/VitesseSans-Bold.ttf') format('truetype'),
         url('../fonts/VitesseSans-Bold.svg#VitesseSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-BoldItalic';
    src: url('../fonts/VitesseSans-BoldItalic.eot');
    src: url('../fonts/VitesseSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-BoldItalic.woff') format('woff'),
         url('../fonts/VitesseSans-BoldItalic.ttf') format('truetype'),
         url('../fonts/VitesseSans-BoldItalic.svg#VitesseSans-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-Book';
    src: url('../fonts/VitesseSans-Book.eot');
    src: url('../fonts/VitesseSans-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-Book.woff') format('woff'),
         url('../fonts/VitesseSans-Book.ttf') format('truetype'),
         url('../fonts/VitesseSans-Book.svg#VitesseSans-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-BookItalic';
    src: url('../fonts/VitesseSans-BookItalic.eot');
    src: url('../fonts/VitesseSans-BookItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-BookItalic.woff') format('woff'),
         url('../fonts/VitesseSans-BookItalic.ttf') format('truetype'),
         url('../fonts/VitesseSans-BookItalic.svg#VitesseSans-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-Light';
    src: url('../fonts/VitesseSans-Light.eot');
    src: url('../fonts/VitesseSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-Light.woff') format('woff'),
         url('../fonts/VitesseSans-Light.ttf') format('truetype'),
         url('../fonts/VitesseSans-Light.svg#VitesseSans-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'VitesseSans-LightItalic';
    src: url('../fonts/VitesseSans-LightItalic.eot');
    src: url('../fonts/VitesseSans-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VitesseSans-LightItalic.woff') format('woff'),
         url('../fonts/VitesseSans-LightItalic.ttf') format('truetype'),
         url('../fonts/VitesseSans-LightItalic.svg#VitesseSans-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vitesse-Light';
    src: url('../fonts/Vitesse-Light.eot');
    src: url('../fonts/Vitesse-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vitesse-Light.woff') format('woff'),
         url('../fonts/Vitesse-Light.ttf') format('truetype'),
         url('../fonts/Vitesse-Light.svg#Vitesse-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vitesse-LightItalic';
    src: url('../fonts/Vitesse-LightItalic.eot');
    src: url('../fonts/Vitesse-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vitesse-LightItalic.woff') format('woff'),
         url('../fonts/Vitesse-LightItalic.ttf') format('truetype'),
         url('../fonts/Vitesse-LightItalic.svg#Vitesse-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vitesse-Book';
    src: url('../fonts/Vitesse-Book.eot');
    src: url('../fonts/Vitesse-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vitesse-Book.woff') format('woff'),
         url('../fonts/Vitesse-Book.ttf') format('truetype'),
         url('../fonts/Vitesse-Book.svg#Vitesse-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Vitesse-BookItalic';
    src: url('../fonts/Vitesse-BookItalic.eot');
    src: url('../fonts/Vitesse-BookItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vitesse-BookItalic.woff') format('woff'),
         url('../fonts/Vitesse-BookItalic.ttf') format('truetype'),
         url('../fonts/Vitesse-BookItalic.svg#Vitesse-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body.not-front h1#page-title,
.view-blog-entries .views-field-title h2,
.view-taxonomy-term .views-field-title h2,
.view-archive .views-field-title h2,
#block-views-games-blocks-block h3 {
	font-family: "Vitesse-Light", sans-serif;
	font-weight: normal;
	font-style: normal;
}
#block-views-games-block-1 .views-field-field-launch {
	/*font-family: "Vitesse-Book", sans-serif;*/
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}
#block-views-staff-block h4 {
	font-weight: normal;
	font-style: normal;
}

.views-field-field-real-name,
#block-views-blog-cat-block ul li a,
#block-views-archive-block ul li a,
#block-views-twitter-block .views-field-php a,
#block-views-twitter2-front .views-field-nothing-1 a,
#block-views-twitter-block-1 .views-field-php a,
.views-field-field-categories a {
	/*font-family: "VitesseSans-Book", sans-serif;*/
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
}

#navigation a,
.block h2.block-title,
body.page-node-2 h2,
body.page-node-28 h2,
body.node-type-game .field-name-body h2,
#block-views-blog-puff-block h3,
p.button a,
.view-blog-puff .views-field-nothing span.field-content a,
input#edit-submit,
.region-bottom #block-block-3 h3,
#block-views-staff-block h3,
.view-blog-entries .views-field-title a,
.view-taxonomy-term .views-field-title a,
.view-archive .views-field-title a,
.view-archive .node-title a,
.views-field-field-categories .views-label-field-categories,
.views-field-field-real-name .views-label-field-real-name,
.views-field-created span.views-label-created,
.views-field-comment-count span.field-content,
#block-views-blog-cat-block ul li a.active,
#block-views-archive-block ul li a.active,
#block-views-games-block-1 .views-field-title a,
.field-name-field-features .field-label,
.field-name-field-launch .field-label,
.field-name-field-platform .field-label,
#block-views-games-blocks-block .views-field-field-stores a {
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	font-weight: bold;
}


/** Images **/

#navigation a.active,
.region-bottom,
p.button a,
.view-blog-puff .views-field-nothing span.field-content a,
input#edit-submit { 
	background-image: url("../images/bg-h.png");
	background-repeat: repeat-x;
}

#block-views-games-media-block-block #field-slideshow-1-controls a.prev,
#block-views-games-media-block-block #field-slideshow-1-controls a.next {
	background-image: url("../images/bg-v.png");
	background-repeat: no-repeat;
}
p.button span.readmore { 
  background: url("../images/bg-v.png") no-repeat 135px -153px;
  padding: 1px 26px 4px 0;
  height: 20px;
  width: 29px;	
} 

p.button span.readblog {
  background: url("../images/bg-v.png") no-repeat 144px -153px;
  padding: 1px 26px 4px 0;
}

.views-field-created span.views-label-created {
  background: url("../images/bg-v.png") no-repeat 0 -170px;
  padding: 7px 0 4px 22px;
  height: 20px;
  width: 29px;
}
.views-field-field-real-name .views-label-field-real-name,
body.node-type-blog .views-field-field-real-name .field-content {
  background: url("../images/bg-v.png") no-repeat 0 -234px;
  float: left;
  height: 20px;
  padding: 0 7px 0 24px;
}

.views-field-field-categories .views-label-field-categories {
  background: url("../images/bg-v.png") no-repeat 0 -196px;
  float: left;
  height: 20px;
  padding: 0 7px 0 24px;	
}

.views-field-comment-count .field-content {
  background: url("../images/bg-v.png") no-repeat 0 -216px;
  float: left;
  height: 15px;
  padding: 0 0 0 28px;	
}

.view-blog-entries .views-field-created,
.view-taxonomy-term .views-field-created,
#block-views-blog-entry-block-1 .views-field-created,
.view-archive .views-field-created,
.views-field-field-real-name,
.views-field-comment-count,
.views-field-field-categories {
	color: #9e9e9e;
	font-size: 0.85em;
}

.views-field-created {
  float: left;
  width: 155px;
}

.views-field-comment-count {
  float: left;
  width: 120px;
}

.view-blog-entries .views-field-title h2,
.view-taxonomy-term .views-field-title h2,
.view-archive .views-field-title h2 {
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  font-size: 2.7em;
  line-height: 1.2;
  margin: 10px 0 20px;
  border-bottom: 1px solid #ECEADD;
}
.view-blog-entries .views-field-title a,
.view-taxonomy-term .views-field-title a,
.view-archive .views-field-title a {
  color: #D0A57D;
  text-decoration: none;
}
.view-blog-entries .views-field-title a:hover,
.view-taxonomy-term .views-field-title a:hover,
.view-archive .views-field-title a:hover {
	color:#646464;
	text-decoration: underline;
}

.view-blog-entries .views-field-body p,
.view-taxonomy-term .views-field-body p,
#block-views-blog-entry-block-1 .views-field-body p,
.view-archive .views-field-body p {
  font-size: 1em;
  line-height: 1.8;
}

.view-blog-entries .views-field-body,
.view-taxonomy-term .views-field-body,
#block-views-blog-entry-block-1 .views-field-body,
.view-archive .views-field-body {
  border-bottom: 1px solid #eceadd;
  border-top: 1px dashed #eceadd;
  margin-bottom: 20px;
  margin-top: 15px;
}


/** Layout **/

#front-slideshow .views-field-field-slide-image {
	max-width: 1200px;
	margin: 0 auto;
}

body.front #main,
#header-inner,
#block-views-staff-block,
#block-views-games-block-1,
#block-views-games-blocks-block,
#block-views-games-media-block-block,
body.sidebar-second #main,
.field-name-field-game-logo {
	max-width: 1000px;
	margin: 0 auto;
}
body.node-type-page .node-page .field-name-body,
body.sidebar-second #main .field-name-body,
#main .node-game {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 50px 30px 50px;
}
.region-bottom #block-block-3 {
	height: 132px;
    margin: auto;
    max-width: 1000px;
}
ul.primary {
	max-width: 1000px;
	padding: 20px 0 0 10px !important;
	margin: 0 auto !important;
}
#header {
	background: transparent url('../images/bg-header.png') repeat;
	width: 100%;
	padding: 38px 10px 55px;
}

#header #header-top {
	margin-bottom: 90px;
}

#header #logo {
	padding: 0 0 0 10px;
}
#header #logo:hover {
	opacity: 0.85;
}

body.node-type-page #content,
body.node-type-game #content {
	margin: 0;
	padding: 0;
}

#main #content {
	background: #fefdfb;
	margin-bottom: 40px;
	padding: 20px 0 20px 0;
	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
	         box-shadow: 0px 1px 1px 0px #c1c0b5;
}
body.front #main #content {
	background: #fefdfb;
	margin-bottom: 40px;
	padding: 40px 0 20px 0;
}
body.section-user #main #content {
    margin-bottom: 40px;
    padding: 70px 20%;
}
body.section-blog #main #content {
	padding: 0 10px;
	margin-bottom: 20px;
}

body.front #main #content,
body.page-blog #main #content,
body.section-blog #main #content {
	background: none;
	 -webkit-box-shadow: none; 
	         box-shadow: none;
}

body.page-blog h1#page-title,
body.page-taxonomy h1#page-title,
body.node-type-game h1#page-title {
	display: none;
}

body.node-type-page h1#page-title {
	border-bottom: 1px solid #ECEADD;
    color: #B8916E;
    font-size: 6.6em;
    line-height: 0.9;
    margin: 0 auto;
    max-width: 1000px;
    padding: 50px 30px 30px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}
body.page-node-2 h2,
body.page-node-28 h2,
body.node-type-game .field-name-body h2 {
	color: #B8916E;
    font-size: 1.6em;
    line-height: 0.9;
    margin: 15px 0 10px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

body.page-node-2 .node-page .field-name-body p,
body.page-node-28 .node-page .field-name-body p,
body.page-node-27 .node-game .field-name-body p {
    font-size: 1.2em;
    line-height: 1.7;
}

@media only screen and (min-width : 760px) {

  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
    -webkit-column-count: 2;  -webkit-column-gap: 50px;
       -moz-column-count: 2;     -moz-column-gap: 50px;
            column-count: 2;          column-gap: 50px;
  }

}

/** Blog **/

.addthis_toolbox {
	display: block;
    float: right;
    margin: -17px -20px -5px 0;
    padding: 0;
}

body.node-type-blog .views-field-php .addthis_toolbox {
	display: block;
    float: right;
    margin: 0 -20px -5px 0;
    padding: 0;
}

body.section-blog #page {
	margin-top: 30px;
}

body.page-blog .view-blog-entries .views-row,
body.page-taxonomy .view-taxonomy-term .views-row,
body.page-blog-archive .view-archive .views-row,
body.node-type-blog #block-views-blog-entry-block-1,
.comments {
  background: #fff;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px 0 #c1c0b5;
  padding: 2% 4% 3%;
  position: relative;
  margin: 30px 0 30px;
}

body.page-blog .view-blog-entries .views-row-first,
body.page-taxonomy .view-taxonomy-term .views-row-first,
body.page-blog-archive .view-archive .views-row-first,
body.node-type-blog #block-views-blog-entry-block-1,
.comments {
  margin-top: 0;
}

.region-sidebar-second .block {
  background: #FFFFFF;
  margin: 0 0 30px;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px 0 #c2c1b6;
  padding: 2% 4% 3%;
  position: relative;
}

body.node-type-blog h1#page-title {
	font-weight: normal;
	font-style: normal;
	font-size: 2.7em;
	color: #D0A57D;
}

body.node-type-blog #block-views-blog-entry-block-1 {
	margin: 10px 0 30px;
	padding-top: 3%;
}

a.feed-icon,
.node-blog .links { display: none;  }

.views-field-addtoany-link {
	float: right;
	margin: -17px 0 0;
}
.views-field-addtoany-link .addtoany_list a {
    padding: 0 5px;
}
.views-field-addtoany-link .addtoany_share_save,
.mollom-privacy {
	display: none;
}
#block-views-blog-cat-block ul li a,
#block-views-archive-block ul li a {
	color: #646464;
	text-decoration: none;
}

.views-field-field-categories a {
	color: #9E9E9E;
	text-decoration: none;
}

.views-field-field-categories a:hover {
	color: #646464;
	text-decoration: underline;
}

#block-views-blog-cat-block ul li a:hover,
#block-views-archive-block ul li a:hover {
	color: #D0A57D;
}

#block-views-blog-cat-block ul li,
#block-views-archive-block ul li {
	border-bottom: 1px dotted #D0D0D0;
	list-style: none;
	padding: 10px 5px 10px 5px;
}
#block-views-archive-block ul li {
	color: #D0A57D;
}
#block-views-blog-cat-block ul li.views-row-last,
#block-views-archive-block ul li.views-row-last {
	border-bottom: none;
}

#block-views-blog-cat-block ul,
#block-views-archive-block ul {
	padding: 0 20px;
	margin: 5px 0 0;
}
#block-views-blog-cat-block h2.block-title:before {
	background: url("../images/bg-v.png") no-repeat scroll 0 -301px transparent;
    content: "";
    display: block;
    height: 27px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 25px;
}
#block-views-archive-block h2.block-title:before {
	background: url("../images/bg-v.png") no-repeat scroll 0 -282px transparent;
    content: "";
    display: block;
    height: 18px;
    left: 18px;
    position: absolute;
    top: 15px;
    width: 27px;
}
#block-views-twitter2-blogg h2.block-title:before,
#block-views-twitter-block-1 h2.block-title:before {
	background: url("../images/bg-v.png") no-repeat scroll 0 -254px transparent;
    content: "";
    display: block;
    height: 24px;
    left: 18px;
    position: absolute;
    top: 11px;
    width: 27px;
}
.sidebars .block h2.block-title {
	color: #d0a57d;
	font-size: 1em;
	text-transform: uppercase;
	border-bottom: 1px solid #eceadd; 
	margin: 5px 0;
	padding: 0 0 5px 40px;
}

#block-views-twitter2-blogg .views-row-odd img,
#block-views-twitter-block-1 .views-row-odd img {
    border: 3px solid #eceadd;
    float: left;
    height: auto;
    margin: 2px 15px 65px 0;
    max-width: 50px;
}
#block-views-twitter2-blogg .views-row-even img,
#block-views-twitter-block-1 .views-row-even img {
    border: 3px solid #eceadd;
    float: right;
    height: auto;
    margin: 2px 0 70px 15px;
    max-width: 48px;
}
#block-views-twitter2-blogg .views-row img:hover,
#block-views-twitter-block-1 .views-row img:hover {
    border: 3px solid #dbd9cc;
    opacity: 0.85;
}
#block-views-twitter2-blogg .views-row-even,
#block-views-twitter-block-1 .views-row-even {
	background: #fdfdfd;
	border-top: 1px dashed #eceadd;
	border-bottom: 1px dashed #eceadd;
}
#block-views-twitter2-blogg .views-row-odd,
#block-views-twitter-block-1 .views-row-odd {
	
}
#block-views-twitter2-blogg .views-row,
#block-views-twitter-block-1 .views-row {
    font-size: 0.9em;
    margin-bottom: 10px;
    padding: 15px 10px;
    min-height: 85px;
}

body.section-blog img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

input#edit-preview,
#edit-comment-body-und-0-format,
.comments .comment .submitted .permalink { display: none; }

#comment-form input.form-text {
	background: #f8f5ef;
    border: medium none;
    color: #333333;
    width: 300px;
    padding: 8px 12px;
    border: 1px solid #ECEADD;
}
.form-textarea-wrapper textarea {
	background: #f8f5ef;
    border: medium none;
    color: #333333;
    width: 325px;
    padding: 8px 12px;
    border: 1px solid #ECEADD;
}
#comment-form input.form-text:hover,
.form-textarea-wrapper textarea:hover,
#comment-form input.form-text:focus,
.form-textarea-wrapper textarea:focus {
	 background: #fdfbf7;
	 border: 1px solid #dbd9cc;
 }
.grippie {display: none;}
input#edit-submit {
	font-size: 1.2em;
	border: 0;
}

input#edit-submit {
	color: #795738;
	text-transform: uppercase;
	font-size: 1em;
	text-decoration: none;
	background-position: 0 -540px;
	padding: 7px 30px 5px;
	margin-top: 10px;
	display: inline-block;
	text-shadow: 1px 1px 0 #f8f6f1;
	-webkit-border-radius: 3px; 
	        border-radius: 4px; 
	 -webkit-box-shadow: 0px 1px 1px 0px #cccccc; 
	         box-shadow: 0px 1px 1px 0px #cccccc;
}

input#edit-submit:hover {
	color: #452e18;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
	 -webkit-box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b; 
	         box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b;
}

.comments .comment {
	border-bottom: 1px solid #ECEADD;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.comments .comment .submitted {
	color: #9E9E9E;
    font-size: 0.85em;
    text-decoration: none;
}

h3.comment-title a {
	color: #D0A57D;
	text-decoration: none;
}
h3.comment-title {
	margin: 0;
}

.comments .comment p {
    margin: 10px 0 5px;
}



/** Navigation **/

#navigation {	
	text-align: center;
	float: right;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#navigation li a {
	color: #898784;
	text-decoration: none;
	font-size: 0.85em;
    padding: 58px 15px 58px;	
    text-transform: uppercase;
	text-shadow: 1px 1px 0px #000;
}

#navigation li {
}

#navigation ul {
	margin: 10px 0 0;
	padding: 0;
}

#navigation a.active {
	background-position: 0 -399px;
	color: #e5b78d;
}
#navigation a:hover {
	color: #c9c6c3;
}

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}


#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links /* Main menu and secondary menu links */ {
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 5px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

/** Slideshow 100% **/


#front-slideshow {
    width: 100%;
    background: #fff;
	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
}

#views_slideshow_cycle_teaser_section_frontpage_slides-block {
	margin: 0 auto;
}
.views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
.views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}


/** Staff **/

#block-views-staff-block .views-row {
	background: transparent url("../images/bg-staff.png") repeat;
	-moz-transition: all 0.2s ease-out 0s;
    float: left;
    margin: 2% 1%;
    position: relative;
    width: 23%;
    height: 310px;
    text-align: center;
    -webkit-border-radius: 3px; 
	        border-radius: 4px; 
	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
}

#block-views-staff-block .views-row img {
	height: auto;
    width: 100%;
}

#block-views-staff-block .views-field-nothing-1 { display: none; }

#block-views-staff-block h3 {
	color: #D0A57D;
    font-size: 1.05em;
    margin: 10px 0 5px;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000000;
}
#block-views-staff-block h4 {
	color: #EBEBEB;
    font-size: 0.85em;
    text-transform: uppercase;
    margin: 0 0 3px;
    line-height: 1.3;
    padding: 0;
    text-shadow: 1px 1px 0 #000000;
}

#block-views-staff-block .field-name-field-twitter a {
	color: #8D8D8D;
	text-decoration: none;
	font-size: 0.82em;
}

#block-views-staff-block .field-name-field-twitter a:hover {
	color: #EBEBEB;
}


/** Games **/

#block-views-games-block-1 .views-row {
	background: #ffffff;
	height: 345px;
    padding: 1%;
	font-size: 1em;
	margin-bottom: 40px;
	position: relative;
	text-shadow: 1px 1px 0 #000000;
	-webkit-border-radius: 3px; 
	        border-radius: 4px; 
	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
}

#block-views-games-block-1 .views-row.views-row-last {
  margin-bottom: 0;
}

body.node-type-game .field-name-body p {
    font-size: 1.15em;
    line-height: 1.6;
}

body.sidebar-second #main, .field-name-field-game-logo {
    padding: 0 0 10px;
}

#block-views-games-block-1 .views-field-title a {
	color:#d0a57d;
	text-decoration: none;
}
#block-views-games-block-1 .views-field-title a:hover,
#block-views-games-block-1 .views-field-title h3:hover {
	color:#EBEBEB;
	text-decoration: underline;
}
#block-views-games-block-1 h3 {
	color:#d0a57d;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 20px 0 10px;
}

.field-name-field-features .field-label,
.field-name-field-launch .field-label,
.field-name-field-platform .field-label {
	color: #B8916E;
	font-size: 1.1em;
	margin: 10px 0 5px;
	padding: 0;
	text-transform: uppercase;
}
#block-views-games-block-1 .views-field-field-launch {
	color: #a2a2a2;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#block-views-games-block-1 .field-name-field-platform .field-items {
	display: inline-block;
    width: 100%;
}
#block-views-games-block-1 .field-name-field-platform .field-item,
.field-name-field-platform .field-item {
	float: left;
	margin-right: 10px;
}
#block-views-games-block-1 .views-field-field-body {
	color: #a3a3a3;
	line-height: 1.3;
	font-size: 0.9em;
}
#block-views-games-block-1 .views-field-field-main-image {
	float: left;
	width: 61%;
}

#block-views-games-block-1 .views-field-nothing {
	background: transparent url("../images/bg-staff.png") repeat;
	display: block;
    float: right;
    height: 326px;
    max-height: 326px;
    padding: 8px 40px;
    width: 295px;
}
.field-name-field-features {
	width: 53%;
	float: left;
	font-size: 1.1em;
}
.node-game .field-name-field-launch {
	display: inline-block;
	margin-bottom: 30px;
}
.node-game .field-name-field-launch .field-item { 
	font-size: 1.1em;
}

#block-views-games-blocks-block h3 {
	color:#756557;
	font-size: 3.1em;
	text-transform: uppercase;
	margin: 10px 0 40px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

#block-views-games-blocks-block .view-games-blocks {
	background: transparent url("../images/line.jpg") no-repeat center bottom;
	display: block;
    height: 335px;
    margin: 0;
    max-height: 335px;
    padding: 0 0 50px;
}

#block-views-games-media-block-block .views-field-field-film {
	background: transparent url("../images/line.jpg") no-repeat center bottom;
	display: block;
    margin: 30px 0 30px;
    padding: 0 0 30px;
}

#block-views-games-blocks-block .views-field-field-buynow {
	float: left;
	width: 550px;
	margin-right: 50px;
}
#block-views-games-blocks-block .views-field-field-stores {
	float: left;
    margin-top: 17px;
    width: 350px;
}
#block-views-games-blocks-block .views-field-field-stores a {
	color: #646464;
	font-size: 1.3em;
}
#block-views-games-blocks-block .views-field-field-stores .field-item {	
	margin-bottom: 20px;
}
.views-field-field-stores .steam a {
	background: transparent url("../images/icon-steam.png") no-repeat;
	padding: 10px 0 10px 50px;
}
.views-field-field-stores .gamersgate a {
	background: transparent url("../images/icon-gamersgate.png") no-repeat;
	padding: 10px 0 10px 50px;
}
.views-field-field-stores .desura {
	background: transparent url("../images/icon-desura.png") no-repeat;
	padding: 10px 0 10px 50px;
}
.views-field-field-stores .gamefly a {
	background: transparent url("../images/icon-gamefly.png") no-repeat;
	padding: 10px 0 10px 50px;
}
.views-field-field-stores .greenman a {
	background: transparent url("../images/icon-greenman.png") no-repeat;
	padding: 10px 0 10px 50px;
}
#block-views-games-blocks-block .views-field-field-stores a:hover {
	color: #B8916E;
}

.media-youtube-video iframe {
	width: 1000px;
	height: 563px;
}

#block-views-games-media-block-block #field-slideshow-1-wrapper {
	position: relative;
	max-width: 1000px;
	height: auto;
}

#block-views-games-media-block-block #field-slideshow-1-controls {
	position: relative;
	z-index: 100;
	bottom: 290px;
}
#block-views-games-media-block-block #field-slideshow-1-controls a.prev,
#block-views-games-media-block-block #field-slideshow-1-controls a.next {
	display: block;
	width: 30px;
	height: 34px;
	text-indent: -999999px;
	position: absolute;
	cursor: pointer;
}
#block-views-games-media-block-block #field-slideshow-1-controls a.next {
	right: 0;
	background-position: 0 -335px;
}
#block-views-games-media-block-block #field-slideshow-1-controls a.next:hover {
	right: 0;
	background-position: 0 -375px;
}
#block-views-games-media-block-block #field-slideshow-1-controls a.prev {
	left: 0;
	background-position: -2px -414px;
}
#block-views-games-media-block-block #field-slideshow-1-controls a.prev:hover {
	left: 0;
	background-position: -2px -454px;
}
#block-views-games-media-block-block #field-slideshow-1-pager {
	margin: 13px 0 0;
	padding: 0;
}
#block-views-games-media-block-block #field-slideshow-1-pager li {
	list-style:none;
	margin-right: 12px;
}
#block-views-games-media-block-block #field-slideshow-1-pager li.last {
	margin-right: 0;
}
#block-views-games-media-block-block #field-slideshow-1-pager li a:hover{
	opacity: 0.7;
}


/** Footer **/

.region-bottom { 
	background-position: 0 -211px;
	color: #8d8d8d;
	padding: 10px 40px 10px 40px;
	margin-top: 60px;
	height: 170px;
	text-shadow: 1px 1px 0 #000000;
	line-height: 1.45;
}

.region-bottom a {
    color: #8D8D8D;
    text-decoration: none;
}

.region-bottom a:hover {
    color: #EBEBEB;
    text-decoration: none;
}

.region-bottom #block-block-3 .footer-left,
.region-bottom #block-block-3 .footer-menu,
.region-bottom #block-block-3 .footer-right { 
    padding: 0 10px;
    position: relative;
}

.region-bottom #block-block-3 .footer-left { 
	float: left;
}

.region-bottom #block-block-3 .footer-right { 
	float: right;
}

.region-bottom #block-block-3 p { 
	font-size: 0.85em;
	margin: 0;
}

.region-bottom #block-block-3 h3 {
	color: #ebebeb;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 0.95em;
}

.region-bottom .footer-menu ul {
	padding: 0;
	margin: 0;
	font-size: 0.85em;
}

.region-bottom .footer-menu ul li {
	float: left;
	margin: 55px 0 0 10px;
	list-style: none;
	margin-right: 20px;
}
.region-bottom .footer-menu ul li a {
	margin: 0px;
	text-decoration: none;
}

.region-bottom #block-block-1 { 
	font-size: 0.8em;
	color: #666564;
	margin: auto;
    max-width: 960px;
    text-align: center;
}
.region-bottom #block-block-1 a { 
	color: #666564;
}
.region-bottom #block-block-1 a:hover { 
	color: #8D8D8D;
}

.footer-right h3 {
	text-align: right;
}

.footer-right ul {
	margin: 0;
	padding: 0;
}

.footer-right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	margin-left: 15px;
	margin-top: 10px;
}

.footer-right .facebook a,
.footer-right .twitter a,
.footer-right .forum a,
.footer-right .rss a {
	background-image: url("../images/bg-v.png");
	background-repeat: no-repeat;
	width: 26px;
	height: 26px;
	display: block;
	text-indent: -99999px;
	-webkit-transition: none;
     -moz-transition: none; 
       -o-transition: none;
          transition: none;
}

.footer-right .facebook a {
	background-position: 0 0;
}
.footer-right .facebook a:hover {
	background-position: 0 -25px;
}
.footer-right .twitter a {
	background-position: 0 -50px;
}
.footer-right .twitter a:hover {
	background-position: 0 -75px;
}
.footer-right .forum a {
	background-position: 0 -490px;
}
.footer-right .forum a:hover {
	background-position: 0 -516px;
}
.footer-right .rss a {
	background-position: 0 -100px;
}
.footer-right .rss a:hover {
	background-position: 0 -125px;
}

/** Node **/

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}

/** Random **/

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#views-form-staff-page-1 table { margin: 0 auto; width: 300px; }
#views-form-staff-page-1 #edit-actions { text-align: center; }

/*
 * Header
 */

#header {
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}



/*
 * Content
 */
 
#block-block-2,
#block-views-blog-puff-block,
#block-views-twitter-block,
#block-views-twitter2-front {
	background: #ffffff;
	border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px 0 #C1C0B5;
    float: left;
    font-size: 1.1em;
    height: 220px;
    padding: 2% 3% 3%;
    position: relative;
    text-align: center;
    width: 26%;
}
#block-views-blog-puff-block {
	margin: 0 2%;
}

#block-block-2 p.button,
#block-views-blog-puff-block p.button {
	bottom: 10px;
    left: 48px;
    position: absolute;
}
#block-block-2 p {
	margin-top: 29px;
}
.block h2.block-title {
	color: #d0a57d;
	font-size: 0.9em;
	text-transform: uppercase;
	border-bottom: 1px solid #eceadd; 
	margin: 5px 0;
	padding: 0 0 5px;
}
#block-views-twitter-block .views-row-1,
#block-views-twitter2-front .views-row-1 {
	background: transparent url("../images/icon-twitter.png") no-repeat center bottom;
	margin-top: 28px;
    padding: 0 0 48px;
}
#block-views-twitter-block .views-field-php,
#block-views-twitter2-front .views-field-nothing-1 {
	margin: 20px 0 5px;
}
#block-views-twitter-block .views-field-timestamp,
#block-views-twitter2-front .views-field-created-time {
	font-size: 0.8em;
}
p.button a,
.view-blog-puff .views-field-nothing span.field-content a {
	color: #795738;
	text-transform: uppercase;
	font-size: 0.75em;
	text-decoration: none;
	background-position: 0 -540px;
	padding: 7px 30px 5px;
	margin-top: 10px;
	display: inline-block;
	text-shadow: 1px 1px 0 #f8f6f1;
	-webkit-border-radius: 3px; 
	        border-radius: 4px; 
  -webkit-box-shadow: 0px 1px 1px 0px #cccccc; 
          box-shadow: 0px 1px 1px 0px #cccccc;
}

p.button a:hover,
.view-blog-puff .views-field-nothing span.field-content a:hover {
	color: #452e18;
	text-transform: uppercase;
	font-size: 0.75em;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
	 -webkit-box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b; 
	         box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b;
}

#block-views-blog-puff-block .views-field-created {
	width: 100%;
	color: #d0a57d;
	border-bottom: 1px dashed #d0d0d0;
	font-size: 0.8em;
	margin-bottom: 10px;
	padding-bottom: 10px
}

#block-views-blog-puff-block .views-field-title a {
	color: #646464;
	text-decoration: none;
}

#block-views-blog-puff-block .views-field-title a:hover {
	color: #646464;
	text-decoration: underline;
}

#block-views-blog-puff-block .field-content h3 {
	font-size: 1.1em;
    line-height: 1.2;
    margin: 30px 0 10px;
}
#block-views-blog-puff-block .views-field-body .field-content {
	font-size: 0.8em;
	display: none;
}

.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}


/** Views **/

.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}


/* =============================================================================
   Media Queries
   ========================================================================== */


/* MAIN MENU */
#nav { /* padding: 40px 0; margin-top: -20px;*/ }
#nav ul.responsive-navigation-main-menu { font-family: "Helvetica Neue",Helvetica, sans-serif; display: block; padding: 0; }
#nav ul.responsive-navigation-main-menu li { float: left; padding: 0; d_isplay:block; list-style-type: none; list-style-image: none; text-transform: uppercase;}
#nav .menu-218 { display: none; }
/*
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. *
  float: left; /* LTR *
  padding: 0 5px 0 0; /* LTR *
  list-style-type: none;
  list-style-image: none;
}
*/
/*
#nav ul.responsive-navigation-main-menu li a {color: #666666;}
#nav ul.responsive-navigation-main-menu li a:hover {border-bottom: 2px solid #f79b2e; color: #000000; }
#nav ul.responsive-navigation-main-menu li a.active:hover {border-bottom: 2px solid #e1358d; }
#nav ul.responsive-navigation-main-menu li a.active {border-bottom: 2px solid #e1358d; color: #000000;}
*/
/* RESPONSIVE MENU */

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 35px;
  height: 32px;
  right: 0;
  top: 0;
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  background: #333 url("../images/hamburger.png") no-repeat;
  margin: 30px 15px;
}
#nav-toggle:hover {
  background-color: #222;
  opacity: 0.8;
}

@media screen and (min-width: 785px) {
  .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
  
}
@media screen and (max-width: 784px) {
  #nav.opened {
  	max-height: 9999px !important;
  	background: transparent !important;
  }
  #nav.opened .menu-218 { display: list-item; }
  #nav ul.responsive-navigation-main-menu {
  	margin: 0 !important;
  	color: #fff !important;
  	text-align: center;
  	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  	height: 100% !important;
  	font-size: 1.1em !important;
  }
  #nav ul.responsive-navigation-main-menu a {
    color: #898784 !important;
  	text-decoration: none;
  	width: 100%;
  	background: #000000;
  	border-bottom: 1px solid #444;
  	padding: 0.8em 0;
  	float: left;
  }
  #nav ul.responsive-navigation-main-menu a:hover {
	  border-bottom: 1px solid #444 !important;
	  color: #fff !important;
	  background: #181818 !important;
  }
  #nav ul.responsive-navigation-main-menu a.active,
  #nav ul.responsive-navigation-main-menu a.active:hover {
    color: #e5b78d !important;
  	border-bottom: 1px solid #444 !important;
  	background: #282828 !important;
  	
  }
  #nav ul.responsive-navigation-main-menu li {
    display: block;
    margin: 0 !important;
    width: 100%;
  }
  
  #navigation {
      text-align: center;
      width: 100%;
      margin: 22px 0 0;
      padding: 0 !important;
  }
  #navigation ul {
  	margin: 0;
  }
 
}


@media only screen  and (max-width : 920px) {
  
  body.front #main #content {
      padding: 20px 0 20px;
  }
  #header {
  	background-position: 0 0;
  	width: 100%;
  	padding: 38px 10px 55px;
  }
  
  #header #logo {
  	padding: 0 0 0 10px;
  }
  
  #navigation {	
  	text-align: center;
  	float: right;
  }
 
  body.node-type-page .node-page {
    margin-bottom: 25px;
  }
  #block-block-2,
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px 0 #C1C0B5;
    float: left;
    font-size: 1em;
    height: 220px;
    padding: 2% 4% 3%;
    position: relative;
    text-align: center;
    width: 24%;
  }
  #block-views-blog-puff-block {
    margin: 0 2%;
  }
  #block-block-2 p.button,
  #block-views-blog-puff-block p.button {
    bottom: 10px;
    left: 38px;
    position: absolute;
  }
  p.button span.readmore {
      background: url("../images/bg-v.png") no-repeat scroll 123px -153px transparent;
      height: 20px;
      padding: 3px 26px 4px 0;
      width: 29px;
  }
  p.button span.readblog {
      background: url("../images/bg-v.png") no-repeat scroll 130px -153px transparent;
      padding: 3px 26px 4px 0;
  }
  p.button a, .view-blog-puff .views-field-nothing span.field-content a {
      padding: 7px 25px 5px;
  }
  .block h2.block-title {
  	color: #d0a57d;
  	font-size: 1.1em;
  	text-transform: uppercase;
  	border-bottom: 1px solid #eceadd; 
  	margin: 5px 0;
  	padding: 0 0 5px;
  }
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #ECEADD;
      font-size: 6.3em;
      line-height: 0.9;
      padding: 40px 30px 30px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 40px 50px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 1.1em;
      line-height: 1.6;
  }
  #block-views-staff-block .views-row {
  	background: transparent url("../images/bg-staff.png") repeat;
  	-moz-transition: all 0.2s ease-out 0s;
      float: left;
      margin: 2% 1%;
      position: relative;
      width: 23%;
      height: 290px;
      text-align: center; 
  }
  #block-views-staff-block .views-row img {
  	height: auto;
      width: 100%;
  }
  #block-views-staff-block h3 {
  	color: #D0A57D;
      font-size: 1.05em;
      margin: 10px 0 5px;
      padding: 0;
      text-transform: uppercase;
      text-shadow: 1px 1px 0 #000000;
  }
  #block-views-staff-block h4 {
  	color: #EBEBEB;
      font-size: 0.85em;
      text-transform: uppercase;
      margin: 0 0 5px;
      line-height: 1.3;
      padding: 0;
      text-shadow: 1px 1px 0 #000000;
  }
  #block-views-staff-block .field-name-field-twitter a {
  	color: #8D8D8D;
  	text-decoration: none;
  	font-size: 0.82em;
  }
  #block-views-staff-block .field-name-field-twitter a:hover {
  	color: #EBEBEB;
  }
  #block-views-games-block-1 .views-row {
  	background: #ffffff;
  	height: 270px;
      padding: 1%;
  	font-size: 1em;
  	position: relative;
  	text-shadow: 1px 1px 0 #000000;
  	-webkit-border-radius: 3px; 
  	        border-radius: 4px; 
  	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
  	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
  }
  
  body.node-type-game .field-name-body p {
      font-size: 1.15em;
      line-height: 1.6;
  }
  
  body.sidebar-second #main, .field-name-field-game-logo {
      padding: 0 0 10px;
  }
  
  #block-views-games-block-1 .views-field-title a {
  	color:#d0a57d;
  	text-decoration: none;
  }
  #block-views-games-block-1 .views-field-title a:hover,
  #block-views-games-block-1 .views-field-title h3:hover {
  	color:#EBEBEB;
  	text-decoration: underline;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 1.7em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  
  .field-name-field-features .field-label,
  .field-name-field-launch .field-label,
  .field-name-field-platform .field-label {
  	color: #B8916E;
  	font-size: 1.1em;
  	margin: 10px 0 5px;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: normal;
  	font-style: normal;
  }
  #block-views-games-block-1 .views-field-field-launch {
  	color: #a2a2a2;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-bottom: 20px;
  }
  #block-views-games-block-1 .field-name-field-platform .field-items {
  	display: inline-block;
      width: 100%;
  }
  #block-views-games-block-1 .field-name-field-platform .field-item,
  .field-name-field-platform .field-item {
  	float: left;
  	margin-right: 10px;
  }
  #block-views-games-block-1 .views-field-field-body {
  	display: none;
  }
  #block-views-games-block-1 .views-field-field-main-image {
  	float: left;
  	max-width: 58%;
  	margin-right: 10px;
  }
  
  #block-views-games-block-1 .views-field-nothing {
  	background: transparent url("../images/bg-staff.png") repeat;
  	display: block;
      float: left;
      max-height: 251px;
      padding: 8px 40px;
      max-width: 30%;
  }
  .region-bottom {
      margin-top: 40px;
  }

}

/***********/

@media only screen  and (max-width : 784px) {

  #header {
  	width: 100%;
  	padding: 25px 0 0 !important;
  }
  
  #navigation {
      text-align: center;
      width: 100%;
      margin: 22px 0 0;
      padding: 0 !important;
  }
  body.node-type-page .node-page {
      margin-bottom: 25px;
  }
  #block-block-2,
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
    background: #fff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px 0 #C1C0B5;
    float: left;
    font-size: 1em;
    height: 220px;
    padding: 2% 3% 3%;
    position: relative;
    text-align: center;
    width: 26%;
  }
  #block-views-blog-puff-block {
      margin: 0 2%;
  }
  #block-block-2 p.button,
  #block-views-blog-puff-block p.button {
  	bottom: 0;
      left: 28px;
      position: absolute;
  }
  p.button span.readmore {
      background: url("../images/bg-v.png") no-repeat scroll 123px -153px transparent;
      height: 20px;
      padding: 3px 26px 4px 0;
      width: 29px;
  }
  p.button span.readblog {
      background: url("../images/bg-v.png") no-repeat scroll 130px -153px transparent;
      padding: 3px 26px 4px 0;
  }
  p.button a, 
  .view-blog-puff .views-field-nothing span.field-content a {
      padding: 7px 14px 5px;
  }
  .block h2.block-title {
  	color: #d0a57d;
  	font-size: 1.1em;
  	text-transform: uppercase;
  	border-bottom: 1px solid #eceadd; 
  	margin: 5px 0;
  	padding: 0 0 5px;
  }
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #ECEADD;
      font-size: 5.6em;
      line-height: 0.9;
      padding: 40px 30px 30px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 40px 50px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 1.05em;
      line-height: 1.6;
      margin: 10px 0 10px;
  }
  #block-views-staff-block .views-row {
      float: left;
      margin: 1% 1%;
      position: relative;
      width: 31%;
      height: 320px;
      text-align: center; 
  }
  #block-views-staff-block .views-row img {
  	height: auto;
      width: 100%;
  }
  #block-views-staff-block h3 {
  	color: #D0A57D;
      font-size: 1.05em;
      margin: 10px 0 5px;
      padding: 0;
      text-transform: uppercase;
      text-shadow: 1px 1px 0 #000000;
  }
  #block-views-staff-block h4 {
  	color: #EBEBEB;
      font-size: 0.85em;
      text-transform: uppercase;
      margin: 0 0 5px;
      line-height: 1.3;
      padding: 0;
      text-shadow: 1px 1px 0 #000000;
  }
  #block-views-staff-block .field-name-field-twitter a {
  	color: #8D8D8D;
  	text-decoration: none;
  	font-size: 0.82em;
  }
  #block-views-staff-block .field-name-field-twitter a:hover {
  	color: #EBEBEB;
  }
  #block-views-games-block-1 .views-row {
  	background: #ffffff;
  	height: 241px;
      padding: 1%;
  	font-size: 1em;
  	position: relative;
  	text-shadow: 1px 1px 0 #000000;
  	-webkit-border-radius: 3px; 
  	        border-radius: 4px; 
  	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
  	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
  }
  
  body.node-type-game .field-name-body p {
      font-size: 1.15em;
      line-height: 1.6;
  }
  
  body.sidebar-second #main, .field-name-field-game-logo {
      padding: 0 0 10px;
  }
  
  #block-views-games-block-1 .views-field-title a {
  	color:#d0a57d;
  	text-decoration: none;
  }
  #block-views-games-block-1 .views-field-title a:hover,
  #block-views-games-block-1 .views-field-title h3:hover {
  	color:#EBEBEB;
  	text-decoration: underline;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 1.7em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  
  .field-name-field-features .field-label,
  .field-name-field-launch .field-label,
  .field-name-field-platform .field-label {
  	color: #B8916E;
  	font-size: 1.1em;
  	margin: 10px 0 5px;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: normal;
  	font-style: normal;
  }
  #block-views-games-block-1 .views-field-field-launch {
  	color: #a2a2a2;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-bottom: 20px;
  }
  #block-views-games-block-1 .field-name-field-platform .field-items {
  	display: inline-block;
      width: 100%;
  }
  #block-views-games-block-1 .field-name-field-platform .field-item,
  .field-name-field-platform .field-item {
  	float: left;
  	margin-right: 10px;
  }
  #block-views-games-block-1 .views-field-field-body {
  	display: none;
  }
  #block-views-games-block-1 .views-field-field-main-image {
  	float: left;
  	max-width: 56%;
  	margin-right: 17px;
  }
  #block-views-games-block-1 .views-field-nothing {
  	background: transparent url("../images/bg-staff.png") repeat;
  	display: block;
      float: left;
      max-height: 222px;
      padding: 8px 40px;
      max-width: 30%;
  }
  .region-bottom {
      margin-top: 40px;
  }

}

/***********/
@media only screen and (max-width : 760px) {
  #header {
  	width: 100%;
  }
  
  body.node-type-page .node-page {
      margin-bottom: 15px;
  }
  #block-block-2,
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
  	background: #ffffff;
  	border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 1px 0 #C1C0B5;
      font-size: 1.1em;
      padding: 2% 6% 3%;
      margin: 0 4% 4% 4%;
      position: relative;
      text-align: center;
      width: 80%;
  }
  #block-block-2 {
      height: 190px;
  }
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
      height: 220px;
  }
  #block-block-2 p.button,
  #block-views-blog-puff-block p.button {
  	bottom: 10px;
      left: 23%;
      position: absolute;
  }
  .block h2.block-title {
  	color: #d0a57d;
  	font-size: 1em;
  	text-transform: uppercase;
  	border-bottom: 1px solid #eceadd; 
  	margin: 5px 0;
  	padding: 0 0 5px;
  }
  p.button span.readmore {
      background: url("../images/bg-v.png") no-repeat scroll 155px -149px transparent;
      height: 20px;
      padding: 3px 30px 4px 0;
      width: 29px;
  }
  p.button span.readblog {
      background: url("../images/bg-v.png") no-repeat scroll 165px -149px transparent;
      padding: 3px 30px 4px 0;
  }
  p.button a, 
  .view-blog-puff .views-field-nothing span.field-content a {
      padding: 7px 20px 5px;
  }
  p.button a,
  .view-blog-puff .views-field-nothing span.field-content a {
  	color: #795738;
  	text-transform: uppercase;
  	font-size: 0.85em;
  	text-decoration: none;
  	background-position: 0 -540px;
  	padding: 7px 20px 5px 20px;
  	margin-top: 10px;
  	display: inline-block;
  	width: 100%;
  	text-shadow: 1px 1px 0 #f8f6f1;
  	-webkit-border-radius: 3px; 
  	        border-radius: 4px; 
  	 -webkit-box-shadow: 0px 1px 1px 0px #cccccc; 
  	         box-shadow: 0px 1px 1px 0px #cccccc;
  }
  p.button a:hover,
  .view-blog-puff .views-field-nothing span.field-content a:hover {
  	color: #452e18;
  	text-transform: uppercase;
  	font-size: 0.85em;
  	text-decoration: none;
  	margin-top: 10px;
  	display: inline-block;
  	 -webkit-box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b; 
  	         box-shadow: 0px 1px 1px 0px #cccccc, inset 0px 1px 1px 0px #aea59b;
  }
  body.page-node-2 h2, 
  body.page-node-28 h2, 
  body.node-type-game .field-name-body h2 {
      /*font-size: 3.1em;
      line-height: 1;
      margin: 20px 0 10px;
      padding: 0 0 30px;*/
  }
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #ECEADD;
      font-size: 4em;
      line-height: 0.9;
      padding: 30px 30px 25px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 40px 50px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 1em;
      line-height: 1.7;
      margin: 0;
  }
  #block-views-staff-block .views-row {
      float: left;
      margin: 1% 1%;
      position: relative;
      width: 31%;
      height: 308px;
      text-align: center; 
  }
  #block-views-games-block-1 .views-row {
  	background: #ffffff;
  	height: 208px;
      padding: 1%;
  	font-size: 1em;
  	position: relative;
  	text-shadow: 1px 1px 0 #000000;
  	-webkit-border-radius: 3px; 
  	        border-radius: 4px; 
  	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
  	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
  }
  
  body.node-type-game .field-name-body p {
      font-size: 1.15em;
      line-height: 1.6;
  }
  
  body.sidebar-second #main, .field-name-field-game-logo {
      padding: 0 0 10px;
  }
  
  #block-views-games-block-1 .views-field-title a {
  	color:#d0a57d;
  	text-decoration: none;
  }
  #block-views-games-block-1 .views-field-title a:hover,
  #block-views-games-block-1 .views-field-title h3:hover {
  	color:#EBEBEB;
  	text-decoration: underline;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 1.3em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  
  .field-name-field-features .field-label,
  .field-name-field-launch .field-label,
  .field-name-field-platform .field-label {
  	color: #B8916E;
  	font-size: 1.1em;
  	margin: 10px 0 5px;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: normal;
  	font-style: normal;
  }
  #block-views-games-block-1 .views-field-field-launch {
  	color: #a2a2a2;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-bottom: 20px;
  	font-size: 0.85em;
  }
  #block-views-games-block-1 .field-name-field-platform .field-items {
  	display: inline-block;
      width: 100%;
  }
  #block-views-games-block-1 .field-name-field-platform .field-item,
  .field-name-field-platform .field-item {
  	float: left;
  	margin-right: 10px;
  }
  #block-views-games-block-1 .views-field-field-body {
  	display: none;
  }
  #block-views-games-block-1 .views-field-field-main-image {
  	float: left;
  	width: 760px;
  	margin: 0;
  }
  #block-views-games-block-1 .views-field-nothing {
  	background: transparent url("../images/bg-staff.png") repeat;
  	display: block;
      float: left;
      max-height: 190px;
      padding: 8px 40px;
      max-width: 30%;
  }
  .views-field-nothing span.field-content a {
      width: 140px;
      margin: 0;
}

}

/***********/
@media only screen and (max-width : 670px) {

  #header {
  	width: 100%;
  }
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #ECEADD;
      font-size: 4em;
      line-height: 0.9;
      padding: 30px 30px 25px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 40px 50px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 0.95em;
      line-height: 1.6;
      margin: 0;
  }
  #block-views-staff-block .views-row {
      float: left;
      height: 338px;
      margin: 1% 2% 3%;
      position: relative;
      text-align: center;
      width: 46%; 
  }
  #block-views-games-block-1 .views-row {
  	background: #ffffff;
  	height: 172px;
      padding: 1%;
  	font-size: 1em;
  	position: relative;
  	text-shadow: 1px 1px 0 #000000;
  	-webkit-border-radius: 3px; 
  	        border-radius: 4px; 
  	 -webkit-box-shadow: 0px 1px 1px 0px #c1c0b5; 
  	         box-shadow: 0px 1px 1px 0px #c1c0b5; 
  }
  
  body.node-type-game .field-name-body p {
      font-size: 1.15em;
      line-height: 1.6;
  }
  
  body.sidebar-second #main, .field-name-field-game-logo {
      padding: 0 0 10px;
  }
  
  #block-views-games-block-1 .views-field-title a {
  	color:#d0a57d;
  	text-decoration: none;
  }
  #block-views-games-block-1 .views-field-title a:hover,
  #block-views-games-block-1 .views-field-title h3:hover {
  	color:#EBEBEB;
  	text-decoration: underline;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 1.2em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  .field-name-field-features .field-label,
  .field-name-field-launch .field-label,
  .field-name-field-platform .field-label {
  	color: #B8916E;
  	font-size: 1.1em;
  	margin: 10px 0 5px;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: normal;
  	font-style: normal;
  }
  #block-views-games-block-1 .views-field-field-launch {
  	color: #a2a2a2;
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	margin-bottom: 20px;
  	font-size: 0.85em;
  }
  #block-views-games-block-1 .field-name-field-platform .field-items {
  	display: inline-block;
      width: 100%;
  }
  #block-views-games-block-1 .field-name-field-platform .field-item,
  .field-name-field-platform .field-item {
  	float: left;
  	margin-right: 10px;
  }
  #block-views-games-block-1 .views-field-field-body {
  	display: none;
  }
  #block-views-games-block-1 .views-field-field-main-image {
  	float: left;
  	width: 670px;
  	margin: 0;
  }
  #block-views-games-block-1 .views-field-nothing {
  	background: transparent url("../images/bg-staff.png") repeat;
  	display: block;
      float: left;
      max-height: 155px;
      padding: 8px 37px;
      max-width: 30%;
  }
  #block-views-games-block-1 .field-name-field-platform {
  	display: none;
  }
  .views-field-nothing span.field-content a {
      width: 140px;
      margin: 0;
  }
  
}


/* ----------- */

@media only screen and (min-width: 320px) and (max-width: 480px) {

  body.front #main #content {
      padding: 5px 0 20px;
  }
  #header {
  	width: 100%;
  }
  #header #logo img {
     width: 200px;
     height: auto;
     padding-left: 10px;
  }
  #header #logo {
  	
  }
  #nav-toggle {
  margin: 25px 15px;
  }
  body.node-type-page .node-page {
      margin-bottom: 15px;
  }
  #block-block-2,
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
  	background: #ffffff;
  	border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 1px 0 #C1C0B5;
      font-size: 1em;
      padding: 10px 20px;
      margin: 0 15px 20px;
      position: relative;
      text-align: center;
      width: 82%;
  }
  #block-block-2 {
      height: 190px;
  }
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
      height: 220px;
  }
  #block-block-2 p.button,
  #block-views-blog-puff-block p.button {
  	bottom: 10px;
      left: 67px;
      position: absolute;
  }
  .block h2.block-title {
  	color: #d0a57d;
  	font-size: 1em;
  	text-transform: uppercase;
  	border-bottom: 1px solid #eceadd; 
  	margin: 5px 0;
  	padding: 0 0 5px;
  }
  p.button span.readblog,
  p.button span.readmore {
      background: none;
      padding: 0;
  }
  p.button a,
  .view-blog-puff .views-field-nothing span.field-content a {
  	color: #795738;
  	text-transform: uppercase;
  	font-size: 0.85em;
  	text-decoration: none;
  	background-position: 0 -540px;
  	padding: 7px 20px 5px 20px;
  	margin-top: 10px;
  	display: inline-block;
  	width: 100%;
  	text-shadow: 1px 1px 0 #f8f6f1;
    -webkit-border-radius: 3px; 
            border-radius: 4px; 
    -webkit-box-shadow: 0px 1px 1px 0px #cccccc; 
            box-shadow: 0px 1px 1px 0px #cccccc;
  }
  body.page-node-2 h2, 
  body.page-node-28 h2, 
  body.node-type-game .field-name-body h2 {
      font-size: 3.1em;
      line-height: 1;
      margin: 20px 0 10px;
      padding: 0 0 30px;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body, 
  body.node-type-game #main .field-name-body {
      padding: 10px 10px 20px;
  }
  
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #ECEADD;
      font-size: 2.5em;
      line-height: 0.9;
      padding: 10px 10px 20px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 20px 20px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 0.95em;
      line-height: 1.6;
      margin: 0;
  }
  #block-views-staff-block .views-row {
      float: left;
      height: 250px;
      margin: 1% 2% 2%;
      position: relative;
      text-align: center;
      width: 46%; 
  }
  #block-views-staff-block h3 {
      font-size: 0.8em;
  }
  #block-views-staff-block h4 {
      font-size: 0.75em;
      margin: 0;
  }
  #block-views-staff-block .field-name-field-twitter a {
      font-size: 0.8em;
  }
  #block-views-games-block-1 .views-row {
      background: #FFFFFF;
      border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 1px 0 #C1C0B5;
      font-size: 1em;
      height: 365px;
      padding: 1%;
      position: relative;
      text-shadow: 1px 1px 0 #000000;
  }
  #block-views-games-block-1 .views-field-field-main-image {
      float: none;
      margin: 0;
      width: 320px;
  }
  #block-views-games-block-1 .views-field-field-main-image img {
      width: 282px !important;
      max-width: 282px;
      margin: 5px;
  }
  #block-views-games-block-1 .views-field-nothing {
      padding: 10px 0 20px 20px;
      float: none;
      margin: 0 5px;
      width: 263px !important;
      max-width: 263px;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 2em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  .media-youtube-video iframe {
      height: auto;
      width: 290px;
  }
  #block-views-games-blocks-block .views-field-field-buynow,
  #block-views-games-media-block-block .field-slideshow,
  #block-views-games-media-block-block #field-slideshow-1-controls {
  	display: none !important;
  }
  .views-field-nothing span.field-content a {
      margin: 0;
      width: 170px;
  }
  #block-views-games-blocks-block .views-field-field-stores {
      width: 310px;
      margin: 0;
      padding: 0;
  }
  #block-views-games-blocks-block .views-field-field-stores .field-item {
      margin-bottom: 20px;
      margin-left: 20px;
  }
  .field-name-field-features {
      float: none;
      font-size: 1.1em;
      width: 100%;
  }
  #block-views-games-media-block-block #field-slideshow-1-pager li {
      list-style: none;
      margin: 0 0 10px;
  }
  #block-views-games-media-block-block #field-slideshow-1-pager li img {
      width: 320px;
  }
  
  .section-blog .view-blog-entries .views-field-nothing { display: none; }
    
  .region-bottom { 
  	background-position: 0 0;
  	color: #8d8d8d;
  	padding: 0 40px 10px 40px;
  	margin-top: 30px;
  	height: 185px;
  	text-shadow: 1px 1px 0 #000000;
  	line-height: 1.45;
  }
  .region-bottom a {
      color: #8D8D8D;
      text-decoration: none;
  }
  .region-bottom #block-block-3 .footer-left,
  .region-bottom #block-block-3 .footer-right { 
      padding: 0;
      position: relative;
  }
  .region-bottom #block-block-3 .footer-left { 
  	float: left;
  	text-align: center;
  	width: 100%;
  }
  .region-bottom #block-block-3 .footer-right { 
  	float: left;
  	width: 100%;
  	margin-top: 25px;
  	margin-bottom: 20px;
  }
  .region-bottom #block-block-3 p { 
  	font-size: 0.85em;
  	margin: 0;
  }
  .region-bottom #block-block-3 h3 {
  	color: #ebebeb;
  	margin-bottom: 10px;
  	text-transform: uppercase;
  	font-size: 0.95em;
  }
  .footer-right h3 { text-align: left; float: left; }
  .region-bottom #block-block-1 { display: none; }
  .footer-right ul li {
      float: right;
      margin: 10px 0 0 10px;
      padding: 0; }
  #comment-form input.form-text { width: 200px !important; }
  .form-textarea-wrapper textarea { width: 225px !important; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{

  body.front #main #content {
      padding: 5px 0 20px;
  }
  body.node-type-page .node-page {
      margin-bottom: 15px;
  }
  #block-block-2,
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
    background: #ffffff;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px 0 #c1c0b5;
    font-size: 1em;
    padding: 10px 10px;
    margin: 0 15px 20px;
    position: relative;
    text-align: center;
    width: 85%;
  }
  #block-block-2 {
      height: 190px;
  }
  #block-views-blog-puff-block,
  #block-views-twitter-block,
  #block-views-twitter2-front {
      height: 220px;
  }
  #block-block-2 p.button,
  #block-views-blog-puff-block p.button {
  	bottom: 10px;
      left: 38px;
      position: absolute;
  }
  .block h2.block-title {
  	color: #d0a57d;
  	font-size: 1em;
  	text-transform: uppercase;
  	border-bottom: 1px solid #eceadd; 
  	margin: 5px 0;
  	padding: 0 0 5px;
  }
  p.button span.readblog,
  p.button span.readmore {
      background: none;
      padding: 0;
  }
  p.button a,
  .view-blog-puff .views-field-nothing span.field-content a {
  	color: #795738;
  	text-transform: uppercase;
  	font-size: 0.85em;
  	text-decoration: none;
  	background-position: 0 -540px;
  	padding: 7px 20px 5px 20px;
  	margin-top: 10px;
  	display: inline-block;
  	width: 100%;
  	text-shadow: 1px 1px 0 #f8f6f1;
    -webkit-border-radius: 3px; 
            border-radius: 4px; 
    -webkit-box-shadow: 0px 1px 1px 0px #cccccc; 
            box-shadow: 0px 1px 1px 0px #cccccc;
  }
  body.page-node-2 h2, 
  body.page-node-28 h2, 
  body.node-type-game .field-name-body h2 {
    font-size: 3.1em;
    line-height: 1;
    margin: 20px 0 10px;
    padding: 0 0 30px;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body, 
  body.node-type-game #main .field-name-body {
    padding: 10px 10px 20px;
  }
  
  body.node-type-page h1#page-title {
      border-bottom: 1px solid #eceadd;
      font-size: 2.5em;
      line-height: 0.9;
      padding: 10px 10px 20px;
  }
  #main #content {
      margin-bottom: 25px;
      padding: 20px 0;
  }
  body.node-type-page .node-page .field-name-body, 
  body.sidebar-second #main .field-name-body,
  #main .node-game {
      padding: 20px 20px 0;
  }
  body.page-node-2 .node-page .field-name-body p,
  body.page-node-28 .node-page .field-name-body p,
  body.page-node-27 .node-game .field-name-body p {
      font-size: 0.95em;
      line-height: 1.6;
      margin: 0;
  }
  #block-views-staff-block .views-row {
      float: left;
      height: 230px;
      margin: 1% 2% 2%;
      position: relative;
      text-align: center;
      width: 46%; 
  }
  #block-views-staff-block h3 { font-size: 0.8em; }
  #block-views-staff-block h4 { font-size: 0.75em; }
  #block-views-staff-block .field-name-field-twitter a { font-size: 0.85em; }
  #block-views-games-block-1 .views-row {
      background: #fff;
      border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 1px 0 #C1C0B5;
      font-size: 1em;
      height: 365px;
      padding: 1%;
      position: relative; 
      text-shadow: 1px 1px 0 #000;
  }
  #block-views-games-block-1 .views-field-field-main-image {
      float: none;
      margin: 0;
      width: 320px;
  }
  #block-views-games-block-1 .views-field-field-main-image img {
      width: 282px !important;
      max-width: 282px;
      margin: 5px;
  }
  #block-views-games-block-1 .views-field-nothing {
      padding: 10px 0 20px 20px;
      float: none;
      margin: 0 5px;
      width: 263px !important;
      max-width: 263px;
  }
  #block-views-games-block-1 h3 {
  	color:#d0a57d;
  	font-size: 2em;
  	text-transform: uppercase;
  	margin: 20px 0 10px;
  	font-style: normal;
  	font-weight: normal;
  }
  .media-youtube-video iframe {
      height: auto;
      width: 290px;
  }
  #block-views-games-blocks-block .views-field-field-buynow,
  #block-views-games-media-block-block .field-slideshow,
  #block-views-games-media-block-block #field-slideshow-1-controls {
  	display: none !important;
  }
  .views-field-nothing span.field-content a {
      margin: 0;
      width: 170px;
  }
  #block-views-games-blocks-block .views-field-field-stores {
      width: 310px;
      margin: 0;
      padding: 0;
  }
  #block-views-games-blocks-block .views-field-field-stores .field-item {
      margin-bottom: 20px;
      margin-left: 20px;
  }
  .field-name-field-features {
      float: none;
      font-size: 1.1em;
      width: 100%;
  }
  #block-views-games-media-block-block #field-slideshow-1-pager li {
      list-style: none;
      margin: 0 0 10px;
  }
  #block-views-games-media-block-block #field-slideshow-1-pager li img { width: 320px; }
  .region-bottom { 
  	background-position: 0 0;
  	color: #8d8d8d;
  	padding: 0 40px 10px 40px;
  	margin-top: 30px;
  	height: 185px;
  	text-shadow: 1px 1px 0 #000000;
  	line-height: 1.45;
  }
  
  .region-bottom a {
      color: #8d8d8d;
      text-decoration: none;
  }
  .region-bottom #block-block-3 .footer-left,
  .region-bottom #block-block-3 .footer-right { 
      padding: 0;
      position: relative;
  }
  .region-bottom #block-block-3 .footer-left { 
  	float: left;
  	text-align: center;
  	width: 100%;
  }
  .region-bottom #block-block-3 .footer-right { 
  	float: left;
  	width: 100%;
  	margin-top: 25px;
  	margin-bottom: 20px;
  }
  .region-bottom #block-block-3 p { 
  	font-size: 0.85em;
  	margin: 0;
  }
  .region-bottom #block-block-3 h3 {
  	color: #ebebeb;
  	margin-bottom: 10px;
  	text-transform: uppercase;
  	font-size: 0.95em;
  }
  .footer-right h3 {
  	text-align: left;
  	float: left;
  }
  .region-bottom #block-block-1 { display: none; }
  .footer-right ul li {
      float: right;
      margin: 10px 0 0 10px;
      padding: 0;
  }
  #comment-form input.form-text { width: 200px !important; }
  .form-textarea-wrapper textarea { width: 225px !important; }
}

/***********/


/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow:none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after {  content: " (" attr(title) ")"; }
  
  /*
  * Don't show links for images, or javascript/internal links
  */
  .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; /* h5bp.com/t */ }
  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;
  }
}

/** Tabs **/

ul.primary,
ul.secondary {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #bbbbbb;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap;
}

ul.primary li,
ul.secondary li {
  float: left; /* LTR */
  margin: 0.5em 3px 0;
}

ul.primary a,
ul.secondary a {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/*
 * Primary tabs
 */
ul.primary li {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: white 1px 1px 0;
  border: 1px solid #bbbbbb;
  border-bottom: 0;
  margin: 0.5em 0 0 3px; /* LTR */
}

ul.primary li.active {
  border-bottom: 1px solid white;
  margin-bottom: -1px; /* Overlap the ul's border. */
}

ul.primary a:link,
ul.primary a:visited {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 1em;
  text-align: center;
}

ul.primary a:hover,
ul.primary a:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

ul.primary a.active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -ms-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
}

/*
 * Secondary tabs
 */

ul.secondary {
  font-size: .9em;
  margin-top: -1.5em; /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}

ul.secondary a:link,
ul.secondary a:visited {
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  -ms-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  border-radius: 0.75em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: white 1px 1px 0;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

ul.secondary a.active,
ul.secondary a:active {
  text-shadow: #333333 1px 1px 0;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

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

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

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

/*
* 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 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
* 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 {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: 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 {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after { clear: both; }

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix { *zoom: 1; }

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */