

html {}
body {
	width:100%;margin:0;padding:0;
	/*
font-family: 'Lato', sans-serif; //all - 100,300 anche italic
font-family: 'Quicksand', sans-serif; //menu - 300,400
font-family: 'Source Code Pro', sans-serif; //code - 200,300,400
font-family: 'Raleway', sans-serif; // - 100,200
	*/
	background: #090909; 
	font: 12px ;
/*	font-family: 'profontwindowsregular';*/
/*	font-family: Consolas,monaco,monospace;*/
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, monospace;
	letter-spacing: 0px;
	

	`color:#eee;
	text-align: center;

	color: #888;

}*{font-size: 12px;
	font-weight: 100;
	padding:0;
	margin: 0;}

h1{
	text-shadow:1px 1px 0px #333;
	color:#eee;
	font-size: 28px;
	padding: 0 10px;
}
h2{
	text-shadow:1px 1px 0px #333;
	color:#eee;
	font-size: 18px;
	display: inline-block;
}

 #left{
	box-shadow:1px 0 0 #222, inset -1px 0 0 0 #000;
	position:fixed;
	background:#111;
	height:100%;
	width:160px;
	overflow-y:hidden;
	overflow-x:hidden;
	text-align: right;
	z-index: 10000000;
}
 #right{
	/*padding:10px;*/
/*	background-attachment:fixed;
	background-image:url('http://ciaccodavide.altervista.org/patt/?l=3000&a=90&d=1&c=ddd&s=999');
	background-size: auto auto;*/
	position: absolute;
	float: left;
	left:160px;
	right:0;
	bottom:0;
	top:0;/*
	overflow-y:scroll;
	overflow-x:hidden;*/
}

#left h1{
	text-shadow:1px 1px 0px #333;
	text-align:right;
	padding:10px 10px 0 10px; /*top right bottom left*/
	margin:0;
	color:#eee;
	font-size: 28px;
	font-weight: 100;
}#left h1:hover{
	text-shadow: 0 0 3px #66d;
}

a{
	text-decoration:none;
color:#f83;}
a:hover{
	text-decoration:underline;
color:#3f8;}
}
.links{
	margin:10px;
	float:right;
}
.links a{
	color:#888;
	font-size: 12px;
	font-weight: 100;
	/*letter-spacing:1px;*/
	text-decoration:none;
}
.links a t{
	font: 23px ;
	line-height: 0;
	/*letter-spacing:3px;*/
}
.links a:hover{
	color:#696969;
}
.links a:hover t{
	color:#38f;
	text-shadow: 0 0 3px #aaf;
}
* a:visited{
	text-decoration:none;
}* a{
	text-decoration:none;
}
a .post{
	display:inline-table;
	margin:10px;
	padding:10px;
	max-width:300px;
	height:auto;
	background:#111;
	color:#999;
	text-decoration:none;
	border: 1px solid #222;
	box-shadow: inset 0 0 0 1px #000;
}
a .post:hover{
	cursor:pointer;
	background:#121212;
	border-left: 1px solid #16a;
	box-shadow: inset 0 0 0 1px #000;
}
.icno {
	margin:10px;
	width:70px;
	height:70px;
	-webkit-border-top-left-radius: 50px;
	  -webkit-border-top-right-radius: 50px;
	  -webkit-border-bottom-right-radius: 50px;
	  -webkit-border-bottom-left-radius: 50px;

	  -moz-border-radius-topleft: 10px;
	  -moz-border-radius-topright: 10px;
	  -moz-border-radius-bottomright: 10px;
	  -moz-border-radius-bottomleft: 10px;

	  border-top-left-radius: 50px;
	  border-top-right-radius: 50px;
	  border-bottom-right-radius: 50px;
	  border-bottom-left-radius: 50px;

	  -moz-background-size: cover;
	  -webkit-background-size: cover;
	  background-size: cover;

    background-repeat: no-repeat;
}


#counter{
	position:fixed;
	right:0;
	bottom:0;
}

#hiddencounter{display:none;}
#btc-quote{position: fixed;right: 0;bottom: 0;}

.download{padding: 9px 5px 5px 5px;background: #0c0c0c;box-shadow: inset 0 0 1px #000;border-bottom: solid 1px #222;border-top: solid 1px #222;position:relative;left: 0;right: 0;}
.downloadButton{width: 240px;margin: 5px;opacity: 0.6;}
.downloadButton:hover{opacity: 1;}

.title{width: 260px;padding:  10px 0;}

@media only screen and ( max-width: 750px ) {
	body{text-align: center;}
	 #left{
		position:relative;
		background:#111;
		height:auto;
		width:auto;
		overflow-y:hidden;
		overflow-x:hidden;
		text-align: center;

		padding-top:10px;
		left:0;
		right:0;
		box-shadow:1px 0 0 #222, inset -1px 0 0 0 #000;
	}
	 #right{
		padding:16px 0;
		position: relative;
		left:0;

		width: 100%;/*
		overflow-y:scroll;
		overflow-x:hidden;*/
		text-align: center;
	}
	#left h1{
		text-shadow:1px 1px 0px #333;
		text-align:center;
		padding:10px 10px 0 10px; /*top right bottom left*/
		margin:0;
		color:#eee;
		font-size: 28px;
		font-weight: 100;
	}#left h1:hover{
		text-shadow: 0 0 3px #66d;
	}

	.links{
		margin:0;
		width: 100%;
		padding-top: 20px;
		float:left;
		border-bottom: 1px solid #222;
	}
	.links a{
		color:#888;
		font-size: 12px;
		font-weight: 100;
		/*letter-spacing:1px;*/
		text-decoration:none;
		border-top: 1px solid #222;

		float: left;
		width: 100%;
		padding: 10px 0;
		box-shadow: inset 0 0 0 1px #000;
	}
	.links a t{
		font: 23px ;
		line-height: 0;
		/*letter-spacing:3px;*/
	}
	.links a:hover{
		color:#696969;
		border-top: 1px solid #148;
		border-bottom: 1px solid #148;
	}
	.links a:hover t{
		color:#38f;
		text-shadow: 0 0 3px #aaf;
	}
	* a:visited{
		text-decoration:none;
	}* a{
		text-decoration:none;
	}
.downloadButton{opacity: 1;}
}




.tutorialScreen{
	display: block;
	width: 300px;
	position: relative;
	left: 50%;
	
	margin: 20px;
	margin-left: -150px;

	border: 1px solid #222;
	padding: 2px;
}

small{font-size: 9px;color:#38f;}

p{margin: 5px 0;}

.relative{position: relative;}
.p0{background:#ff2424;}.g0{border:1px solid #ff2424;}
.p1{background:#30b530;}.g1{border:1px solid #30b530;}
.p2{background:#63deff;}.g2{border:1px solid #63deff;}
.p3{background:#ffff63;}.g3{border:1px solid #ffff63;}
.p4{background:#6e24ff;}.g4{border:1px solid #6e24ff;}
.p5{background:#000000;}.g5{border:1px solid #000000;}
.dot{width: 7px;height: 7px;position:absolute;bottom:4px;border-radius:9px;box-shadow: 0 0 0 1px #000,0 0 0 2px #666;}
.q0{border: 1px solid #E5E5E5;}.t0{color: #E5E5E5;}
.q1{border: 1px solid #008DE5;}.t1{color: #008DE5;}
.q2{border: 1px solid #FFE100;}.t2{color: #FFE100;}
.q3{border: 1px solid #9B14FF;}.t3{color: #9B14FF;}
.q4{border: 1px solid #FF0C00;}.t4{color: #FF0C00;}
.q5{border: 1px solid #FF7400;}.t5{color: #FF7400;}

::selection {
  background: #ce3e34; /* WebKit/Blink Browsers */
  color:#ffd946;
}
::-moz-selection {
  background: #ce3e34; /* Gecko Browsers */
  color:#ffd946;
}


.powerGem_img{
	display: inline-block;
	position: relative;
	
	margin: 5px;

	
	padding: 2px;

	border-radius: 3px;
	text-align: center;
}

table{position: relative;text-align: center;margin: 10px auto;}
th{text-align: center;}
td{text-align: left;padding: 10px 10px;max-width: 500px;}
td small{color: #666;font-size: 11px;}

.expl td{
	padding:2px 10px;
	text-align: center;
	background: #060606;
}
p{padding: 0 4px;}


.appButton{height: auto;display: inline-block;position: relative;padding: 0;}
.appButton img{margin:0;padding: 0;}
.comingSoon{position: absolute;width: 100%;height: 18px;text-align: center;top: 50%;margin-top: -9px;background: rgba(0,0,0,0.95);z-index: 983174;color:#3f8;}
