@font-face {
	font-family: "GoodDogRegular";
	src: url(../font/GoodDog.eot);
	src: local("GoodDog Regular"), local("GoodDog"), url(../font/GoodDog.ttf) format("truetype");
	}
@font-face {
	font-family: "ChunkFiveRegular";
	src: url(../font/Chunkfive.eot);
	src: local("ChunkFive Regular"), local("ChunkFive"), url(../font/Chunkfive.ttf) format("truetype");
	}

/*colore del body e testo*/
body{
	background:#4077C5 url(../image/bg.jpg) scroll;
	color:#191B51;
	color:rgba(0,0,0,0.7);
	text-shadow:2px 2px 4px #4E85D3;
	}

/*stili sul body e tipografia */
body{font: 100.01%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1{font-size: 2.4em;line-height: 1.25;margin: 0.625em 0}
h2{font-size: 2.4em;line-height: 1;margin:0}
h3{font-size: 2.32em;line-height: 1;margin:0}
h4{font-size: 4.9em;line-height: 1;margin:0}

h1{color:#fff;font-family:"GoodDogRegular", Georgia, serif;text-shadow:none;}
h2,h3,h4{font-family:"ChunkFiveRegular", Georgia, serif}

a{color:#aaa;color:rgba(200,200,200,0.6);text-shadow:none}
	a:hover{color:#ccc;color:rgba(200,200,200,0.9);text-decoration:none}
	a:active{
		color:#ccc;color:rgba(200,200,200,0.9);
		position:relative;top:1px; /* Button-like effect */
		text-decoration:none;
		}
/*line-height*/
p, blockquote, pre, ol, dl, ul, form {line-height:1.5}

/* set di base per margini e padding */
address, blockquote, dl, form, fieldset, ol, table, p, pre, ul{margin-top: 0;margin-bottom: 1.5em}

header{
	background-image: url(../image/logo.png);
	border:10px solid rgb(255,255,255);
	border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	height:120px;width:300px;
	float:left;
	position:absolute;top:0;left:0;
	}
	header a:active{position:relative;top:0}
nav{
	font-weight:bold;
	position:absolute;top:100px;right:0;
	text-shadow:none;
	text-transform:uppercase;
	}
	nav li{float:left}
	nav a{
		color:#fff;
		margin-left:0.5em;
		padding:0.5em;
		text-decoration:none
		}
	nav a:hover{
		background-color:rgb(255,255,255);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
			-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
			-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
			filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#333333'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#333333')"; /* IE8 */
		border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		color:#4077c5;
		}
article{
	display:inline;
	float:left;
	letter-spacing:1px;
	width:960px
	}
#barattolo{bottom:200px;margin:0 12%;position:absolute}
#big{width:480px}
#bigger{font-size:88%;width:960px}
#box{
	background-color:#191B51;
	background-color:rgba(0,0,0,0.7);
	border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	box-shadow:2px 2px 4px #4E85D3;
		-moz-box-shadow:2px 2px 4px #4E85D3;
		-webkit-box-shadow:2px 2px 4px #4E85D3;
	height:328px;
	margin:0 auto;
	padding:1em;
	text-shadow:none;
	width:448px
	}
	#box label{
		display:block;
		margin:1em;
		width:100%
		}
	#box span{
		color:#4077c5;
		font-weight:bold;
		text-shadow:2px 2px 4px rgba(0,0,0,0.7);
		text-transform:uppercase;
		width:10em;
		}
	#box .input_text,#box .message{
		border:0.1em solid #4077c5;
		border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		color:#333;
		float:right;
		margin-right:2em;
		padding:0.32em;
		width:60%
		}
	#box .input_text{font-weight:bold}
	#box .message{height:14em}
	#box .button{
		background-color:#4077c5;
		border:#4E85D3 solid 0.1em;
		border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		color:#fff;
		cursor:pointer;
		position:relative; top:13.5em; left:25em;
		text-shadow:2px 2px 4px #4E85D3;
	}
#col{width:300px}
#finestra{
	height:100%; width:960px;
	margin-top:160px;
	overflow:hidden; /* bisogna mettere hidden */
	position:absolute;
	z-index:1
	}
#fondamenta{
	/*background-image:url(../image/grad.png);*/
	height:660px; width:960px;
	margin:0 auto;
	position:relative
	}
#fumetto{
	border: 5px solid #fff;
	width:300px
	}
	#fumetto.up{
		border-radius:100px 100px 100px 0;
			-moz-border-radius:100px 100px 100px 0;
			-webkit-border-radius:100px 100px 100px 0;
	}
	#fumetto.down{
		border-style:dotted;
		border-radius:0 100px 100px 100px;
			-moz-border-radius:0 100px 100px 100px;
			-webkit-border-radius:0 100px 100px 100px;
		position:absolute; bottom:200px
	}
#polaroid{float:left;height:200px;width:240px}
	#polaroid img{
		border:2px #aaa solid;
		box-shadow:2px 2px 4px #191b51;
			-moz-box-shadow:2px 2px 4px #191b51;
			-webkit-box-shadow:2px 2px 4px #191b51;
		height:100px;
		width:220px
		}
	#polaroid img:hover{border:2px #fff solid;}
#wip{
	background-image:url(../image/wip.png);
	height:70px;width:100px;
	position:absolute;top:0;right:0;
	z-index:100
	}
.basso{position:absolute;bottom:200px;margin-bottom:0}
.center{float:left;margin-left:20px}
.columns{
	column-count:3;
	column-gap:20px;
	column-rule:1px dotted #fff;
	column-width:300px;
		-moz-column-count:3;
		-moz-column-gap:20px;
		-moz-column-rule:1px dotted #fff;
		-moz-column-width:300px;
		-webkit-column-count:3;
		-webkit-column-gap:20px;
		-webkit-column-rule:1px dotted #fff;
		-webkit-column-width:300px;
	}
	.columns a:active{position:static}
.contenuti{height:100%;width:5760px}
.cv{text-align:center}
.left{float:left}
.question{
	color:rgb(99,202,183);
	display:block;
	font-weight:bold;
	text-shadow:none
	}
.right{float:right}
.small{font-size:50%}
.spazio{margin-top:4.5em}
.testo{font-size:88%}
.testo-fumetto{
	color:#fff;
	font-family:"GoodDogRegular",Arial,Helvetica,sans-serif;
	margin:2em;
	text-shadow:none
	}
.testo-fumetto-big{
	color:#fff;
	font-family:"GoodDogRegular",Arial,Helvetica,sans-serif;
	font-size:1.5em;
	text-shadow:none
	}