@media all
{
	html * { font-size:100.01%; }
	body { font-family: Arial, Helvetica, sans-serif; font-size: 75.00%; color: #191919; }
	body { background-color: #f9f8f8; background-image: url(img/blek_bg.png); background-repeat: repeat; background-position: 0 0;  }
	
	#page_wrap { background-image: url(img/blek_black.png); background-repeat: no-repeat; background-position: 50% bottom; }
	#page { width: 800px; margin: 0 auto; position: relative; padding-top: 50px; padding-bottom: 142px; }

	.penna { line-height: 140%; font-family: 'pennaregular'; text-transform: uppercase; letter-spacing: 1px;  }
	.penna .up { font-size: 135%; letter-spacing: 2px; }
			
	#blek_tetris { position: absolute; width: 139px; height: 198px; background-image: url(img/blek_tetris.png); top: 310px; left: -130px;   }
	
	#kb_social, #kb_social2 { position: absolute; width: 257px; height: 71px; background-image: url(img/social_all.png); background-repeat: no-repeat; top: 530px; right: -235px;}	
	#kb_social a.twitter, #kb_social2 a.twitter { position: absolute; display: block; left: 36px; top: 3px; width: 68px; height: 68px; }
	#kb_social a.fb, #kb_social2 a.fb { position: absolute; display: block; left: 153px; top: 3px; width: 68px; height: 68px; }

	#kb_social2 { position: relative; display: none; top: 0; right: 0; margin: 100px auto; }
	
	#topnav, #topnav_content { text-align: right; font-size: 200%; color: #000; line-height: 100%; }
	#topnav a, #topnav_content a { color: #000; text-decoration: none; cursor: pointer; }
	#topnav span.sep, #topnav_content span.sep { margin-left: 20px; margin-right: 20px; color: #000; font-size: 130%; }
	#topnav_content { text-align: center; }
	#topnav .itunes { display: none; }
	
	#logo { margin-bottom: 25px; }
	#logo .blek { color: #181818; font-size: 1850%; text-transform: none; line-height: 100%; }
	#logo .slogan { color: #9407b4; font-size: 300%; line-height: 100%; padding-left: 15px; position: relative; top: -10px; }
	
	.container { position: relative; z-index: 50; margin: 0 auto; text-align: center; padding: 30px; background-color: #fff; width: 640px; margin-bottom: 60px; }
	.container { border: 1px solid #f3f1f1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

	.container.plain { border: 0; padding: 0; background-color: transparent; }
	.container.penna { font-size: 220%; letter-spacing: 2px;  }
	.container.geosans { text-align: justify; font-family: 'geosanslightregular'; line-height: 130%; font-size: 320%; font-weight: normal; color: #373737;  }
	.container.geosans span.penna { text-transform: none; font-size: 120%; }
	
	.container.penna p a { color: #009df7; text-decoration: none; }
	.container.penna p.geosans { font-family: 'geosanslightregular'; text-transform: none; }
	
	#yt { position: relative; width: 640px; height: 360px; }
	#yt .video { width: 640px; height: 360px; overflow: hidden; position: absolute; cursor: pointer; z-index: 2; }
	#yt .video img { position: absolute; top: 0; left: 0; z-index: 1; }
	#yt .video img.video_button { top: 90px; left: 218px; z-index: 2; }
	#yt .video img.video_button_over { top: 90px; left: 218px; z-index: 3; display: none; }
	#yt .video_container { position: absolute; width: 640px; height: 360px; z-index: 1; }
	
	#ytrailer { position: relative; }
	#ytrailer .videosplash { width: 640px; height: 360px; overflow: hidden; position: absolute; top: 30px; left: 30px; cursor: pointer; z-index: 10; }
	#ytrailer .videosplash img { position: absolute; top: 0; left: 0; }
	#ytrailer .videosplash img.vbutton { top: 90px; left: 218px; z-index: 2; }
	#ytrailer .videosplash img.vbutton_over { top: 90px; left: 218px; z-index: 3; display: none; }
	#ytrailer .videosplash:hover img.vbutton_over { display: block; }
	
	.imgelement { text-align: center; position: relative; z-index: 5; }
	#element_brb { margin: 110px 0 70px 0; }
	#element_brd { margin: 250px 0 30px 0; }
	#element_kunabi { margin: 250px 0 0 0; }
	#element_press { margin: 150px 0 70px 0; }
	
	article p { margin: 0.75em 0; }
	article .readmore { margin: 0 auto; width: 130px; text-align: center; cursor: pointer; font-size: 50%; color: #999; line-height: 140%; }
	article .readmore img { position: relative; }
	
	article.press {}
	article.press p.quote { margin: 0;}
	article.press p.source { font-size: 60%; text-align: right; margin: 0 0 1.5em 0; }
	
	#mc_embed_signup { border-color: #c3c3c3; position: relative; z-index: 1; }
	#mc_embed_signup label.geosans { font-family: 'geosanslightregular'; text-transform: none; font-size: 250%; line-height: 140%; }
	#mc_embed_signup div.geosans { font-family: 'geosanslightregular'; text-transform: none; font-size: 250%; margin-top: 10px; margin-bottom: 20px; }
	#mc_embed_signup div.itunes { text-align: center; margin-bottom: 40px;  }
	#mc_embed_signup .ifield { margin-top: 15px;  }
	#mc_embed_signup .email { width: 375px; padding: 21px 80px 21px 17px; border: 1px solid #c3c3c3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#mc_embed_signup .email { font-family: 'geosanslightregular'; font-size: 170%; font-weight: normal; color: #191919; }
	#mc_embed_signup .isubmit #mc-embedded-subscribe { position: relative; top: -42px; left: 180px; cursor: pointer;  }
	#mc_embed_signup .isubmit #mc-embedded-subscribe { color: transparent; width: 28px; height: 20px; background-image: url(img/blek_mail_icon.png); border: 0; }
	
	#mc_embed_signup .badges { margin-top: 40px; }
	#mc_embed_signup .badges img { margin-left: 9px; margin-right: 9px; margin-bottom: 20px; }
	
	body .ui-tooltip { border: 1px solid #c3c3c3; }
	.ui-tooltip { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; padding: 10px; }
	
	#topnav .badges { display: none;  }
	#topnav .badges .badge { display: none; margin-bottom: 5px; }
	
}

@media only screen and (max-width: 1220px) {
	#kb_social { display: none; }
	#kb_social2 { display: block; }
}
@media only screen and (max-width: 1070px) {
	#blek_tetris { display: none; }
}
@media only screen and (max-width: 800px) {
	body { font-size: 60%; }
	#page { width: auto; padding-top: 20px; }
	#topnav { margin-right: 15px; margin-bottom: 30px; }
	.container { width: auto; margin-left: 11px; margin-right: 11px; padding: 0; overflow: hidden; }
	.container { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	.container.geosans { font-size: 250%; width: 90% }
	#ytrailer .videosplash { display: none; }
	#mc_embed_signup .email { width: 50%; }
	#mc_embed_signup .isubmit #mc-embedded-subscribe { position: relative; top: -40px; left: 28%; cursor: pointer;  }

}