#loginbut, #joinbut{display:none;}


#maintitletext{
	text-shadow:none;
}

@media screen and (min-width: 621px){
	#maintitletext{
		top:13px;
	}
}

#mainlogo{
	/* background:url('/gfx/logo36x32.png') no-repeat; */
	/*height:24px;*/
	width:36px;
	height:32px;
	/*height:36px;*/
	border:0;
	margin:0 6px -23px 9px;
	position:relative;

	background:url('/s/v1/icon66.jpg') no-repeat;
	width:42px;
	height:42px;
	margin:0px 12px -30px 8px;
	background-size:42px 42px;
	top:-2px;
}

#maintitle{
	top:1px;
}



.maintabs_right{
	left:auto;
	right:10%;
	position:absolute;
}

._validemail, ._joinedtime{ display:none; }


@media screen and (max-width: 940px){
	#maintabs{
		margin-left:220px;
	}
}


@media screen and (max-width: 620px){
	#maintabs{
		left:0;
		position:relative;

		margin-left:0px;
	}

	#maintitle{
		left:calc(50% - 92px);
		top:2px;
		margin:0;
	}

	#mainlogo{
		/*background-position-y:-2px;*/
		/*top:-5px;*/

		background:url('/gfx/logo26x22.png') no-repeat;
		width:26px;
		height:22px;
		/*height:26px;*/
		top:-10px;

		background:url('/gfx/Dlogomolecule128.png') no-repeat;
		width:32px;
		height:32px;
		top:-13px;
		background-size:32px 32px;
		margin-left:-5px;

	}

}



@media screen and (max-width: 485px){
    .maintab{
        padding:9px 9px;
    }
}


@media screen and (max-width: 350px){
	.maintab {
    	padding: 9px 7px;
    }
}






html{min-height:100%;}

body{
	margin:0;
	min-height:100%;
	background:#111; 
	font-family: Sans-Serif; 
	overflow-x:hidden; 
	color:#ddd; 
	text-align:center;
	
	background:url('/s/v1/home_ss.jpg') fixed center no-repeat; 
	background-size:cover; 
	cursor:default;     
}


/*@font-face {
	font-family: pixel1;
	font-style: normal;
	font-weight: normal;
	src: local('pixel1'), url('fonts/CommodorePixelized.ttf') ;
}*/
@font-face {
	font-family: pixel1;
	font-style: normal;
	font-weight: normal;
	src: local('pixel1'), url('/s/v1/fonts/lilita_one_regular.ttf') ;
}

@font-face {
	font-family: pixel2;
	font-style: normal;
	font-weight: normal;
	/*src: local('pixel2'), url('/s/v1/fonts/34808_Silkscreen.ttf') ;*/
	src: local('pixel1'), url('/s/v1/fonts/lilita_one_regular.ttf') ;
}
@font-face {
	font-family: lilita;
	font-style: normal;
	font-weight: normal;

	src: local('lilita'), url('/s/v1/fonts/lilita_one_regular.ttf') ;
}
.sansserif{font-family:sans-serif;}
.pixel1{font-family:pixel1, sans-serif; letter-spacing:0.05rem;}
.pixel2{font-family:pixel2, sans-serif;   letter-spacing:0.05rem;}
.lilita{font-family:lilita, sans-serif; letter-spacing:0.05rem;}

a, .nounderline{text-decoration:none;}

.a{color:#6af;}
.a:hover{color:#fff;}
.avisited:visited{color:#05f;}

.bold{font-weight:bold;}

#favicon{margin-bottom:-15px; margin-left:-23px; margin-right:14px; }
#favicon2{margin-bottom:-15px; margin-right:-23px; margin-left:14px;}

#titledivouter{background2:#000;  position2:fixed; top:0; width:100%; z-index:5; margin-bottom2:22px;}

#titlediv{ font-weight2:bold; font-family:pixel1,sans-serif; letter-spacing:0.05rem; height:60px; margin-top:16px; margin-bottom:2px; border2:2px solid #09f; border-left:0; border-right:0; background: #00000063; box-shadow: 0 0 2px #0006;}

#title{font-size:52px; position:relative; top:0px; text-align:center; color:#6aff82; color2:rgb(0,180,255); text-shadow: 1px 1px 0 #0005, -1px 1px 0 #0005, -1px -1px 0 #0005, 1px -1px 0 #0005, 0px 3px 0 #0003;}

#titlehover:hover{color:rgb(100,200,255);  text-shadow:0px 2px 0 #579, 0px 0px 16px rgb(100,210,255);  }

#titledivinner{max-width:900px; margin:0 auto; position:relative;}


.playnowbut, .leftbut{color:#eee; font-size:28px; font-weight:normal; position:absolute; right:-1px; top:0px; padding:13px 11px 6px 2px;  text-shadow: 1px 1px 0 #0005, -1px 1px 0 #0005, -1px -1px 0 #0005, 1px -1px 0 #0005, 0px 3px 0 #0003;}
/* .playnowbut:hover, .leftbut:hover{color:rgb(130,200,255);} */
.playnowbut{ color:#56d7ff; color2:#61c4ff; text-shadow2:0px 2px #068, 0 0px 16px #aef;}
/* .playnowbut:hover{color:#fff;  text-shadow2:0px 2px #789, 0 0px 16px #fff;} */

.leftbut{color:#f55; color2:#fe7; text-shadow2:0px 2px #700, 0 0px 16px #f76; left:0px; right:inherit; padding-right:0; padding-left:11px; padding-top: 13px;}
/* .leftbut:hover{color:#fff; text-shadow2:0px 2px #987, 0 0px 16px #fff; } */

/*
.but{box-shadow:0 3px 1px #000;}
.but:hover{box-shadow:0 4px 1px #000; position:relative; top:-1px;}
.but:active{box-shadow:0 0px 1px #000; position:relative; top:0px;}
*/

#maindiv{max-width:900px;  margin:0 auto; margin-top2:107px;}


.footer{font-family2:pixel2, sans-serif; margin2:20px; margin:16px auto 16px auto;  max-width:900px; border-radius:3px 3px; background2:rgb(20,24,30); padding:8px 0;}
.footerfavicon{position:relative; top:2px}

.ul{text-align:left; margin:5px; padding:0 0 0 20px; font-size2:14px; font-family:pixel2, sans-serif; }
.ul li{margin-bottom:8px;}

.screenshot{max-width2:868px; width:100%; border:1px solid rgb(40,46,55); vertical-align:top;}
.screenshot:hover{border:1px solid #59f;}

.twitterbox{float:right; display:inline-block; margin:-1px;  width:276px; height:380px; }
.twitterfake{display:inline-block; width:276px; height:380px; background2:#222529;}

.playdialog{display:none; z-index:4;  position:fixed; top:0; left:0; bottom:0; right:0;overflow2:auto;  background:#000; background2:rgba(0,0,0,0.8); }
#play___TARGET:target{display:block;}


.playdialoginner{ z-index:10; max-width:900px; margin:0 auto; border-radius2:6px;  background:#111;  margin-bottom2:150px; border:2px solid #f59f53; box-shadow: 0 0 30px #f59f53, inset 0 0 30px 0px #f59f53;  position:absolute; top:100px; left:20px; right:20px; bottom:20px; border-radius:4px; overflow:auto;}

.playdialogtitlediv{padding:8px 0 14px 0; background2:#09f; border-radius:3px 3px 0 0; }
.playdialogtitle{font-size:26px; color2:#fe8; color2:#000; color:#f65; text-shadow2:0 2px #600;  color: #ffa647; }
.playdialogbody{padding:10px;}

#paybut{display:inline-block; }
.paydiv{display:inline-block; }
.paybut{border-radius:4px; padding:10px 20px; font-size:22px; color:#fff; background:#f43; border:1px solid #f65; box-shadow:0 4px #a00, 0 0 15px 2px rgba(255,96,80,0.5); position:relative; }
.paybut:hover{background:#f59f53; position:relative; top:-1px; box-shadow:0 5px 0 #a00, 0 0 30px 7px rgba(255,96,80,0.5);}
.paybut:active{ position:relative; top:2px; box-shadow:0 2px #a00;}

.paybuthighlight{position:absolute; width:100%; height:50%; top:0; left:0; background:rgba(255,255,255,0.12);}

.vialabel{display:inline-block; text-align:left; min-width:120px; margin-left: 10px; margin-right:-130px;}

.playbut{font-size:40px;}

.closebut{position:absolute; padding:10px; top:0px; right:13px; font-size:40px; color:rgb(80, 0, 0)}

#html5div{position:absolute; text-align:center;  margin-top2:-10px; margin-right2:-10px; margin-top2: 49px; right:4px; bottom:4px;}

#html5text{font-family:pixel2, sans-serif;  color:#ED5F28; font-size:13px; margin-bottom:-5px; position:relative; z-index:1;}

.absfill___{position:absolute; top:0; left:0; right:0; bottom:0;}


.warning{
	padding:4px; 
	background: #0006;
	/* border: 1px solid rgb(228, 132, 23); */
}


@media screen and (max-width:904px){
	.ytvid222{width:100%;}
	.twitterbox{margin-top:20px;margin-bottom:20px; width:100%;}
	#maindiv{padding:0 10px;}

	.twitter-timeline{width:100%;}
}

@media screen and (max-width:840px){
	.hide1{display:none;}
	.playnowbut, .leftbut{display:inline; font-size:20px; top:2px;}
	#favicon, #favicon2{margin:8px -6px -14px 0px;}
}

@media screen and (max-width:750px){
	.playnowbut, .leftbut{display:inline; font-size:18px; top:3px;}
	#title{font-size:24px; top:1px;}
}

@media screen and (max-width:639px){
	.hide2{display:none;}

	.ytvid{width:100%;}

	#maindiv{margin-top:60px;}
	#titlediv{margin-top:6px;}
	.section{margin-top:10px;}

	.section>.content, .sectiontitle{font-size:14px;}

	#title{font-size:22px; top:8px;}
	.playnowbut, .leftbut{font-size:16px; top:6px;}
	#favicon, #favicon2{width:28px; height:28px;  margin:6px -6px -16px -6px;}

	.playdialoginner{top:55px; left:10px; right:10px; bottom:10px;}

	.screenshot{width:100%; margin-bottom:8px;}

	.vialabel{display:block; margin:0 auto; text-align:center; float:none; margin-top:15px;}
}


@media screen and (max-width:570px){
	.hide3{display:none;}
	.footerfavicon{display:none;}
}
@media screen and (max-width:350px){
	#title{font-size:19px; top:7px; margin-left2:-8px; margin-right2:-8px;}
}


/*small width or height*/
@media screen and (max-width:570px), (max-height:400px){

	#maindiv{padding:0 5px;}


	/*.content, .sectiontitle{font-size:12px;} */

	#titlediv{margin-top:6px;}
	#maindiv{margin-top:60px;}

	.playdialoginner{ top:55px; left:5px; right:5px; bottom:5px;}
	.playdialogtitle{font-size:16px;}
}

/*small height*/
@media screen and (max-height:430px){
	.hidetall{display:none;}
}

@media screen and (max-width:430px){
	.hide4{display:none;}
}


.nojserr{font-weight:bold; padding:2px; background:#e22; color:#000; border-radius:3px;}

.stream::-webkit-scrollbar{
	width:10px;
	height:10px;
	background: rgba(128,128,128,0.3);
}
.stream::-webkit-scrollbar-button:start:decrement,
.stream::-webkit-scrollbar-button:end:increment  {
	display:none;
}
.stream::-webkit-scrollbar-thumb {
	background:rgba(100,153,255,0.2);
	/* -webkit-border-radius: 6px; */
}
/*
.stream:hover::-webkit-scrollbar-thumb {
	background:rgba(100,153,255,1);
}
*/
.stream::-webkit-scrollbar-corner {
	background: rgba(128,128,128,0.3);
}

/* idea - try adding !important to .stream scrollbars */

#downloadbut1{
	text-shadow: 0 1px 2px #000;
	font-weight: normal;                
}

#downloadbut1 > .sectiontitle{
	/* font-family:sans-serif !important; */
	color:#fff;
	text-shadow: 1px 2px 1px #000;
}
#downloadbut1 > .sectiontitle:hover {
	color:#6af;
}
/* #downloadbut1:hover > .downloadbutsection{ */
.downloadbutsection:hover{
	border:2px solid #50bdff;
	background:#0008;                
}
/* #downloadbut1 :hover{
	color:#6af;
} */
.arrows1{
	color:#fff889;
}   


.downloadexpires{                
	color:#ca4646;
}
.downloadbardate{
	color:#66b7ff;
}
.downloadbarversion{
	color:#6af;
}

.downloadbutsection{
	display:inline-block;
	width:auto;
	padding:15px;
	margin:20px;
	min-width: 340px;
	text-align: left;
	border:2px solid #fff889;
	cursor:pointer;
	box-shadow:0 2px 10px #0007;      
	background:#0000007a;
}            
.downloadiconspan{
}
.downloadicon{
	width:66px;
	height:66px;
	margin:2px; 
	margin-right:20px;
	float:left;
	border: 1px solid #0005;
} 
.downloadfilename{
	color:#6aff82;
}
.downloadplatform{
	color:#66cdff;
}

.godotlink{
	padding:2px;
	border-radius:2px;
	background:#0005;
	display:inline-block;
}
.godotlinkimg{
	width: 91px;
	height: 34px;
	color:#fff;
	margin-bottom: -2px;
}
.screenshotlink_spacer{
	display: block;
	height:10px;
}


.section{  margin-top:24px; -webkit-border-radius:6px; -moz-border-radius:6px ; border-radius:3px; border2:2px solid rgb(40,46,55);  background2:#070707; box-shadow2: 0px 0px 10px #000; box-shadow2: 0px 1px 6px #0009; background2: #00000063;}

.clearsection{background:none;}

.sectiontitle{ color:#56d7ff;  background: rgba(0, 0, 0, 0.6344); padding:6px; font-size:20px; font-family:pixel1,sans-serif; letter-spacing:0.05rem; text-align:center; border-radius:3px 3px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; text-shadow:1px 1px 1px #000; text-shadow2:1px 1px 1px #000,0 0 4px #cef;}

.panel_content{}


.content{background: #00000063;font-family: pixel1,sans-serif;  padding:10px;  font-size:16px; text-align:left; text-shadow:0 1px #0005;  text-shadow: 0 1px 2px #000;}

.textcontent{font-size:18px; color:#eee; padding:30px;}

.contentdark{background: rgba(0, 0, 0, 0.6);}
.sectiontitledark{background: rgba(0, 0, 0, 0.8);}

.ytvid{ width2:616px; height2:378px; position:relative; 
	overflow:hidden; float2:left; display2:inline-block;
	 margin-right2:6px; margin2:-1px; border2:1px solid #333;
	  text-align:center; vertical-align:middle; padding:0;
}
.youtubeiframe{width:100%; height:507px; margin-bottom:-4px; }
.youtubeiframe222{max-width:616px; max-height:378px;}

.yt_title_link{color:#eee;}
.yt_title_link:hover{color:#ff493e;}


.yt_link_icon{position: relative; top:2px; zoom:1.2;}