h3 {display:block;}
p.creator { color: #d3d3d3; margin-top:4px;}
#game-root, #game-canvas {
	position:absolute;
	left:0px; top:0px; z-index:1;
	background-color:black;
}
#gsemb {
	position: absolute; left: 0px; top: 0px; z-index:2
}
#console { text-align:center; background-color:rgba(0,0,0,0.7); }
#console.loading,
#console.preview { background:none; }
#console.loading div.title,
#console.preview div.title {
	background-color:rgba(0,0,0,0.7);
	padding:0 0 1em 0;
	text-align:left;
	height:59px;
}
#console.loading .title h1,
#console.preview .title h1 {
	padding-top:18px;
}
#console.loading .title img,
#console.preview .title img {
	display:block;
	width:49px;
	height:49px;
	border-radius:8px;
	float:left;
	margin:10px;
}
#console.loading #pause,
#console.preview #pause { display:none; }
#info {
	position:absolute;
	line-height:1.5em;
	overflow:hidden;
	height:87px;
	width:366px;
	background-color:rgba(255,255,255,0.08);
	padding:4px;
	text-align:justify;
	top:106px;
	left:50px;
	box-shadow:-1px -1px rgba(0,0,0,0.08);
}
#console.preview #info {
	top:0px; left:0px;
	padding:0px; margin:0px;
	background-color:rgba(0,0,0,0.7);
	width:100%;
	height:180px;
}
#console.preview #info div.content {
	position:relative;
	overflow:hidden;
	height:87px;
	width:75%;
	background-color:rgba(255,255,255,0.08);
	margin:0 auto; padding:4px;
	-webkit-box-shadow:-1px -1px rgba(0,0,0,0.08);
	-moz-box-shadow:-1px -1px rgba(0,0,0,0.08);
	box-shadow:-1px -1px rgba(0,0,0,0.08);
}

.b {
	background:url(../img/menu.png) no-repeat;
	display:block;
	height:12px;width:48px;margin-right:10px;
	padding-top:32px;
	float:left;
	text-shadow:1px 1px #111;
	text-align:center;
	color:rgba(255, 255, 255, 0.6);
}
#menu {
	position:absolute;
	bottom:8px;
	bottom:-46px;
	left:102px;
}
.tabs li { float:left; }
#volume-l { background-position: -46px 1px; }
#share-l { background-position: -110px 1px; }
#related-l { background-position: -172px 1px; }
#togo-l { background-position: -235px 1px; }
#info-l, #loader-info-l { background-position:  18px 1px; }
#loader-info-l {
	display:none;
	margin:0;
	position:absolute;
	right:4px;
	top:14px;
}
.preview #loader-info-l {
	display:block;
}

#play { height:105px; width:94px; background:url(../img/playpause.png) no-repeat 0 0px; position:absolute; left:50%; top:50%; margin:-49px 0 0 -45px; }

#console #loader {
	display:none;
	position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px;
}
#console.loading #loader {
	display:block;
}
#console.loading #loading2 {
    background:url(../img/loading-play.png);
    height:100px; width:101px; left:3px; top:3.5px;
    position:absolute;
}
#console #loading-progress {
	position:relative;
	height:106px; width:106px;
	background:url(../img/loader.png);
	display:none; /* hide until ready to animate */
}
#console .loading-clip {
	position:absolute;
	height:106px; width:53px;
	overflow:hidden;
}
#console #loading-clip-right {
	left:53px;
}
#console #loading-clip-right * {
	left:-53px;
}
#console .loading-fill {
	position:absolute;
	height:106px; width:53px;
	background:url(../img/loader-fill.png);
	-webkit-transform-origin:100% 50%;
	-moz-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	-o-transform-origin:100% 50%;
}
#console #loading-highlight {
	position:absolute;
	height:106px; width:106px;
	background:url(../img/loader-highlight.png);
}
#console #loading-play {
	position:absolute;
	height:100px; width:101px; left:3px; top:4.5px;
	background:url(../img/play.png);
}

#console #loading-play.down {
	background:url(../img/loading-play.png);
}

#console #loading-more {
	width:42px; height:42px;
	position:absolute; right:16px; top:24px;
	background:url(../img/ploading-small.png);
	-webkit-transform-origin:21px 21px;
	-moz-transform-origin:21px 21px;
	-ms-transform-origin:21px 21px;
	-o-transform-origin:21px 21px;
	display:none; /* hide until ready to animate */
}

#console.preview #info .back {
	display:block;
}

.ctrl-btn { background-image:url(../img/ctrl-buttons.png); width:38px; height:38px; display:block; text-indent:-9999px; }

.ctrl-btn.back { background-position:-39px 0; margin-left:8px; margin-top:8px; }
.ctrl-btn.back:hover { background-position:-41px 0; margin-left:7px; margin-top:7px; background-image:url(../img/ctrl-buttons-hover.png); width:40px; height:40px; }
.ctrl-btn.back:active { background-position:-41px -41px; background-image:url(../img/ctrl-buttons-hover.png); width:40px; height:40px; }


/** No HTML5 **/
#browser-download { display:none; position:absolute; top:186px; }
#browser-download h3 { width: 63%; margin:0 auto 1.5em; line-height:17px;}
#browser-download a { background-image:url(../img/browsers.png); display:inline-block; height:34px; width:74px; line-height:34px; padding-left:40px; margin-right:4px;}
#browser-download a.safari { background-position:0 0; width:70px; }
#browser-download a.firefox { background-position:-142px 0px;}
#browser-download a.chrome { background-position:-295px 0;}

.no-canvas.no-audio #console { background:url("../img/70black.png"); }
.no-canvas.no-audio #console .title { background:none; }
.no-canvas.no-audio #console #play { display:none; }
.no-canvas.no-audio #console #loader { display:none; }
.no-canvas.no-audio #console #share { top:10px; }
.no-canvas.no-audio #console #info { background:none; height:280px; display:block; }
.no-canvas.no-audio #console #info .ctrl-btn { display:none; }
.no-canvas.no-audio #console #loader-info-l { display:none; }
.no-canvas.no-audio #console #browser-download { text-align:center; display:block; }
.no-canvas.no-audio #console #menu { bottom:12px; display:block !important; left:126px; }
.no-canvas.no-audio #console #info div.content { height:88px; top:60px; left:0; }
.no-canvas.no-audio #volume-l { display:none; }