/* Formattazione 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
* 								{margin: 0; padding: 0; }
html 							{overflow-y: scroll; }
body 							{font: 12px/1.5em Helvetica, Arial, sans-serif; background: #DEE2E4 url(img/body_bg_c.gif) no-repeat center top; text-align: center; color: #5E6B6E; }
ul 								{list-style: none; }
p 								{padding-bottom: 10px; }
a 								{outline: none; color: #414A4C; }
a:hover 						{color: #F03C3C; text-decoration: none;}
a img 							{border: none; }
h2 								{font-weight: normal; color: #f03c3c; font-size: 1.6em; margin-bottom: 15px;}
h3 								{text-transform: uppercase; font-weight: bold; font-size: 0.9em; display: block; padding: 2px 6px; background: #EFF4F6; margin-bottom: 6px}

.clear 							{clear: both;}
#wrapper 						{width: 470px; margin: 70px auto 0; text-align: left;}


/* Header 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.header 						{height: 130px; background: url(img/main_t_bg.png) no-repeat top center}
.header h1 a 					{width: 220px; height: 50px; background: url(img/nome.png) no-repeat 0 0; display: block; position: relative; top: 53px; left: 40px;}
.header h1 a:hover 				{background-position: 0 -70px;}
.header h1 a span				{position: absolute; top: -9999px; left: -9999px;}
.header .bookmark 				{float: right; position: relative; top: 20px; right: 30px; background: url(img/bookmark.png) no-repeat 0 0; height: 90px; width: 33px}
.header .bookmark:hover			{background-position: -38px 0;}
.header .bookmark span 			{position: absolute; top: -9999px; left: -9999px;}

.tip 							{width: 144px; height: 47px; line-height: 1.2em; overflow: hidden;	display: none; position: absolute; z-index: 500; 
								 background: url(img/tooltip_s.png) no-repeat top left; color: #5996a2; font-size: 0.9em; margin: 120px 0 0 -107px;}
.tip .tipMid 					{padding: 10px 20px 0 10px;}

/* Navigazione
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#nav 							{padding: 0 20px; float: left; margin-bottom: 20px; line-height: 1em;}
#nav .menu 						{position: relative; height: 33px; width: 330px; padding: 7px 0 0 100px; background: #F8FAFB url(img/nav_bg.gif) repeat-x bottom; overflow: hidden; border-bottom: 1px solid #DADFE3;}
#nav .menu li 					{float: left;	list-style: none;}
#nav .menu li.back 				{background: url(img/nav_bt.gif) no-repeat center center; width: 9px; height: 26px; z-index: 8; position: absolute;}
#nav .menu li a 				{text-decoration: none; color: #6a7985; outline: none; text-align: center; top: 6px; z-index: 10; display: block; float: left; width: 76px; position: relative; overflow: hidden; font-weight: bold;}
#nav .menu li a:hover 			{color: #F03C3C}
#nav .menu li a:hover, 
#nav .menu li a:active, 
#nav .menu li a:visited 		{border: none;}
#nav .menu li.current a 		{color: #31636b;}

/* Contenuti principali 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main 							{background: url(img/main_b_bg.png) no-repeat bottom center; padding-bottom: 50px;}
.main .main_b 					{background: url(img/main_m_bg.png) repeat-y top center}
.main .main_b #main_content 	{width: 390px; position: relative; left: 40px;}

/* About
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#about .first					{font-size: 1.2em; color: #333; padding-right: 0;}

/* Contatti 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#contact 						{display: none;}
#contact .personale h3 			{background: url(img/titoli_contatti.gif) no-repeat 0 -7px;}
#contact .lavoro h3 			{background: url(img/titoli_contatti.gif) no-repeat 0 -48px;}
#contact .download_vcard		{float: right; margin-top: -3px; display: block; padding-left: 40px; background: url(img/vcard.gif) no-repeat 0 0; height: 24px; width: 85px; line-height: 24px; text-decoration: none; color: #69787C;}
#contact .download_vcard:hover 	{background-position: 0 -30px; color: #F03C3C;}
#contact .download_vcard:active {background-position: 0 -60px; line-height: 27px; padding-left: 41px; width: 84px;}

#contact ul 					{float: left; clear: both; display: block; margin-bottom: 15px}
#contact li 					{float: left; display: block; display: block; margin-bottom: 5px;}
#contact li strong 				{display: block; float: left; width: 104px; color:#919AA1; padding-left: 6px; }
#contact li .right				{display: block; width: 280px; float: right;}
#contact li .right strong		{display: inline; font-size: 1em; color: #333; float: none; padding: 0;}
#contact li .adr				{margin-left: 110px;}
#contact li .resume 			{background: url(img/download.gif) no-repeat right center; padding: 1px 18px 1px 0;}


/* Networks 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#networks 						{display: none;}
#networks ul li 				{float: left; width: 190px; display: block; margin-bottom: 15px;  line-height: 1.4em}
#networks ul li a 				{color: #414A4C; text-decoration: none; padding-left: 32px; display: block}
#networks ul li a strong 		{display: block; }
#networks ul li a small 		{font-size: 1em; color: #919AA1;}
#networks ul li a:hover strong 	{color: #F03C3C}
#networks ul li.blog a 			{background: url(img/blog.gif) no-repeat left center}
#networks ul li.facebook a 		{background: url(img/facebook.gif) no-repeat left center}
#networks ul li.delicious a 	{background: url(img/delicious.gif) no-repeat left center}
#networks ul li.facebook a 		{background: url(img/facebook.gif) no-repeat left center}
#networks ul li.linkedin a 		{background: url(img/linkedin.gif) no-repeat left center}
#networks ul li.lastfm a 		{background: url(img/lastfm.gif) no-repeat left center}
#networks ul li.vimeo a 		{background: url(img/vimeo.gif) no-repeat left center}
#networks ul li.twitter a 		{background: url(img/twitter.gif) no-repeat left center}
#networks ul li.flickr a 		{background: url(img/flickr.gif) no-repeat left center}


/* Footer 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.footer 						{color: #767F85; text-align: center; }
.footer p 						{padding-bottom: 0;}
.footer a 						{color: #5E6469; text-decoration: underline;}
.footer a:hover 				{text-decoration: none;}
.footer .inspired 				{font-size: 0.9em; color: #919AA1;}