/*<style>*/

/*
 * LAYOUT
 */
@media all {

	html,
	body {
		background: #66a5ae;
	}

	#bodyContainer {
		background: url(../../images/page/bg_picture___cv-611f82ca60f72656bf78677cde1c3e00.jpg) 50% 0 no-repeat;
		color: #fff;
	}

	#page {
		position: relative;
		width: 1002px;
		padding-top: 1230px;
		margin: 0 auto;
	}

	#page > div {
		width: 100%;
	}

}

/*
 * HEADER
 */
@media all {

	#header {
		position: absolute;
		top: 0;
		left: 50%;
		height: 48px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) 0 0 no-repeat;
		margin-left: -500px !important;	/* width / -2 */
		font-weight: bold;
	}

	#language {
		position: absolute;
		top: 6px;
		left: 6px;
		padding: 0 4px 4px 4px;
		border-radius: 6px;
		transition: background 500ms, box-shadow 500ms;
		-webkit-transition: background 500ms, box-shadow 500ms;
	}

	#language a {
		display: block;
		padding: 1px 8px 1px 34px;
		background-position: 4px 50%;
		border-radius: 4px;
		line-height: 1.5em;
	}

	#language > a {
		padding-top: 6px;
		padding-bottom: 6px;	/* padding-top */
		border-bottom: 1px dotted transparent;
		margin-bottom: 6px;	/* padding-bottom */
		transition: border 500ms;
		-webkit-transition: border 500ms;
	}

	#language ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 500ms;
		-webkit-transition: max-height 500ms;
	}

	#language:hover {
		background: #0b94b9;
		box-shadow: 0 6px 6px rgba(0,0,0,.33);
	}

	#language:hover > a {
		border-color: #11bcd4; /* body(background-color) */
	}

	#language:hover ul {
		max-height: 800px;
	}

	#language ul a:hover {
		background-color: #11bcd4; /* body(background-color) */
	}

	#login-form {
		position: absolute;
		top: 4px;
		right: 20px;
	}

	#login-form * {
		padding: 0;
		margin: 0;
	}

	#login-form .bgcdw_login_container,
	#login-form a div,
	#login-form fieldset,
	#login-form label,
	#login-form input,
	#login-form a {
		width: auto;
		background: none;
		border: none;
	}

	#login-form .bgcdw_login_form_login > *,
	#login-form .bgcdw_login_form_buttons,
	#login-form .bgc_fbConnect_container_link {
		position: absolute;
		top: 0;
		width: 1em;
		height: 32px;
		background: url(../../images/page/button_sprites___cv-3d4026eb5dfcdfa77cb689ddd4208200.png) 0 0 no-repeat;
		font-size: 134px;
	}

	#login-form .bgcdw_login_form_login label,
	#login-form .bgcdw_login_form_login input {
		width: 114px;	/* 134px - 2 * padding */
		height: 12px;	/* 32px - 2 * padding */
		padding: 10px;
		border-radius: 10px;
		box-shadow: none;
		color: #383838;
		font: bold 12px Arial, sans-serif;
		line-height: 1em !important;
	}

	#login-form .bgcdw_login_form_login label {
		position: absolute;
		color: #aaa;
	}

	#login-form .bgcdw_login_form_username {
		left: -4.15em;
	}

	#login-form .bgcdw_login_form_password {
		left: -3.15em;
	}

	#login-form .bgcdw_login_form_buttons {
		left: -2em;
		background-position: -1em 0;
	}

	#login-form .bgcdw_login_form_buttons:hover {
		background-position: -1em 100%;
	}

	#login-form .bgcdw_login_form_buttons input {
		display: block;
		width: 100%;
		height: 100%;
		font: normal 12px "Arial Black", Arial, Sans-serif;
		text-shadow: 0 0 4px rgba(0,0,0,.75);
	}

	/* Gecko-Hack for Arial Black issue */
	#page[id=page] #login-form .bgcdw_login_form_buttons input {
		font-weight: 900;
	}

	#login-form .bgcdw_login_container_remindpassword {
		padding-left: 18px;
		line-height: 32px;	/* (login-form fieldset > *)(height) */
	}

	#login-form .bgcdw_login_container_remindpassword a {
		color: #fff;
	}

	#login-form .bgcdw_login_form_register {
		display: none !important;
	}

	#login-form .bgc_fbConnect_container_link {
		left: -1em;
		background-position: -2em 0;
	}

	#login-form .bgc_fbConnect_container_link:hover {
		background-position: -2em 100%;
	}

	#login-form .bgc_fbConnect_container_link .bgc_fbConnect_button {
		height: 100%;
	}

	/* WebKit browsers */
	#login-form input::-webkit-input-placeholder {
		padding-top: 2px;
		color: #959595;
	}

	/* Mozilla Firefox 4 to 18 */
	#login-form input:-moz-placeholder {
		padding-top: 2px;
		color: #959595;
	}

	/* Mozilla Firefox 19+ */
	#login-form input::-moz-placeholder {
		padding-top: 2px;
		color: #959595;
	}

	/* Internet Explorer 9- */
	#login-form span.placeholder-fallback {
		top: 1px !important;
		left: 1px !important;
		padding-top: 2px;
		color: #959595;
	}

	/* Internet Explorer 10+ */
	#login-form input:-ms-input-placeholder {
		position: relative;
		top: 8px;
		padding-top: 2px;
		color: #959595;
	}

	#login-form div.bgcdw_errors {
		right: 8px;
		z-index: 500;
		height: 100%;
		white-space: normal;
	}

	#login-form div.bgcdw_errors_flash {
		display: block !important;
		position: absolute;
		right: 351px;
		top: 7px;
	}

	div.bgcdw_errors ul,
	div.bgcdw_errors_flash ul {
		display: block !important;
		position: absolute !important;
		top: 31px;
		left: 50%;
		width: 300px !important;
		max-width: 300px !important;
		padding: 7px 8px !important;
		background: #fff;
		border: 1px solid red;
		border-radius: 5px;
		box-shadow: 0 6px 6px rgba(0,0,0,.33) !important;
		color: #000;
		text-align: center;
		visibility: hidden;
		opacity: 0;
		transition: opacity 500ms, visibility 500ms;
		-webkit-transition: opacity 500ms, visibility 500ms;
	}

	div.bgcdw_errors_flash ul {
		padding-left: 30px !important;
		background-position: 8px 50% !important;
		text-align: left;
	}

	div.bgcdw_errors:hover ul,
	div.bgcdw_errors_flash ul {
		visibility: visible;
		opacity: 1;
	}

	div.bgcdw_errors li,
	div.bgcdw_errors_flash li {
		line-height: 1.33em !important;
		font-size: 12px !important;
		font-weight: bold;
	}

	#login-form div.bgcdw_errors ul,
	#login-form div.bgcdw_errors_flash ul {
		margin-left: -160px;
	}

	#login-form div.bgcdw_errors ul:before,
	#login-form div.bgcdw_errors_flash ul:before {
		content: '';
		position: absolute;
		top: -9px;
		left: 50%;
		border: 8px solid transparent;
		border-bottom-color: red;
		border-top: none;
		margin-left: -8px;
	}

	#login-form div.bgcdw_errors_flash ul {
		z-index: 499;	/* z-index - 1 */
	}

}

/*
 * CONTENT
 */
@media all {

	.content.main {
		margin-bottom: 3em !important;
		text-align: justify;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		-webkit-column-rule: 1px solid rgba(255,255,255,.167);
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-moz-column-rule: 1px solid rgba(255,255,255,.167);
		column-count: 2;
		column-gap: 2em;
		column-rule: 1px solid rgba(255,255,255,.167);
	}

	.content.main h5,
	.content.main b {
		display: block;
		font-size: 1em;
		font-weight: bold;
	}

	.content.main h5 {
		margin-bottom: 1em;
	}

	#center {
		position: absolute;
		top: 55px;
		left: 130px;
		width: 372px;
	}

	#center > div {
		margin: 0 auto;
	}

	#center #logo {
		width: 372px;
		height: 167px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) -670px -48px no-repeat;
		margin-bottom: 10px;
	}

	#reg-form {
		display: none;
	}

	#bgc_signup_short_container {
		width: 360px;
		background: #fff;
		padding: 1em 20px;
		border: none;
		box-shadow: inset 0 0 8px rgba(0,0,0,.2);
		font-size: 20px;
	}

	#bgc_signup_short_container * {
		font-size: 1em !important;
		line-height: 1.5em !important;
	}

	#bgc_signup_short_container fieldset {
		margin-bottom: 1em;
	}

	#bgc_signup_short_container fieldset div {
		position: relative;
		width: auto;
		height: auto;
	}

	#bgc_signup_short_container fieldset > div,
	#bgc_signup_short_container fieldset > span,
	#bgc_signup_short_container form > div {
		display: block;
		margin-bottom: 1em;
	}

	#bgc_signup_short_container fieldset > div + span {
		margin-top: -1em;
	}

	#bgc_signup_short_container label,
	#bgc_signup_short_container input,
	#bgc_signup_short_container select {
		height: auto;
		font-weight: bold;
	}

	#bgc_signup_short_container label,
	#bgc_signup_short_container input {
		display: block;
		float: none;
	}

	#bgc_signup_short_container input,
	#bgc_signup_short_container select {
		padding: .5em 10px;
		background: #e4e4e4;
		border-radius: .25em;
		color: #383838;
	}

	#bgc_signup_short_container input[type=checkbox] {
		padding: 0;
		border-radius: 0;
	}

	#bgc_signup_short_container select option {
		padding-right: .5em;
	}

	#bgc_signup_short_container input:focus,
	#bgc_signup_short_container select:focus {
		background: #fff;
	}

	#bgc_signup_short_container fieldset > span,
	#bgc_signup_short_container form > div > p,
	#bgc_signup_short_container form > div > a,
	#bgc_signup_short_container label {
		width: auto;
		color: #707070;
	}

	#bgc_signup_short_container fieldset label:first-child,
	#bgc_signup_short_container fieldset a,
	#bgc_signup_short_container form > div > a {
		color: #0b94b9;
	}

	#bgc_signup_short_container input {
		width: 338px;	/* #bgc_signup_short_container(width) - 2* (border-width + padding) */
	}

	#bgc_signup_short_container #recaptcha_image {
		width: auto !important;
		padding: .5em 0;
		border: 1px solid #ccc;
		border-radius: .25em;
		margin: 0;
		text-align: center;
	}

	#bgc_signup_short_container .bgcdw_captcha_response_container {
		position: relative;
		padding-bottom: 0;
	}

	#bgc_signup_short_container div.bgcdw_errors {
		width: 16px;
		height: 16px;
	}

	#bgc_signup_short_container .bgcdw_errors_date {
		position: static;
		border-radius: .25em;	/* (#bgc_signup_short_container select)(border-radius) */
	}

	#bgc_signup_short_container div.bgc_input_checkbox .bgcdw_errors + label {
		padding-right: 30px;
	}

	#bgc_signup_short_container .bgcdw_date_fields > div {
		padding-top: .25em;
		border: none;
		margin-left: -1px;
	}

	#bgc_signup_short_container .bgcdw_date_fields > div:first-child {
		margin-left: 0;
	}

	#bgc_signup_short_container .bgcdw_date_fields select {
		border: 1px solid #ccc;	/* copy from (.bgc .bgcdw_date_fields.bgcdw_errors_date div) from bgc-0.10.8.min.css */
		border-radius: 0;
	}

	#bgc_signup_short_container .bgcdw_date_fields > div:first-child select {
		border-radius: .25em 0 0 .25em;
	}

	#bgc_signup_short_container .bgcdw_date_fields > div:last-child select {
		border-radius: 0 .25em .25em 0;
	}

	#bgc_signup_short_container .bgc_input_checkbox {
		padding-left: .75em;
	}

	#bgc_signup_short_container fieldset > span,
	#bgc_signup_short_container form > div > p,
	#bgc_signup_short_container form > div > a,
	#bgc_signup_short_container .bgc_input_checkbox label {
		font-size: .8em;
		font-weight: normal;
	}

	#bgc_signup_short_container .bgc_input_checkbox input {
		float: left;
		width: auto;
		margin: .3em .3em .3em -.5em;
	}

	#bgc_signup_short_container .bgcdw_date_separator,
	#bgc_signup_short_container .bgc_signup_form_back {
		display: none;
	}

	#bgc_signup_short_container .bgc_signup_form_buttons {
		padding: 1em 0;
		background: #ddd;
		margin: -1em -20px;
		margin-top: 0;
	}

	#bgc_signup_short_container .bgc_signup_form_register,
	#reg-button {
		width: 352px;
		height: 96px;
		background: url(../../images/page/button_register_sprites___cv-3310e5358ffe4d8c57b5ba46c7c3e000.png) 0 0 no-repeat !important;
		border: none;
		margin: 0 auto;
		color: #fff;
		font-size: 20px;
		font-family: "Arial Black", Arial, Sans-serif;
		text-transform: uppercase;
		text-shadow: 0 0 .3em rgba(0,0,0,.75);
		cursor: pointer;
	}

	#bgc_signup_short_container .bgc_signup_form_register:hover,
	#bgc_signup_short_container .bgc_signup_form_register:focus,
	#reg-button:hover {
		background-position: 0 100% !important;
	}

	#bgc_signup_short_container div.bgcdw_errors {
		position: absolute;
		right: 8px;
		bottom: .85em;
	}

	#bgc_signup_short_container div.bgcdw_errors ul {
		top: -.7em;
		left: 28px;
		margin: 0;
	}

	#bgc_signup_short_container div.bgcdw_errors ul:before {
		content: '';
		display: block;
		position: absolute;
		top: .5em;
		left: -12px;
		border: .6em solid transparent;
		border-right-width: 12px;
		border-right-color: red;
		border-left: none;
	}

	#bgc_signup_short_container div.bgcdw_errors_flash ul {
		position: static !important;
		width: auto !important;
		max-width: none !important;
		padding-top: .5em !important;
		padding-bottom: .5em !important;
	}

	#reg-button a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../../images/en/buttons/btn_playtext.png) center no-repeat;
	}

	#media {
		position: absolute;
		top: 55px;
		right: 5px;
	}

	#media > * {
		float: left;
		width: 180px;
		height: 110px;
		padding: 3px 6px 11px 6px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) -670px -215px no-repeat;
	}

	#media > * * {
		height: 100%;
	}

	#media > *  a {
		position: relative;
		display: block;
		background-position: center;
		background-repeat: no-repeat;
	}

	#trailer a {
		background-image: url(../../images/page/movies/thumbs/trailer___cv-d8c45b49e0b39305643c7339db203300.jpg);
	}

	#trailer a span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 66px;
		height: 52px;
		background: url(../../images/page/button_movieplayer_sprites___cv-5d28680d8dddde5e685c4ee6e5561900.png) 0 0 no-repeat;
		margin: -26px 0 0 -33px;
	}

	#trailer a:hover span,
	#trailer a:focus span {
		background-position: 100% 0;
	}

	.paginated {
		width: 100%;
		font-size: 0;	/* removes gap between items */
		white-space: nowrap;
		overflow: hidden;
	}

	.paginated li {
		display: inline-block;
		width: 100%;
	}

}

/*
 * FB CONNECT LAYER
 */
@media all {

	#bgc_fbconnect_wrapper h1 {
		line-height: 1em !important;
	}

}

/*
 * ASIDE
 */
@media all {

	.content.aside {
		position: absolute;
		top: 950px;
		padding-top: 40px;
		overflow: hidden;
	}

	.content.aside > * {
		position: relative;
		float: left;
		height: 218px;
		color: #0a5564;
		font-weight: bold;
		text-align: center;
	}

	.content.aside .link.shop {
		width: 385px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) 0 -48px no-repeat;
	}

	.content.aside .link.forum {
		width: 285px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) -385px -48px no-repeat;
	}

	.content.aside .link div {
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.content.aside .link.shop div {
		width: 173px;
		top: 16px;
		right: 16px;
	}

	.content.aside .link p {
		position: absolute;
		bottom: 20px;
		width: 100%;
		height: 49px;
	}

	.content.aside .link p a {
		display: block;
		width: 173px;
		background: url(../../images/page/button_link_sprites___cv-d7dad17bcf795ff0ff3058c44b52fd00.png) 0 0 no-repeat;
		margin: 0 auto;
		color: #fff;
		font: normal 14px "Arial Black", Arial, Sans-serif;
		line-height: 49px;
		text-transform: uppercase;
		text-shadow: 0 0 4px rgba(0,0,0,.75);
		cursor: pointer;
	}

	/* Gecko-Hack for Arial Black issue */
	#page[id=page] .content.aside .link p a {
		font-weight: 900;
	}

	.content.aside .link p a:hover,
	.content.aside .link p a:focus {
		background-position: 0 100%;
	}

	#awards {
		width: 93px;
	}

	#awards li {
		height: 70px;
		padding-bottom: 8px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) -862px -215px no-repeat;
	}

	#awards a {
		display: block;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	#eKomiWidget_default {
		width: 172px;
		padding-top: 32px;
		background: url(../../images/page/sprites___cv-b25d4c6c23b04e7cb640636abaa4fe00.png) -1042px 0 no-repeat;
		margin-top: -38px;
	}

	#eKomiWidget_default > a {
		display: block;
		margin-top: -29px;
	}

}

/*
 * OVERLAY
 */
@media all {

	#fancybox-outer {
		border: 5px solid #fff;
		margin: -5px;
	}

	#fancybox-content,
	#fancybox-content > div {
		overflow: visible !important;
	}

	#fancybox-close {
		top: -13px !important;
		right: -13px !important;
	}

}

/*</style>*/