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

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


/* body */

body
{
	background-color:#1b000c;
	padding:0;
	margin:0;
	color:#fff;
}

.right ul {
	margin:2px 0 0;
}

ul li
{
	list-style:none;
    padding:0 0 0 14px;/* make space for image*/
    margin:6px 0 0;
	background:url('pics/bullet.png') no-repeat 0 9px;
}

#background
{
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-10;
	background:url('pics/background.jpg') no-repeat 0 0;
}


/* main */

#main
{
	height:auto;
	width:600px;
	left:50%;
	margin:0 0 0 -300px;
	position:absolute;
}

#top 
{
	margin:0 0 20px 0;
	text-align:center;
}

#top  #logo
{
	border-width:0px;
	width:600px;
	height:280px;
	margin:0 0 -130px;
	padding:0;
	background-image:url(pics/logo.png);
}

#top #buttons
{
	width:100%;
	text-align:center;
}


/* buttons */

.bigButton
{
	font-family:'Molot', Verdana, sans-serif;
	color:#f4373e;
	background-color:#fff;
	padding:0 8px;
	text-decoration:none;
	text-align:center;
	font-size:48px;
	margin:3px 14px;
	border:2px solid #fff;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.bigButton:hover
{
	color:#fff;
	background-color:#f4373e;
	border-color:#f4373e;
}

.active
{
	color:#fff;
	border-color:#fff;
	background-color:#f4373e;
}
.active:hover
{
	border-color:#000;
	background-color:#000;
}

.left
{
	margin-left:0;
}
.right
{
	margin-right:0;
}


/* mini icons */

#miniicons
{
	text-align:center;
	margin:30px 0;
}
.miniicon
{
	width:50px;
	height:50px;
	margin:0 5px;
	display:inline-block;
}

.preload 			{ width:0px; height:0px; }
.preload.risingstar	{ background-image:url(pics/mini_risingstar_hover.png); }
.preload.facebook	{ background-image:url(pics/mini_facebook_hover.png); }
.preload.twitter	{ background-image:url(pics/mini_twitter_hover.png); }
.preload.indiedb	{ background-image:url(pics/mini_indiedb_hover.png); }
.preload.ratking	{ background-image:url(pics/mini_ratking_hover.png); }
.preload.youtube	{ background-image:url(pics/mini_youtube.png); }
.preload.steam		{ background-image:url(pics/mini_steam_hover.png); }
.preload.gog		{ background-image:url(pics/mini_gog_hover.png); }
.preload.bandcamp	{ background-image:url(pics/mini_bandcamp_hover.png); }

.risingstar 			{ background-image:url(pics/mini_risingstar.png); }
.risingstar:hover 	{ background-image:url(pics/mini_risingstar_hover.png); }
.facebook 			{ background-image:url(pics/mini_facebook.png); }
.facebook:hover 		{ background-image:url(pics/mini_facebook_hover.png); }
.twitter			{ background-image:url(pics/mini_twitter.png); }
.twitter:hover 		{ background-image:url(pics/mini_twitter_hover.png); }
.indiedb 			{ background-image:url(pics/mini_indiedb.png); }
.indiedb:hover 		{ background-image:url(pics/mini_indiedb_hover.png); }
.ratking 			{ background-image:url(pics/mini_ratking.png); }
.ratking:hover 		{ background-image:url(pics/mini_ratking_hover.png); }
.youtube 			{ background-image:url(pics/mini_youtube.png); }
.youtube:hover 		{ background-image:url(pics/mini_youtube_hover.png); }
.steam 				{ background-image:url(pics/mini_steam.png); }
.steam:hover 		{ background-image:url(pics/mini_steam_hover.png); }
.gog 				{ background-image:url(pics/mini_gog.png); }
.gog:hover 			{ background-image:url(pics/mini_gog_hover.png); }
.bandcamp 			{ background-image:url(pics/mini_bandcamp.png); }
.bandcamp:hover 		{ background-image:url(pics/mini_bandcamp_hover.png); }


/* layout */

.line
{
	margin:30px 0;
	width:600px;
	height:0;
	border-top:2px solid #fd0e33;
}

.text
{
	font-size:22px;
	font-weight:lighter;
	font-family:'QlassikMediumRegular', Helvetica, sans-serif;
	text-align:left;
	letter-spacing:0.2px;
	word-spacing:2px;
	line-height:27px;
}

.text .author
{
	font-size:90%;
	color:#ac0a26;
	margin:5px 0;
}

.text a
{
	color:#1981b2;
	text-decoration:underline;
}
.text a:hover
{
	color:#fff;
}

.headline
{
	font-size:36px;
	font-weight:bold;
	text-align:left;
	line-height:45px;
	margin-bottom:10px;
}

.disclaimer
{
	font-size:18px;
	line-height:22px;
}

.special
{
	width:100%;
	margin:30px 0 50px;
	text-align:center;
}

.banner
{
	background-image:url(pics/banner.png);
	width:400px;
	height: 410px;
	margin:-100px 0 -80px -200px;
	
	text-align:center;
	font-size:82px;
	font-family:'Molot', Verdana, sans-serif;
	letter-spacing:1px;
	word-spacing:2px;
	
	padding:180px 300px 0;
}

.buy1
{
	background-image:url(pics/banner_buy1.png);
	height: 410px;
	
	text-align:left;
	font-size:64px;
	line-height:61px;
	
	width:450px;
	padding-left:275px;
	padding-right:275px;
}

.buy2
{
	background-image:url(pics/banner_buy2.png);
	height: 410px;
	
	text-align:left;
	font-size:64px;
	line-height:61px;
	
	width:450px;
	padding-left:275px;
	padding-right:275px;
	margin-top:-175px;
}

.banner a
{
	color:#fff;
	/*text-decoration:none;*/
	display:block;
}

.banner a:hover
{
	color:#ff0066;
}

.banner .left
{
	width:200px;
	float:left;
}

.banner .left span
{
	width:100%;
	text-decoration:underline;
}
.banner .clickable
{
	position:absolute;
	height:265px;
}
.banner .clickable:hover
{
	cursor:pointer;
	/*color:#ff0066;*/
	color:#000;
	text-shadow: 0px 0px 9px #ff0066;
}

.banner .right
{
	padding-left:50px;
	width:200px;
	float:left;
	font-size:18px;
	font-weight:lighter;
	font-family:'QlassikMediumRegular', Helvetica, sans-serif;
	letter-spacing:0.2px;
	word-spacing:2px;
	line-height:22px;
}

.banner .hideAgain
{
	position:absolute;
	width:37px;
	height:37px;
	left:527px;
	top:-10px;
	cursor:pointer;
	background-image:url("source/fancybox_sprite.png");
}

.pics .screenshot
{
	margin:3px 3px;
	border:1px solid #1981b2;
}
.pics .screenshot:hover
{
	border:1px solid #ff0066;
}

.pics .left
{
	margin-left:0;
}
.pics .right
{
	margin-right:0;
}

.title
{
	margin-top:40px;
	margin-bottom:30px;
}


/* bottom */

#imp
{
	text-align:right;
	height:40px;
	margin-top:-10px;
	margin-left:230px;
}

#imp a
{
	font-size:18px;
	font-weight:lighter;
	font-family:'QlassikMediumRegular', Helvetica, sans-serif;
	letter-spacing:0.2px;
	word-spacing:2px;
	line-height:26px;
	color:#fff;
	/*background-color:#fd0e33;
	position:absolute;*/
	padding:3px 5px;
}

#imp a:hover
{
	color:#000;
	background-color:#fff;
}

.hiddenAtStart .fett
{
	cursor:pointer;
}
.hiddenAtStart .fett:hover
{
	color:#f00;
}