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;

}*{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:0px;
	right:0;
	bottom:0;
	top:0;/*
	overflow-y:scroll;
	overflow-x:hidden;*/
	text-align: center;

	color: #888;
}

#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:#888;}
.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;
	}

	a{
		text-decoration:none;
	color:#888;}
	.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;
	}
	a .post{
		display:inline-table;
		margin:10px;
		padding:10px;
		max-width:900px;
		height:auto;
		background:#111;
		color:#999;
		text-decoration:none;
		border: 1px solid #222;
		box-shadow: inset 0 0 0 1px #000;



		float:left;
		/*
		margin:10px;
		padding:10px;
		max-width:300px;*/
		width:92%;
		margin:2%;
		padding:2%;
		
		height:auto;
		background:#eeeeee;
		color:#666;
		text-decoration:none;
		/*dark below*/
		background:#111;
		color:#999;
		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;


		cursor:pointer;
		background:#f6f6f6;
		/*dark below*/
		background:#121212;
		border: 1px solid #16a;
		box-shadow: inset 0 0 0 1px #000;
	}
.icno {
	margin:10px;
	width:70px;
	height:70px;
	
	position:relative;
	left:50%;
	margin-left:-35px;
	-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;
}
.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;}