/* RESET by the great Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
Thanks a lot!
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY --- BODY */
body {
	background-color:#000;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-y;
	color:#FFF;
	font-family:"Century Gothic", "Trebuchet MS", sans-serif;
	font-size:12px;
	line-height:18px;
	word-spacing:1.2pt;
	letter-spacing:0.8pt;}
	
.fascia {
	width:100%;
		height:650px;
	border-bottom:solid 8px;
	border-bottom-color:#333;
	border-top:solid 8px;
	border-top-color:#333;
	background-color:#000;
	margin-bottom:350px;
	}
.wrap {
	width:960px;
	margin:0 auto;}
.content {
	position:relative;
	float:left;
	width:750px;
	height:650px;
	}
p {
	margin:0px 0px 35px 0;}
	
#cssawards {
	position:absolute;
	top:0;
	right:15%;}
/* FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY --- FINE BODY */	
	
	
	
/* MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU --- MENU */
#menu {
	position:fixed;
	z-index:999;
	top:200px;
	right:0px;
	width:200px;}

#menu ul li{
	float:right;
	margin-bottom:10px;
	display:block;
	height:47px;
	}

#menu img {
	margin-top:12px;
	margin-left:15px;}
	
#menu li a {
	color:#FFF;
	text-decoration:none;
	border:0px;
	display:block;
	height:47px;
	line-height:47px;}
	
#l1{background-color:#c70000;width:163px;}
#l1:hover{background-color:#F00;}

#l2{background-color:#ef7600;width:173px;}
#l2:hover{background-color:#F60;}

#l3{background-color:#efd105;width:223px;}
#l3:hover{background-color:#FC0;}	

#l4{background-color:#19d100;width:213px;}
#l4:hover{background-color:#2D2;}

#l5{background-color:#0131b9;width:160px;}
#l5:hover{background-color:#03C;}

#l6{background-color:#333;width:90px;}
#l6:hover{background-color:#666;}

#l6{margin-right:-9999px;}
	
/* FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- FINE MENU --- */



/* FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE --- FASCE */	
	
#top {
	height:800px;
	background-image:url(images/parquet3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
	border:0px;
	margin:0px;}

#red {
	background-color:#c70000;
	border-top-color:#770303;
	border-bottom-color:#770303;
	}	

#orange {
	background-color:#ef7600;
	border-top-color:#c26102;
	border-bottom-color:#c26102;
	}
	
#yellow {
	background-color:#efd105;
	border-top-color:#a99301;
	border-bottom-color:#a99301;
	}
	
#green {
	background-color:#19d100;
	border-top-color:#090;
	border-bottom-color:#090;
	}
	
#blue {
	background-color:#0131b9;
	border-top-color:#036;
	border-bottom-color:#036;
	margin-bottom:60px;
	}
.titoli_page {
	position:absolute;
	bottom:100px;
	left:0px;}
	
/* FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE --- FINE FASCE */	
	
	
	
/* HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD --- HEAD */	

#titolo {
	display:block;
	color:#FFF;
	position:absolute;
	top:80px;
	left:150px;
	}
	
#titolo h1 { 
	font-family: 'Molengo', arial, serif; 
	font-size:56px;
	line-height:60px;
}

#sottotitolo {
	display:block;
	color:#FF4500;
	position:absolute;
	top:80px;
	left:360px;
	}
#sottotitolo h1 {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size:36px;
	line-height:40px;}
	
/* FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD --- FINE HEAD */


/* CHI SONO ABOUT ME --- CHI SONO ABOUT ME --- CHI SONO ABOUT ME --- CHI SONO ABOUT ME --- CHI SONO ABOUT ME --- CHI SONO ABOUT ME --- CHI SONO ABOUT ME */

#about_content {
	margin-top:65px;
	margin-left:100px;
	}
#about_content_div{
	display:block;
	float:right;
	width: 380px;
	font-size:12px;
	border-left-color:#FFF;
	border-left-style:dashed;
	border-left-width:4px;
	padding-left:15px;}

#about_content ul{
	font-size:11px;
	width:200px;}
	
#sotto_foto {
	display:block;
	width:200px;
	float:left;
	position:absolute;
	top:305px;}

#about_content b{
	text-shadow:#333 1px 1px 8px;
	}
	
.polaroid {
	display:block;
	float:left;
	border:solid 10px #FFF;
	margin-bottom:30px;
	margin-right:30px;}

.eng {
	font-style:italic;
	color:#EEE;}
	
.tasto_curriculum, .tasto_linkedin, .tasto_download {
	float:right;
	display:block;
	height:30px;
	width:130px;
	background-color:#CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image:url(images/tasto.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	color:#333;
	line-height:30px;
	font-size:13px;
	margin-top:0px;
	margin-left:45px;
	margin-bottom:15px;
	border:#555 thin 1px;
	padding-left:10px;
	}
.tasto_curriculum:hover, .tasto_linkedin:hover, .tasto_download:hover  {
	background-image:url(images/tast2.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	}

	
.tasto_curriculum img, .tasto_linkedin img, .tasto_download img {
	display:block;
	float:right;}


/* FINE CHI SONO ABOUT ME --- FINE CHI SONO ABOUT ME --- FINE CHI SONO ABOUT ME --- FINE CHI SONO ABOUT ME --- FINE CHI SONO ABOUT ME --- FINE CHI SONO ABOUT ME */


/* WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN --- WEBDESIGN */

.polaroid2 {
	border:solid 10px #FFF;
	margin-bottom:10px;
	margin-right:0px;}

.left_content {
	width:330px;
	height:590px;
	float:left;
	margin-top:20px;
	margin-left:80px;}

.right_content {
	width:330px;
	height:590px;
	float:left;
	margin-top:20px;
	margin-left:10px;
	overflow:hidden;}
	
.right_content p{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:15px}

.blocco {
	width:100px;
	height:100px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
	background-color:#FFF;}

.blocchi, .blocchi_bis {
	width:330px;
	height:310px;}

.blocchi a {
    width: 94px; 
	height:94px; 
    overflow: hidden;
    float: left;
	margin-right:5px;
	margin-bottom:5px;
	border: solid 3px #FFF;
}
.blocchi_bis {
	vertical-align:bottom;}

.blocchi_bis li {
	width:310px;
	font-size:10px;
	line-height:13px;}

.blocchi_bis a {
	color:#FFF;
	text-decoration:none;}
.blocchi_bis a:hover {
	color:#900;}

.blocchi_bis span {
	float:left;
	margin-right:10px;
	color:#900;}

.left_content h4 {
	cursor:pointer;
	font-size:12px;
	color:#FFF;
	float:right;
	margin-right:19px;}
	
.left_content h4:hover {
	color:#900;}

.blocchi img {
    border: none;
	margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	margin-left:-3px;
}
.blocchi a:hover img {
    margin-top: -100px;
}

.skill_radar {
	margin-top:10px;
	margin-bottom:25px;
	margin-left:20px;}

#block_web2 {
	display:none;}



.descrizione, .descrizione2, .descrizione3 {
	margin-top:0px;
	width:310px;
	float:right;
	font-size:11px;
	line-height:14px;
	color:#FFF;
	text-align:right;
}
	
.descrizione a{
	color:#900;
	text-decoration:underline;
}
.descrizione a:hover,.descrizione2 a:hover,  .descrizione3 a:hover {
	color:#FFF;}

.titoletto {
	font-size:14px;
	margin-bottom:8px;}

.note {
	float:right;
	margin-top:-20px;
	}

.tratteggio {
	position:relative;
	float:right;
		border-right:dashed 4px #FFF;
	padding-right:14px;
	overflow:hidden;
	margin-top:20px;
	max-height:370px;
	padding-bottom:0px;}

#showork {}

.immagini {
	width:330px;
	height:206px;}
	
	
/* GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO --- GRAPHICS & VIDEO */

#block_gra2 {
	display:none;}

#graphics_content h4:hover {
	color:#060;}
	
#graphics_content a:hover {
	color:#060;}
	
#graphics_content .blocchi_bis span {
	width:140px;
	float:left;
	margin-right:10px;
	color:#060;}

.descrizione2 a{
	color:#060;
	text-decoration:underline;
}
	

.numfoto
{
	top:-30px;
	text-align:right;
	line-height:10px;
}

ul.numfoto {
	list-style-type: none;
}
ul.numfoto li {
	display: inline;
	font-weight:bold;
}

ul.numfoto li a {
	color:#060;
	text-decoration: none;}
ul.numfoto li a:hover,ul.numfoto li a:active { color:#FFF; }

.tasto_download {
	margin-top:-35px;}

/* PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN --- PRODUCT DESIGN */

#block_pro2 {
	display:none;}

#products_content h4:hover {
	color:#C60;}
	
#products_content a:hover {
	color:#C60;}
	
#products_content .blocchi_bis span {
	width:120px;
	float:left;
	margin-right:10px;
	color:#C60;}

.descrizione3 a{
	color:#C60;
	text-decoration:underline;
}
	

.numfoto2
{
	top:-30px;
	text-align:right;
	line-height:10px;
}

ul.numfoto2 {
	list-style-type: none;
}
ul.numfoto2 li {
	display: inline;
	font-weight:bold;
}

ul.numfoto2 li a {
	color:#C60;
	text-decoration: none;}
ul.numfoto2 li a:hover,ul.numfoto li a:active { color:#FFF; }

.tasto_download {
	margin-top:0px;}
	
	
/* CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS --- CONTACTS */
#contact {
	padding-left:60px;}


input, textarea {
width:250px;
background-color:#FFF;
font-size:16px;
color:#005;
font-style:italic;
font-weight:normal;
font-family:"Courier New", Courier, monospace;
padding:4px 4px 4px 4px;
border-style:none;
  -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
		  margin-bottom: 7px;
	border-style:solid;
	border-width:2px;
	border-color:#003;	}

.button {
	width:100px;
	border:none;
	height:30px;
	background-image:url(images/submit.jpg);
	margin:0;
	padding:0;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:160px;
	}

.button:hover {
	background-position:0px 30px;}

.titoli_contact {
	display:block;
	width:250px;
	font-size:16px;
	line-height:26px;
	border-bottom:dashed 1px #FFF;
	margin-bottom:17px;
	margin-top:35px;
	}
	
.indirizzo, .git {
	line-height:20px;
	color:#abbcfd;}

.git a {
	text-decoration:none;
	color:#FFF;}
.git a:hover {
	color:#003;}

#contatti {
	margin-left:30px;
	}
#pulsanti {
	margin-top:10px;}
#pulsanti span {
	display:none;}
#pulsanti a{
	border:none;
  display: block;
  width:32px;
  height: 32px;
  margin-right:5px;
  background-position:0px -32px;
  float:left;
  opacity:0.5;}
 #pulsanti a:hover{
  display: block;
  height: 32px;
  background-position:0px 0px;
  opacity:1;}

.p1 {background-image:url(images/b_facebook.jpg);}
.p2 {background-image:url(images/b_linkedin.jpg);}
.p3 {background-image:url(images/b_twitter.jpg);}
.p4 {background-image:url(images/b_delicious.jpg);}
.p5 {background-image:url(images/b_flickr.jpg);}
.p6 {background-image:url(images/b_lastfm.jpg);}
.p7 {background-image:url(images/b_anobii.jpg);}

#twitter_div {
	position:relative;
	margin-top:35px;
	margin-bottom:20px;
	height:200px;
	width:250px;
	color:#FFF;
	padding: 4px 4px 4px 4px;
border-style:none;
	}


#twitter_div a{
	color:#009;}
#twitter_div ul {
	font-size:10px;
	color:#FFF;}

#twitter_div li {
	width:200px;
	line-height:13px;
	margin-bottom:20px;}

#twitter_div img {
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
	z-index:999;}

#twitter_update_list li{

		  color:#FFF;
		  font-size:11px;
		  line-height:15px;
	}
#twitter_update_list li a{

		  color:#abbcfd;
		  text-decoration:none;
	}
#twitter_update_list li a:hover{
	text-decoration:underline;
	}

.data {
	display:block;
	margin-top:7px;
	width:200px;
	color:#003;
	font-size:9px;
	border-top: dashed 1px #003;}
	
	
/* OMBRE */

.polaroid, .tasto_curriculum:hover, .tasto_linkedin:hover  {
	-moz-box-shadow: 0 0 25px #000;
    -webkit-box-shadow:0 0 25px #000;
    box-shadow: 0 0 25px #000;
	filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=0,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=180,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=90,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=270,strength=7);
	}

.tasto_curriculum,.tasto_linkedin {
	-moz-box-shadow: 0 0 10px #444;
    -webkit-box-shadow:0 0 10px #444;
    box-shadow: 0 0 10px #444;
	filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#444,direction=0,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#444,direction=180,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#444,direction=90,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#444,direction=270,strength=7);
	}