/*
Theme Name: Czech Games Edition
Theme URI: http://www.czechgames.com/
Description: Default theme for CGE website. Note that this theme needs the WP-Multilingual plugin to work properly.
Version: 1.0
Author: Pavel Hamřík
Author URI: http://www.hmd.cz/
Tags: grey, blue, red, exchangeable background, custom, commercial, wp-multilingual
*/

/* MAIN STYLES AND LAYOUT */

html, body {padding:0; margin:0; height:100%;}
body {background:#000 url(images/background.png) repeat-x; font:0.75em Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#fff; position:relative;}
*>body {height:auto; min-height:100%;}

#container {width:960px; margin:0 auto; padding-bottom:54px; text-align:left;}

#main {width:700px; float:right; margin:0 5px 0;}
*>#main {margin:0 10px 0;}
#sidebar {width:220px; float:left; margin:0 0 0 5px;}
*>#sidebar {margin:0 0 0 10px;}

/* The Header */
#header {background:url(images/header-tile.png) repeat-x 0 -7px;}
#header .in {width:960px; margin:0 auto; height:132px; background:url(images/header.png) no-repeat 0 -7px; position:relative;}
#header a {color:#fff; text-decoration:none;}
#header a:hover, #header a:focus {color:#0097e1; text-decoration:underline;}

#header #logotype {position:absolute; left:10px; padding:0; margin:0; font-size:1em;}
#header #logotype a {display:block; background:url(images/cge-logotype.png) no-repeat 0 0; width:220px; height:120px;}
#header #logotype a:hover, #header #logotype a:focus {background-position:0 -120px;}
#header #logotype span {display:none;}

#header #lang-select {font-size:0.5em; width:960px; height:33px; position:relative; background:url(images/text-separator.png) no-repeat 851px 14px;}
#header #lang-select a {font-size:12px; display:block; position:absolute; top:4px; right:25px; padding:5px 0 5px 27px; background:url(images/lang-en.png) no-repeat;}
#header #lang-select a.cs {right:124px; background:url(images/lang-cz.png) no-repeat;}
.en #header #lang-select a.cs {color:#0097e1;}
.cs #header #lang-select a.en {color:#0097e1;}

/* The Sidebar */
#menu {padding:0; margin:0 0 20px;}
#menu li {list-style:none; padding:0; margin:0 0 10px;}
#menu li a {display:block; background:url(images/menu-item.png) no-repeat 0 0; height:25px; width:190px; padding:8px 15px 0px; text-decoration:none; font-size:1.2em; font-weight:bold; color:#fff;}
#menu li a:hover, #menu li a:focus, #menu li a.actual {background-position:0 -33px;}
#menu li a span {display:none; color:#ed1c24; font-weight:normal;}
#menu li a:hover span, #menu li a:focus span {display:inline;}

#partners {text-align:center;}
#partners .body {padding-top:7px;}
#partners h2 {text-align:left;}
#partners a {display:block; margin:0 0 5px;}

#partners-major{padding-bottom:5px;}

/* The Boxes */
.box-narrow {padding:0; margin:0 0 20px;}
.box-narrow .top {display:block; background:url(images/col-narrow-top.png) no-repeat 0 0; padding:8px 15px 19px; margin:0; text-decoration:none; font-size:1.2em; font-weight:bold; color:#fff;}
.box-narrow .body {margin:0; background:url(images/col-narrow-body.png) repeat-y; padding:0 15px 7px; line-height:1.4em;}
.box-narrow .bottom {height:8px; background:url(images/col-narrow-bottom.png) no-repeat 0 0; clear:both;}

.box-wide {padding:0; margin:0 0 20px;}
.box-wide .top {display:block; background:url(images/col-wide-top.png) no-repeat 0 0; padding:8px 15px 19px; margin:0; text-decoration:none; font-size:1.1em; font-weight:bold; color:#fff;}
.box-wide .top-news {display:block; background:url(images/col-wide-top-news.png) no-repeat 0 0; padding:8px 15px 19px; margin:0; text-decoration:none; font-size:1.1em; font-weight:bold; color:#fff;}
.box-wide .body {margin:0; background:url(images/col-wide-body.png) repeat-y; padding:0 15px 7px; line-height:1.4em;}
.box-wide .body-news {margin:0; background:url(images/col-wide-body-news.png) repeat-y; padding:0 15px 7px; line-height:1.4em;}
.box-wide .bottom {height:8px; background:url(images/col-wide-bottom.png) no-repeat 0 0; clear:both;}
.box-wide .bottom-news {height:8px; background:url(images/col-wide-bottom-news.png) no-repeat 0 0; clear:both;}
.box-wide .top .date {display:block; float:right; font-size:0.8em; font-weight:normal; color:#00abff; margin-top:2px;}
.box-wide .top a, .box-wide .top-news a {color:#fff; text-decoration:none;}
.box-wide .top a:hover, .box-wide .top a:focus, .box-wide .top-news a:hover, .box-wide .top-news a:focus {color:#00abff; text-decoration:underline;}
#home .box-wide {margin-bottom:10px;}

.box-nohead {padding:0; margin:0 0 20px;}
.box-nohead .top {height:8px; background:url(images/col-wide-bottom-flipped.png) no-repeat 0 0;}
.box-nohead .body {margin:0; background:url(images/col-wide-body.png) repeat-y; padding:0 15px; line-height:1.4em;}
.box-nohead .bottom {height:8px; background:url(images/col-wide-bottom.png) no-repeat 0 0; clear:both;}
.box-nohead .top a {text-decoration:none;}
.box-nohead .top a:hover, .box-nohead .top a:focus {text-decoration:underline;}

/* The Webnews, FAQ and Reviews */
.head-body .date {display:block; float:left; width:7em; color:#00abff; clear:both;}
.head-body .reviews-date {background:none;}
.head-body .date a {color:#00abff; text-decoration:none;}
.head-body .date a:hover, .head-body .date a:focus {text-decoration:underline;}
.head-body .content {margin-left:7em;}
.head-body .faq-tags {float:none;}
.head-body .review-title {text-decoration:none; color:#00abff;}
.head-body .review-title:hover, .head-body .review-title:focus {text-decoration:underline;}
.head-body .review-body {margin-bottom:10px;}
.review-autor {text-align:right;}
.review-body img {margin-top:3px !important;}

/* The Newsletter */
.newsletterTextInput {font:1em Verdana, Arial, Helvetica, sans-serif; padding:2px; border:1px solid #333a3e; width:120px; background:#11171d; color:#fff; margin:0; float:left;}
.newsletterTextInput:hover, .newsletterTextInput:focus {border-color:#bb030b;}
#newsletterFormDiv .submit {font:1em Verdana, Arial, Helvetica, sans-serif; background:#97070d; border:1px solid #bb030b; color:#fff; margin-left:4px; padding:1px 0; width:60px;}
#newsletterFormDiv .submit:hover, #newsletterFormDiv .submit:focus {background:#bb030b;}
#newsletterFormDiv {margin:10px 0; white-space:nowrap;}
#syndication {margin:0; margin-bottom:12px;}

/* The Footer */
#footer {background:url(images/footer-tile.png) repeat-x 0 0; height:60px; width:100%; position:absolute; bottom:0; left:0;}
#footer .in {background:url(images/footer.png) no-repeat 0 0; height:60px; width:960px; margin:0 auto;}

#footer a {color:#00abff; text-decoration:none;}
#footer a:hover, #footer a:focus {text-decoration:underline;}

#copyright, #design-by, #rss, #sitemap-link, #facebook, #twitter, #instagram, #media-kit {background:url(images/ico-c.png) no-repeat 0 0; padding:7px 0 7px 30px; float:left; margin:20px 20px 0 10px;}
#design-by {background-image:url(images/ico-brush.png); visibility: hidden;}
#media-kit {background-image:url(images/ico-brush.png);}
#rss {background-image:url(images/ico-rss.png); float:right; margin:20px 10px 0 20px;}
#facebook {background-image:url(images/icon-facebook.png); float:right; margin:20px 10px 0 20px;}
#twitter {background-image:url(images/icon-twitter.png); float:right; margin:20px 10px 0 20px;}
#instagram {background-image:url(images/icon-instagram.png); float:right; margin:20px 10px 0 20px;}
#sitemap-link {background-image:url(images/ico-sitemap.png); float:right; margin:20px 10px 0 20px;}

/* The Games */
#game-container {width:960px; margin:0 auto; padding-bottom:74px; text-align:left; position:relative;}
#game-container .in {border:1px solid #333; line-height:1.4em;}

#game-container #game-content {margin:30px 30px 30px 260px;}

#game-menu {padding:0; margin:0; position:absolute; top:20px; left:0; width:220px;}
#game-menu li {list-style:none; padding:0; margin:0 0 10px;}
#game-menu li a {display:block; background:url(images/menu-item.png) no-repeat 0 0; height:33px; width:220px; padding:8px 15px 0px; text-decoration:none; font-size:1.2em; font-weight:bold; color:#fff;}
*>#game-menu li a {height:25px; width:190px;}
#game-menu li a:hover, #game-menu li a:focus {background-position:0 -33px;}

.faq-tags {float:left;}
.faq-item .faq-tags {float:right;}
.faq-item h2 {font-size:1em; font-weight:bold; padding:2; margin:0; clear: left;}

#game-container .faq-item, #game-container .box-game {}
#game-container .faq-item .in, #game-container .box-game .in {background:none; min-height:0;}
#game-container .faq-item .in-in, #game-container .box-game .in-in {}

#game-select {position:absolute; right:10px; width:700px; height:122px; /*17-03-18 overflow:hidden; */}
#game-select #slider {width:660px; height:122px; margin:0 25px 0 15px; overflow:hidden;}
#game-select #slider .content {width:660px; height:122px; white-space:nowrap;}
#game-select a {background:no-repeat 0 0; display:block; height:122px; width:100px; float:left; margin:0 -6px 0 0;}
#game-select a#slide-left {background:url(images/slider-arrow-left.png) no-repeat 0 0; width:30px; margin-left:-10px; position:absolute; top:0; /*17-03-18left:0*/; outline:none;}
#game-select a#slide-right {background:url(images/slider-arrow-right.png) no-repeat 0 0; width:30px; margin-right:0; position:absolute; top:0; right:0; outline:none;}
#game-select a#slide-left.unavailable, #game-select a#slide-right.unavailable {background-position:0 -244px !important; cursor:default;}
#game-select a:hover, #game-select a:focus, #game-select a#slide-right:hover, #game-select a#slide-left:hover {background-position:0 -122px; outline:0;}
#game-select a span {display:none;}

.games-list h1 {display:none;}

.game-picture {float:left; margin:0px 10px 10px 5px;}
#game-container .game-picture {display:none;}

/* BASIC TYPOGRAPHY */

a {color:#ed1c24; text-decoration:underline;}
a:hover, a:focus {color:#00abff; text-decoration:underline;}
a img {border:none;}

p {padding:0.1em 0 0.5em; margin:0;}

h1 {font-weight:normal; margin:0; padding:0.6em 0; font-size:1.8em; color:#00abff}
h2 {font-weight:normal; margin:0; padding:0.6em 0; font-size:1.5em; color:#00abff}
h3 {font-weight:bold; margin:0; padding:0.7em 0; font-size:1.2em; color:#00abff}
h4 {font-weight:bold; margin:0; padding:0.8em 0; font-size:1em; color:#00abff}

strong {color:#00abff; font-weight:normal;}
em {font-style:italic;}

table th {text-align:left; vertical-align: top;}

/* VARIOUS CLASSES */

.cleaner {clear:both;}
hr.cleaner {visibility:hidden; margin:0; height:1px; padding:0;}

.morelink {text-align:right; clear:both;}
.more-link {display:block; float:right;}
.next-posts {float:right;}
.prev-posts {float:left;}

.blue {color:#00abff !important;}
.red {color:#ed1c24 !important;}

.intralink {padding-top:5px; padding-bottom:2px;}

.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin:10px 10px 10px 0;}
img.game-box {margin:10px 10px 10px 0;}
img.alignright {margin:10px 0 10px 10px;}
.aligntopleft {float:left;}
img.aligntopleft {margin:5px 10px 10px 0;}

.col-narrow-news-left {float:left; width:120px; text-align:center; margin-top:0px; margin-right:10px;}
.col-narrow-news-right {float:right; width:120px; text-align:center; margin-top:0px; margin-left:10px;}
.col-wide-news-left {margin-right:130px;}
.col-wide-news-right {margin-left:130px;}
.col-narrow-left {float:left; width:180px; text-align:center;}
.col-narrow-right {float:right; width:180px; text-align:center;}
.col-wide-left {margin-right:190px;}
.col-wide-right {margin-left:190px;}

p.file a img {position:relative; top:4px;}
p.file span {display:inline-block; width:125px;}
*>p.file span {width:auto; min-width:125px;}

.in-in p.file {
	text-align: center;
}

.no-top-margin {margin-top:0 !important;}
.no-left-margin {margin-left:0 !important;}
.no-right-margin {margin-right:0 !important;}
.no-bottom-margin {margin-bottom:0 !important;}
.no-margin {margin:0 !important;}

/* The "hidden" access links */
#access {height:20px; width:220px; padding:3px 15px 0px; text-align:center;}
*>#access {height:17px; width:190px;}
#access:hover a, #access:focus a {color:#fff;}
#access a {color:#000; text-decoration:none;}
#access a:hover, #access a:focus {color:#00abff; text-decoration:underline;}

/* WP-SpamFree plugin contact form */
#wpsf-contact-form input {font:1em Verdana, Arial, Helvetica, sans-serif; background:#97070d; border:1px solid #bb030b; color:#fff; padding:1px 0; width:120px;}
#wpsf-contact-form input:hover, #wpsf-contact-form input:focus {background:#bb030b;}
#wpsf-contact-form #wpsf_contact_name, #wpsf-contact-form #wpsf_contact_email, #wpsf-contact-form #wpsf_contact_subject, #wpsf-contact-form #wpsf_contact_message {font:1em Verdana, Arial, Helvetica, sans-serif; padding:2px; border:1px solid #333a3e; width:320px; background:#11171d; color:#fff; margin:0;}
#wpsf-contact-form #wpsf_contact_name:hover, #wpsf-contact-form #wpsf_contact_email:hover, #wpsf-contact-form #wpsf_contact_subject:hover, #wpsf-contact-form #wpsf_contact_message:hover, #wpsf-contact-form #wpsf_contact_name:focus, #wpsf-contact-form #wpsf_contact_email:focus, #wpsf-contact-form #wpsf_contact_subject:focus, #wpsf-contact-form #wpsf_contact_message:focus {border-color:#bb030b; background:#11171d;}

/* UGLY HACKS AND FIXES :( */

/* IE 7 */
*:first-child+html #sidebar {overflow:hidden;}
*:first-child+html .box-wide .bottom {overflow:hidden;}
*:first-child+html .box-wide .body {padding-bottom:0;}
*:first-child+html .box-narrow .bottom {overflow:hidden;}
*:first-child+html .box-narrow .body {padding-bottom:0;}
*:first-child+html .box-nohead .bottom, * html .box-nohead .top {overflow:hidden;}

 /* IE 6 */
* html #sidebar {overflow:hidden;}
* html .box-wide .bottom {overflow:hidden;}
* html .box-wide .body {padding-bottom:0;}
* html .box-narrow .bottom {overflow:hidden;}
* html .box-narrow .body {padding-bottom:0;}
* html .box-nohead .bottom, * html .box-nohead .top {overflow:hidden;}

/* Halloween 
body {
	cursor: url(http://czechgames.com/wp-content/themes/cge/images/cursor-halloween.png);
} */

#social-media a {color:#00abff; text-decoration:none;}
#social-media a:hover, #social-media a:focus {text-decoration:underline;}

#buttons a:hover {
	background-color: #1a6aac;
 }

#buttons a {
	text-decoration: none;
	background-color: #242e37;
	color: #ffffff;
	padding: 10px;
	border-radius: 4px;
	font-size: 1.4em;
}

#buttons p {
	padding: 20px;
}

.in-in p a {
	text-decoration: none;
}

.in-in p a:hover, #game-container p a:hover {
	-webkit-filter: drop-shadow(0px 0px 1px);
	filter: drop-shadow(0px 0px 1px);
}

.in-in h2, h2.file {
	text-align: center;
	margin: 0 !important;
	padding: 20px 0 0 0 !important;
	font-size: 1.2em !important;
	color: black !important;
}

#game-container p.file {
    padding: 6px 0;
}


.games-list p a:hover {
	-webkit-filter: drop-shadow(0px 0px 1px white);
	filter: drop-shadow(0px 0px 1px white);
}

.blik a:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.blik div {
	padding: 0 25px 20px;
	float: left;
}