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

	CSS on Sails Framework
	Title: Spry Fox
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2012

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Default Styles
		1.6 Image Replacement

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home
		3.2 Inner page
		3.3 Games
		3.4 Blog landing
		3.5 Blog details

	4. MOBILE
	5. PRINT

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


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

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

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a[href], label[for], select,
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image],
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=image]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

#accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

#accessibility-nav a:active,
#accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.ie7 .clearfix {
	zoom: 1;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/

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

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

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

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

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

/* 1.5 Default Styles
------------------------------------------------------------------------------*/

html {
	height: 100%;
}

body {
	font: 75%/1.25 Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff5e6 url('../images/common/bg-top.jpg') repeat-x left top;
	height: 100%;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #cc6633;

}

a:hover, a:active, a:focus {
	text-decoration: underline;
}


/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ie7 .ir a span,
.ie7 a.ir span {
	cursor: pointer;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.wrapper {
	height: auto;
	min-height: 100%;
	position: relative;
}

.container {
	position: relative;
	width: 946px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
	background: url('../images/common/bg-header.jpg') no-repeat center top;
	height: 176px;
	overflow: hidden;
}

#header .spry-fox {
	float: left;
	margin-top: 11px;
	width: 127px;
	height: 154px;
}

#header .spry-fox a {
	font-size: 8px;
	width: 55px;
	margin: 0 auto;
	padding-top: 50px;
	display: block;
}

#header .spry-fox span {
	background: url('../images/common/logo.png') no-repeat;
}

#header-right {
	float: right;
	padding-top: 29px;
	width: 770px;
}

#social-header {
	clear: both;
	float: right;
	width: 331px;
	padding-top: 42px;
	padding-right: 12px;
}

#social-header .social-icons {
	float: left;
	width: 76px;
	padding-top: 6px;
}

#social-header .social-icons li {
	float: left;
	padding-right: 4px;
}

#social-header .social-icons li a {
	background-image: url('../images/common/sprites.png');
	background-repeat: no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 20px;
	height: 20px;
}

#social-header .social-icons li a.fb:hover {
	background-position: -60px 0;
}

#social-header .social-icons li a.tw {
	background-position: -20px 0;
}

#social-header .social-icons li a.tw:hover {
	background-position: -80px 0;
}

#social-header .social-icons li a.rss {
	background-position: -40px 0;
}

#social-header .social-icons li a.rss:hover {
	background-position: -100px 0;
}

#social-header .searcher {
	float: right;
	width: 252px;
	height: 29px;
}

#searcher-content .searcher,
#sidebar .searcher {
	width: 252px;
	height: 29px;
}

#searcher-content .searcher fieldset,
#sidebar .searcher fieldset,
#social-header .searcher fieldset {
	background: url('../images/common/sprites.png') no-repeat 0 -20px;
	width: 252px;
	height: 29px;
}

#searcher-content .searcher input,
#sidebar .searcher input,
#social-header input {
	background: none;
	border: 0;
}

#searcher-content .search-input,
#sidebar .search-input,
#social-header .search-input {
	color: #444;
	font-size: 13px;
	width: 209px;
	border: 0;
	padding: 0 5px;
	height: 29px;
	float: left;
	line-height: 25px;
}

#searcher-content .search-submit,
#sidebar .search-submit,
#social-header .search-submit {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 33px;
	height: 28px;
}

.ie7 #searcher-content .search-submit,
.ie7 #sidebar .search-submit,
.ie7 #social-header .search-submit {
	color: transparent;
	text-transform: uppercase;
}

#searcher-content .searcher .search-submit:hover,
#sidebar .searcher .search-submit:hover,
#social-header .searcher .search-submit:hover  {
	background: url('../images/common/sprites.png') no-repeat -219px -49px;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
	float: right;
	min-width: 425px;
	height: 49px;
	overflow: hidden;
	margin-right: 5px;
	border-bottom: 1px solid #f0a961;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 2px 3px -1px #9EACB0;
	-webkit-box-shadow: 0 2px 3px -1px #9EACB0;
	box-shadow: 0 2px 3px -1px #9EACB0;
	background: #eb8b00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eb8b00), to(#e36700));
	background: -webkit-linear-gradient(#eb8b00, #e36700);
	background: -moz-linear-gradient(#eb8b00, #e36700);
	background: -ms-linear-gradient(#eb8b00, #e36700);
	background: -o-linear-gradient(#eb8b00, #e36700);
	background: linear-gradient(#eb8b00, #e36700);
	-pie-background: linear-gradient(#eb8b00, #e36700);
	position: relative;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
}

#navigation li {
	float: left;
	border-right: 1px solid #f0a83f;
	border-left: 1px solid #cd6d00;
}

#navigation li.first {
	border-left: 0;
}

#navigation li.last {
	border-right: 0;
}

#navigation a {
	color: #fff;
	display: block;
	font: 17px/51px 'DIN-BlackPLRegular', Arial, Helvetica, sans-serif;
	padding: 0 17px;
	text-shadow: 0px 1px 0px #6e3000;
}

#navigation .current_page_parent a,
#navigation .current-menu-item a {
	text-decoration: underline;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

.lay-with-sidebar {
	padding: 20px 0 380px 8px;
}

.lay-with-sidebar #content {
	float: left;
	width: 600px;
	padding: 0;
}

#content {
	padding: 30px 0 372px;
}

#content h1 {
	color: #ff8400;
	border-bottom: 1px solid #e4d0bf;
	font: 26px 'DIN-BlackPLRegular', Arial, Helvetica, sans-serif;
	width: 937px;
	padding-bottom: 9px;
	letter-spacing: -0.02em;
}

.banner {
	width: 970px;
	margin: -6px auto -5px;
}

.text,
.text p {
	color: #444;
	font-size: 13px;
	line-height: 22px;
}

.text p {
	padding-bottom: 25px;
}

.text .intro {
	color: #5b4831;
	font-size: 14px;
}

.text h2 {
	color: #603913;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 15px;
}

.text li {
	padding-bottom: 0;
}

.text ul {
	padding-bottom: 25px;
	list-style: disc;
	margin-left: 30px;
}

.text ol {
	list-style: decimal;
	padding-left: 35px;
	padding-bottom: 25px;
}

.blog-list li {
	padding-bottom: 20px;
}

.blog-list header abbr {
	background: url('../images/common/sprites.png') no-repeat -213px -159px;
	float: left;
	width: 32px;
	height: 35px;
	border-bottom: 0;
	margin-right: 14px;
}

.blog-list header abbr span {
	display: block;
	text-align: center;
}

.blog-list header abbr .day {
	color: #fff;
	font: 16px 'Arial Black', Gadget, sans-serif;
	font-weight: 900;
	line-height: 20px;
	text-shadow: -1px 1px 0 #b84009;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
}

.blog-list header abbr .month {
	font-size: 10px;
	font-weight: bold;
	color: #9b9a9a;
	text-transform: uppercase;
}

.blog-list .entry-content .text {
	padding: 8px 0;
}

.blog-list .entry-content p {
	padding-bottom: 0;
}

.blog-list .entry-content .text p {
	padding-bottom: 25px;
}

.entry-content .more {
	background: url('../images/common/more-bullet.png') no-repeat right 3px;
	font: 13px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
	color: #ff8400;
	display: block;
	width: 70px;
}

.entry-content img {
	max-width: 100%;
}

.games-list {
	padding-top: 18px;
	margin: 0 -12px 0 -6px;
}

.games-list li {
	float: left;
	width: 310px;
	min-height: 372px;
	padding: 0 11px 42px 0;
}

.games-list h2 {
	padding: 15px 0 18px 18px;
}

.games-list h2 a {
	color: #753d00;
	font: 17px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
}

.games-list .text {
	padding-left: 18px;
	width: 268px;
	min-height: 80px;
}

.games-list .text,
.games-list .text p {
	color: #5b4831;
	font-size: 12px;
	padding-bottom: 0;
	line-height: 16px;
}

.games-list footer {
	overflow: hidden;
	padding: 6px 35px 0 18px;
}

.games-list footer  .btn-visit {
	float: right;
	margin-top: 10px;
}

.games-list footer  .btn-play {
	float: left;
}

.blog-list .entry {
	border-bottom: 1px solid #e4d0bf;
	padding: 15px 0;
}

.blog-list .entry.last {
	border-bottom: 0;
	padding-bottom: 0;
}

.entry header {
	padding-bottom: 18px;
}

.entry .entry-content .text  {
	padding: 20px 0 23px;
}

.entry h2,
.entry h2 a {
	color: #ff8400;
	font-size: 22px;
	font-weight: bold;
	line-height: 18px;
}

.entry h2 {
	padding-bottom: 8px;
}

.entry h3,
.entry h4,
.entry h5,
.entry h6 {
	color: #ff8400;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 8px;
}

.entry h3 {
	font-size: 18px;
}

.entry h4 {
	font-size: 16px;
}

.entry h5 {
	font-size: 14px;
}

.entry h6 {
	font-size: 12px;
}

.entry .head-details,
.entry .head-details a {
	color: #7c8175;
	font-style: italic;
	font-size: 12px;
}

.entry .head-details .sep {
	margin: 0 4px 0 5px;
}

.entry .head-details .comments-link {
	color: #272727;
}

.entry header abbr {
	margin: 0 22px 0 0;
}

.entry-thumb,
.entry-thumb img {
	display: block;
}

.entry-thumb img {
	border: 1px solid #c0c0c0;
	-moz-box-shadow: 0 0 5px -2px #808080;
	-webkit-box-shadow: 0 0 5px -2px #808080;
	box-shadow: 0 0 5px -2px #808080;
	position: relative;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
}

.entry footer .left {
	float: left;
	width: 300px;
}

.entry footer .right {
	float: right;
	text-align: right;
	width: 265px;
}

.entry footer .btn-read-more {
	margin-right: 2px;
}

.entry .text blockquote {
	font-size: 14px;
	line-height: 21px;
	margin: 15px 0 15px 50px;
	padding: 5px 15px;
	border-left: 2px solid #E4D0BF;
	font-style: italic;
}

#blog-details .entry .entry-content .text blockquote p,
.entry .text blockquote p {
	padding: 0 20px 0 0;
}

.pagination {
	padding-top: 40px;
}

.pagination .wp-paginate .current {
	background: #753D00;
	border: 1px solid #753D00;
}

.btn {
	background: none;
	border: 0;
	display: inline-block;
	text-align: center;
}

.btn span {
	background: url('../images/common/sprites.png') no-repeat 0 0;
	cursor: pointer;
}

.btn-visit {
	background: url('../images/common/visit-bullet.png') no-repeat right 0;
	color: #e87512;
	font: 15px 'DINEngschrift', Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	height: 15px;
	display: inline-block;
	padding-right: 20px;
	line-height: 14px;
}

.btn-visit:hover {
	background-position: right -15px;
}

.btn-play {
	width: 103px;
	height: 36px;
}

.btn-play span {
	background-position: 0 -332px;
}

.btn-play:hover span {
	background-position: -104px -332px;
}

.btn-read-more {
	width: 92px;
	height: 36px;
}

.btn-read-more span {
	background-position: 0 -368px;
}

.btn-read-more:hover span {
	background-position: 0 -404px;
}

.btn-comment {
	width: 82px;
	height: 36px;
}

.btn-comment span {
	background-position: -92px -368px;
}

.btn-comment:hover span {
	background-position: -92px -404px;
}

/* Comments */

.comments header {
	padding-bottom: 5px;
	line-height: 15px;
}

.comments ul {
	background-color: #fdeed8;
	border-top: 3px solid #E4D0BF;
}

.comments ul li {
	border-bottom: 1px solid #E4D0BF;
	margin-top: 18px;
	padding: 10px 30px 15px;
	clear: both;
	line-height: 18px;
}

.comments ul li .children li {
	border-bottom: 0;
	padding: 10px 30px 0 30px;
}

.comments ul figure {
	background: #fff;
	border: 1px solid #d1d3d4;
	float: left;
	height: 60px;
	width: 60px;
	padding: 3px;
	margin-bottom: 10px;

}

.comments ul .comment-left {
	float: left;
	margin-right: 30px;
	width: 60px;
}

.comments ul li ul {
	border-top: 0;
	background: none;
}

.comment-text {
	min-height: 68px;
}

.comment-text p {
	padding-bottom: 6px;
}

.comments .reply-link {
	clear: both;
}

.comments .date {
	color: #6A6A6A;
	font-size: 10px;
	font-style: italic;
}

#respond {
	padding: 20px 0;
	clear: both;
}

#respond h3 {
	padding: 0 30px;
}

#respond small {
	font-size: 13px;
}

#commentform {
	position: relative;
	overflow: hidden;
}

#commentform li {
	margin-top: 0;
	clear: both;
	border-bottom: 0;
}

.logged-in-as {
	float: right;
	padding: 3px 30px 0 0;
}

#commentform textarea {
	border: 1px solid #E4D0BF;
	padding: 10px;
	width: 520px;
	height: 90px;
	clear: both;
}

#commentform input {
	border: 1px solid #E4D0BF;
}

#commentform .form-submit {
	padding: 0 30px;
}

#commentform .form-submit input {
	float: right;
	color: #fff;
	font: 14px/18px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
	padding: 0 10px;
	height: 34px;
	background-color: #ff6c0f;
	border: 1px solid #fcaf7e;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	position: relative;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
}

#commentform li label {
	float: left;
	width: 50px;
}

#commentform li input {
	float: left;
	padding: 2px 5px 3px;
	width: 180px;
}

#commentform .comment-form-cookies-consent {
	clear: both;
	padding: 15px 25px;
}

/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	background: url('../images/common/sidebar-bg-t.png') repeat-y right bottom;
	margin: 7px -8px 0 0;
	float: right;
	width: 320px;
}

.sidebar-wrap {
	background: url('../images/common/sidebar-t.png') no-repeat right top;
	width: 257px;
	float: right;
	padding: 16px 10px 0 28px;
}

.sidebar-bottom {
	background: url('../images/common/sidebar-bottom-t.png') no-repeat right bottom;
	width: 295px;
	height: 7px;
	float: right;
	clear: both;
}

#sidebar section {
	margin-bottom: 8px;
}

#sidebar section h2 {
	color: #ff8400;
	font: 22px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
}

a.btn-subscribe {
	color: #f19106;
	font: 19px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
	width: 235px;
	height: 45px;
	display: block;
	background-color: #fff;
	border: 1px solid #e5d8c4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 44px;
	padding: 0 0 0 18px;
	position: relative;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
	text-decoration: none;
}

.btn-subscribe span {
	background: url('../images/common/sprites.png') no-repeat 0 -153px;
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-left: 10px;
}

.social-feeds {
	position: relative;
}

.social-feeds h2 {
	padding-bottom: 27px;
}

.social-feeds .tabs {
	position: absolute;
	left: -59px;
	width: 59px;
	height: 113px;
	top: 0;
}

.ie7 .social-feeds .tabs {
	left: -118px;
}

.social-feeds .tabs li,
.social-feeds .tabs li a {
	width: 59px;
	height: 53px;
}

.social-feeds .tabs li {

}

.social-feeds .tabs li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	right: -10px;
}

.social-feeds .tabs li a.current {
	right: -1px;
	position: absolute;
	z-index: 3;
}

.social-feeds .tabs li a.tw span {
	background-position: -211px -340px;
}

.social-feeds .tabs li a.fb {
	height: 57px;
}

.social-feeds .tabs li a.fb span {
	background-position: -211px -393px;
}

.social-feeds .tab-panes {
	width: 222px;
	min-height: 110px;
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 18px 13px 0 19px;
	position: relative;
	z-index: 2;
	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc);
}

.social-feeds .feeds p{
	font-size: 12px;
	color: #333;
	line-height: 18px;
}

.social-feeds .feeds a {
	color: #753D00;
}

.social-feeds .feeds .time-meta a,
.social-feeds .feeds .fb-date a{
	color: #999;
	font-size: 10px;
}

.social-feeds .feeds li,
.social-feeds .feeds .fb-feed-item {
	padding-bottom: 7px;
}

.popular_posts_widget li,
.pop-posts li {
	background: url('../images/common/pop-bullet.png') no-repeat left 4px;
	padding: 0 25px 24px 11px;
}

.sidebar-widget-menu ul li {
	background: url('../images/common/pop-bullet.png') no-repeat left 4px;
	padding: 0 25px 10px 11px;
}

.sidebar-widget-menu ul li a {
	font-size: 13px;
	color: #753d00;
	line-height: 17px;
}

.popular_posts_widget li.last,
.popular_posts_widget li:last-child,
.pop-posts li.last,
.pop-posts li:last-child {
	padding-bottom: 4px;
}

.popular_posts_widget li article a,
.pop-posts li article a {
	font-size: 13px;
	color: #753d00;
	line-height: 17px;
	text-decoration: none;
}

#sidebar .sidebar-widget-menu h2,
#sidebar .sidebar-wrap .widget_archive h2,
#sidebar .sidebar-wrap .archive-list h2,
#sidebar .sidebar-wrap .pop-posts h2 {
	border-bottom: 1px solid #e4d0bf;
	padding: 10px 0 8px;
	margin-bottom: 10px;
}

#sidebar .sidebar-wrap .popular_posts_widget h2
#sidebar .sidebar-wrap .pop-posts h2 {
	margin-bottom: 10px;
}

#sidebar .sidebar-wrap .widget_archive h2,
#sidebar .sidebar-wrap .archive-list h2 {
	margin-bottom: 17px;
}

.popular_posts_widget li footer,
.popular_posts_widget li footer a,
.pop-posts li footer,
.pop-posts li footer a {
	font-size: 10px;
	color: #6a6a6a;
	font-style: italic;
}

.popular_posts_widget li footer abbr,
.pop-posts li footer abbr {
	border-bottom: 0;
}

.widget_archive li,
.archive-list li {
	background: url('../images/common/pop-bullet.png') no-repeat left 5px;
	padding-left: 12px;
	padding-bottom: 7px;
}

.widget_archive li a,
.archive-list li a {
	color: #753d00;
	font-size: 14px;
	font-weight: bold;
}

.blog-list .not-found.entry {
	padding-bottom: 0;
}

.not-found ul li {
	padding-bottom: 5px;
}

.error-page .entry {
	border-bottom: 0;
}

.game-details .entry footer {
	clear: both;
}

.game-details .entry footer .game-links {
	padding: 10px 0 35px;
}

.game-details .entry footer .game-links li {
	display: inline;
	padding-right: 10px;
	font-weight: bold;
	font-size: 13px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display:block;
	margin: 5px auto 5px 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;
}

a img.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.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:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	background: url('../images/common/bg-footer.png') repeat-x left top;
	clear: both;
	height: 321px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
}

#footer-content {
	background: url('../images/common/bg-footer-content.png') no-repeat center top;
	height: 321px;
	overflow: hidden;
}

#footer h2 {
	font: 20px 'DINMittelschriftRegular', Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
	color: #ffeed5;
}

#footer section {
	float: left;
}

.footer-top {
	height: 230px;
	padding-top: 33px;
}

.footer-tweets {
	width: 332px;
	padding-left: 21px;
}

.footer-social {
	width: 238px;
	padding-left: 26px;
}

.footer-newsletter {
	padding-left: 31px;
	width: 268px;
	position: relative;
}

.footer-tweets ul,
.footer-tweets .tweets {
	background: url('../images/common/footer-tweets.png') no-repeat left top;
	width: 276px;
	padding: 0 10px 0 14px;
	min-height: 143px;
	padding-top: 56px;
	margin-top: -11px;
	overflow: hidden;
}

.footer-tweets  ul li,
.footer-tweets .tweets li {
	padding: 10px 0 12px;
}

.footer-tweets .tweets h3,
.footer-tweets .tweets h3 a,
.footer-tweets ul p,
.footer-tweets .tweets p {
	font-size: 12px;
	color: #575757;
}

.footer-tweets .tweets h3 {
	font-weight: bold;
	padding-bottom: 6px;
}

.footer-tweets ul p a,
.footer-tweets .tweets p a {
	color: #ff8a00;
}

.footer-social .social-icons {
	padding-top: 25px;
}

.footer-social .social-icons li {
	padding-bottom: 16px;
	width: 190px;
}

.footer-social .social-icons a {
	background-image: url('../images/common/sprites.png');
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	font: 14px 'DIN-MediumPLRegular', Arial, Helvetica, sans-serif;
	color: #fff5e6;
	letter-spacing: 0.02em;
	padding: 8px 0 0 41px;
}

.footer-social .social-icons a.fb {
	background-position: -252px 0;
}

.footer-social .social-icons a.fb:hover {
	background-position: -252px -94px;
}

.footer-social .social-icons a.tw {
	background-position: -252px -31px;
}

.footer-social .social-icons a.tw:hover {
	background-position: -252px -125px;
}

.footer-social .social-icons a.rss {
	background-position: -252px -62px;
}

.footer-social .social-icons a.rss:hover {
	background-position: -252px -156px;
}

.footer-newsletter p {
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	padding: 24px 0 15px;
}

.footer-newsletter .mc_form_inside,
.footer-newsletter fieldset {
	background: url('../images/common/sprites.png') no-repeat 0 -78px;
	width: 245px;
	height: 38px;
	margin-left: -5px;
}

.footer-newsletter .mc_merge_var,
.footer-newsletter .mc_signup_submit,
.footer-newsletter fieldset input {
	float: left;
}

.footer-newsletter .mc_merge_var label {
	display: none;
}

.footer-newsletter .mc_merge_var input,
.footer-newsletter fieldset .newsletter-input {
	width: 172px;
	padding: 0 10px;
	height: 36px;
	font-size: 12px;
	color: #575757;
	background: none;
	border: 0;
	line-height: 32px;
}

.footer-newsletter .mc_signup_submit input,
.footer-newsletter fieldset .newsletter-submit {
	width: 51px;
	height: 38px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	border: 0;
}

.ie7 .footer-newsletter .mc_signup_submit input,
.ie7 .footer-newsletter fieldset .newsletter-submit {
	color: transparent;
	text-transform: uppercase;
}

.footer-newsletter .mc_signup_submit input:hover,
.footer-newsletter fieldset .newsletter-submit:hover {
	background: url('../images/common/sprites.png') no-repeat -192px -116px;
}

.footer-newsletter  #mc_message {
	position: absolute;
	bottom: -28px;
	left: 31px;
}

.footer-newsletter  #mc_message .mc_error_msg {
	display: block;
	padding-bottom: 10px;
}

.footer-newsletter  #mc_message .mc_success_msg {
	color: #fff;
}

.footer-newsletter  .mc_custom_border_hdr {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	padding: 24px 0 15px;
}

.footer-bottom {
	height: 57px;
	overflow: hidden;
}

.footer-bottom nav {
	padding-top: 20px;
}
.footer-bottom #menu-footer-navigation {
	float: left;
}
.footer-bottom .powered-by-wpcom {
	float: right;
}

.footer-bottom li,
.footer-bottom li a {
	display: inline;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #90867a;
}

.footer-bottom li {
	padding-right: 3px;
}

.footer-bottom li a {
	padding-right: 3px;
}

.footer-bottom li.last .sep {
	display: none;
}

.footer-bottom .poweredby {
	float: right;
	color: #eee;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

body#home ,
body.home {
	background-image: url('../images/home/bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 676px;
}

body#home #header,
body.home #header {
	background: none;
	margin-left: -10px;
	height: 435px;
}

.game-teaser {
	clear: both;
	float: right;
	position: relative;
	top: -40px;
	padding-right: 57px;
	min-height: 312px;
}

.game-teaser a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
	display: block;
}

.game-teaser .game-logo img {
	display: block;
}

.game-teaser .triple-town {
	width: 327px;
	height: 95px;
}

.game-teaser .triple-town span {
	background: url('../images/home/logo-game.png') no-repeat left top;
}

.game-teaser .btn-big-play {
	top: 78px;
	left: 87px;
}

.game-teaser .btn-big-visit {
	left: 87px;
	top: 85px;
}

.btn-big-play {
	width: 208px;
	height: 62px;
}

.btn-big-play span {
	background-position: 0 -233px;
}

.btn-big-play:hover span {
	background-position: -208px -233px;
}

.btn-big-visit {
	width: 208px;
	height: 30px;
}

.btn-big-visit span {
	background-position: 0 -302px;
}

.btn-big-visit:hover span {
	background-position: -208px -302px;
}

.games-carousel {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.games-carousel .carousel {
	width: 939px;
	overflow: hidden;
}

.games-carousel .carousel-wrap {
	padding: 3px 27px;
	/*width: 938px;*/
	height: 164px;
	overflow: hidden;
	margin: 0 auto;
}

.games-carousel .next,
.games-carousel .prev {
	width: 27px;
	height: 53px;
	position: absolute;
	top: 67px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 1;
}

.games-carousel .prev {
	left: 2px;
}

.oldie .games-carousel .prev {
	left: 1px;
}

.games-carousel .prev span {
	background-position: -96px  -156px;
}

.games-carousel .prev:hover span {
	background-position: -154px  -156px;
}

.games-carousel .next {
	right: 2px;
	width: 27px;
}

.oldie .games-carousel .next {
	right: 3px;
}

.games-carousel .next span {
	background-position: -125px  -156px;
}

.games-carousel .next:hover span {
	background-position: -183px  -156px;
}

.games-carousel  li {
	float: left;
	background: url('../images/home/carousel-bg.png') no-repeat center bottom;
	min-width: 310px;
	height: 150px;
	overflow: hidden;
	position: relative;
	padding: 7px 0 14px 0;
	text-align: center;
	z-index: 2;
}

.games-carousel li.second {
	width: 310px;
}

.games-carousel li .img-wrap {
	display: block;
	/*position: relative;
	width: 297px;
	height: 150px;
	overflow: hidden;*/
}

.games-carousel li.second .img-wrap {
	width: 309px;
}

.games-carousel li .img-wrap img {
	/*-moz-box-shadow: 0 0 5px -2px #808080;
	-webkit-box-shadow: 0 0 5px -2px #808080;
	box-shadow: 0 0 5px -2px #808080;

	behavior: url(wp-content/themes/spryfox/_ui/js/PIE.htc); */
}

.games-carousel li .img-wrap a {
	display: block;
	position: absolute;
	left: 12px;
	top: 8px;
	min-width: 286px;
	height: 114px;
}

.games-carousel li .irr-border {
	background: url('../images/home/border.png') no-repeat -7px -7px;
	width: 298px;
	height: 150px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

.games-carousel li.second .irr-border {
	background-position: -7px -171px;
	width: 310px;
}

.games-carousel li.third .irr-border {
	background-position: -7px -335px;
}

.games-carousel li.last {
	padding-right: 0;
}

.games-carousel li .bottom {
	position: absolute;
	bottom: 15px;
	left: 5px;
	z-index: 11;
	padding: 0 12px 0 17px;
	color: #fff;
	height: 34px;
	width: 259px;
}

.games-carousel li.second .bottom {
	width: 276px;
}

.games-carousel li .bottom h3 {
	float: left;
	line-height: 34px;
	width: 206px;
}

.games-carousel li .bottom h3 a {
	color: #fff;
	text-decoration: none;
	font: 17px 'DIN-BoldPLRegular', Arial, Helvetica, sans-serif;
}

.games-carousel li .bottom h3 span,
.games-carousel li .bottom h3 span a {
	color: #fff;
	font: 11px 'DIN-MediumPLRegular', Arial, Helvetica, sans-serif;
}

.games-carousel li .bottom .play-link {
	background: url('../images/home/play-bullet.png') no-repeat right center;
	padding-right: 8px;
	text-decoration: none;
	color: #fb8726;
	text-transform: uppercase;
	float: right;
	margin-top: 1px;
	font: 16px 'DIN-BlackPLRegular', Arial, Helvetica, sans-serif;
	line-height: 32px;
}

.ie7 .games-carousel li .bottom .play-link {
	line-height: 36px;
}

.home-cols {
	padding-top: 12px;
}

.home-cols .welcome-col {
	width: 420px;
	float: left;
	padding-left: 17px;
}

.home-cols .welcome-col .text .intro {
	line-height: 19px;
	font-weight: bold;

}

.home-cols .welcome-col .text,
.home-cols .welcome-col .text p {
	font-size: 13px;
	line-height: 21px;
}

.home-cols .welcome-col .text p {
	padding-bottom: 21px;
}

.home-cols .welcome-col .more {
	margin-top: -16px;
}

.home-cols .blog-col {
	width: 445px;
	float: right;
}

.home-cols h3 {
	font: 26px 'DIN-BlackPLRegular', Arial, Helvetica, sans-serif;
	color: #ff8400;
	letter-spacing: -0.02em;
	padding-bottom: 26px;
}

#home-entries li {
	padding-bottom: 35px;
}

#home-entries .entry-content .text p {
	padding-bottom: 5px;
}

#home-entries header abbr {
	margin-top: 3px;
}

#home-entries header h2 a {
	color: #603913;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

#home-entries header .author {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #575757;
}

#home-entries header .author a {
	color: #008bbf;
}

#home-entries .entry-content .text {
	padding: 3px 0 7px;
}

#home-entries .entry-content .text,
#home-entries .entry-content .text p {
	color: #5b4831;
	line-height: 16px;
}


/* 3.2 Inner page
------------------------------------------------------------------------------*/


/* 3.3 Games
------------------------------------------------------------------------------*/


/* 3.4 Blog landing
------------------------------------------------------------------------------*/

#blog-details .entry {
	border-bottom: 0;
}

#blog-details .entry .entry-content .text p {
	padding-bottom: 25px;
}

.entry .text li {
	padding-bottom: 0;
}

.comments {
	border-top: 1px solid #E4D0BF;
	padding-top: 28px;
	margin-top: 28px;
}


/* Forum Fixes */
.bbp-forums-list li { padding: 10px 0 0 15px; }


/* 4. MOBILE
--------------------------------------------------------------------------------
==============================================================================*/


@media screen and (max-device-width: 480px) {

}



/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body {
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
	}

	a[href]:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}

	a[href^="/"]:after {
		content: " (http://domain.com" attr(href) ") ";
	}

	#accessibility-nav,
	.hide {
		display: none !important;
	}
}