/* LE SPECIFICHE SEGUENTI MI DEFINISCONO SOLO GLI SFONDI */  
body {
background-color: ThreedFace;
}
div#content {
	
}

div#links a {background: transparent url(images/jj-fade.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(images/jj-wash.jpg) 0 0 no-repeat fixed;}

/*FINE DELLA DEFINIZIONE DEGLI SFONDI*/

body {position: relative; margin: 0; padding: 0;}
div#content {
	text-transform: none;
	position: absolute;
	top: 26px; /*	left: 161px;*/
	left: 0;
	right: 25px;
	color: ButtonFace;
	width: 600px;
		padding: 7px;
	border: solid #FFCC99;
	text-align: right;
	font-family: verdana,sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 5.6pt;

}
div#content p {margin: 0 1em 1em;}
div#content h3 {
	margin-bottom: auto;
	text-transform: uppercase;
}
div#links a {
	display: block; 
	text-align: center; 
	text-transform: lowercase;
/*	font: bold 1em sans-serif; */ 
	font: 12px Verdana, sans-serif;
   	padding: 5px 10px; 
	margin: 0 0 2px; 
	border-width: 0; 
   	text-decoration: none; 
	color: #FFC;}
div#links a:hover {color: #411;}
h1 {
	text-align: right;
	color: #FFFFFF;
	letter-spacing: 0.5em;
	text-transform: lowercase;
	font: 25px sans-serif;
	height: 28px;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #990000;
	margin-top: -9px;
	margin-right: -9px;
	margin-bottom: 0.5em;
	margin-left: -9px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
h2 {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}

dt {font-weight: bold;}

dd {margin-bottom: 0.66em;}

div#content a:link {color: white;}

div#content a:visited {color: white;}

div#content a:link:hover {color: orange;}

div#content a:visited:hover {color: orange;}

div#links {
	position: absolute; 
	top: 74px; 
	/*left: 0;*/
	left: 620px; 
	width: 160px; 
	height: 700px; 
	font: 16px Verdana, sans-serif;
}
code, pre {color: #EDC; font: 110% monospace;}

/*---------------------------nuovi div inseriti da me---------------------------------------*/

div#identity {
	/* position: absolute;*/
	position: relative;
	top: 74px; 
	/*left: 0;*/
	left: 70px;
	width: 300px;
	height: 150px;
	font: 13px Verdana, sans-serif;
	border: medium solid #FFFFCC;
	color: ButtonFace;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

div#identity a:link {
	color: white;
	font: bold;
	letter-spacing: 4.6pt;
}

div#identity a:visited {
color: white;
font: bold;
}

div#identity a:link:hover {
color: orange;
font: bold;
}

div#identity a:visited:hover {
color: orange;
font: bold;
}

div#photo {
	 position: absolute;
	/*position: relative;*/
	top: 45px; 
	/*left: 0;*/
	left: 200px;
	width: 100px;
	height: 100px;
	font: 13px Verdana, sans-serif;
	background-image: url(imgs/elena_l_cut.jpg);
	border: thin solid #FFFFCC;
	color: ButtonFace;
	
}

div#progetti {
	/* position: absolute;*/
	border:medium solid #99FFCC;
color:Red;
font-family:Verdana,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:170px;
left:370px;
line-height:normal;
padding:3px 6px 3px 20px;
position:absolute;
top:190px;
width:300px;
}

div#progetti a:link {
	color: white;
	font: bold;
	letter-spacing: 2pt;
}

div#progetti a:visited {
color: white;
font: bold;
}

div#progetti a:link:hover {
color: orange;
font: bold;
}

div#progetti a:visited:hover {
color: orange;
font: bold;
}

div#textsmall {
font-family:verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
line-height:normal;
padding:2px 3px 2px 2px ;
text-align:left;
text-decoration: none;
}

div#textsmall a:link {
	color: #CCFFFF;
	text-decoration: none;
}

div#textsmall a:visited {
color: #CCFFFF;
text-decoration: none;
}

div#textsmall a:link:hover {
color: #CCFFFF;
text-decoration: none;
}

div#textsmall a:visited:hover {
color: #CCFFFF;
text-decoration: none;
}


div#change {
	border:medium solid #99FFCC;
color:buttonface;
font-family:verdana,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
left:805px;
letter-spacing:4.6pt;
line-height:normal;
padding:0px 3px 0px 3px ;
position:absolute;
text-align:right;
top:180px;
text-decoration: none;
	/*width: 80px;*/
}

div#change a:link {
	color: white;
	font: bold;
	letter-spacing: 4.6pt;
	text-decoration: none;
}

div#change a:visited {
color: white;
font: bold;
text-decoration: none;
}

div#change a:link:hover {
color: white;
font: bold;
text-decoration: none;
}

div#change a:visited:hover {
color: white;
font: bold;
text-decoration: none;
}

div#dec1 {
	border: medium solid #FFFFCC;
	color: buttonface;
	height: 40px;
	left: 880px;
	line-height: normal;
	padding: 2px 5px 2px 5px;
	position: absolute;
	top: 150px;
	width: 60px;
}
div#dec2 {
	border: medium solid #CC3333;
	color: buttonface;
	height: 30px;
	left: 950px;
	line-height: normal;
	position: absolute;
	top: 120px;
	width: 30px;
}

div#shiny {
	border: medium solid #FFFFCC;
	color: buttonface;
	height: 15px;
	left: 880px;
	line-height: normal;
	padding: 2px 5px 2px 5px;
	position: absolute;
	top: 800px;
	width: 100px;
}





/* galleria illustrazioni*/

#project
	{	
border:medium solid #999999;
height:380px;
font: 11px Verdana, sans-serif;
color: ButtonFace;
left:680px;
padding:0;
position:absolute;
top:350px;
width:310px;
	}
#projectgallery
	{
border:thin solid red;
height:290px;
margin:0 0 0 10px;
padding:0;
width:290px;
}
#project-pic
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.project-pic
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic.jpg);
		background-repeat:no-repeat;
	}
.project-pic:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic.jpg);
		background-repeat:no-repeat;
	}		
#project-pic02
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 3px 3px 3px;
		padding:0px;
	}
.project-pic02
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic02.jpg);
		background-repeat:no-repeat;
	}
.project-pic02:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic02.jpg);
		background-repeat:no-repeat;
	}		
	
#project-pic03
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.project-pic03
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic03.jpg);
		background-repeat:no-repeat;
	}
.project-pic03:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic03.jpg);
		background-repeat:no-repeat;
	}			
#project-pic04
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.project-pic04
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(imgs/proje-pic04.jpg);
		background-repeat:no-repeat;
	}
.project-pic04:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(imgs/proje-pic04.jpg);
		background-repeat:no-repeat;
	}			
#project-pic05
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 3px 3px 3px;
		padding:0px;
	}
.project-pic05
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic05.jpg);
		background-repeat:no-repeat;
	}
.project-pic05:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic05.jpg);
		background-repeat:no-repeat;
	}			
#project-pic06
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.project-pic06
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic06.jpg);
		background-repeat:no-repeat;
	}
.project-pic06:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic06.jpg);
		background-repeat:no-repeat;
	}			
#project-pic07
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
	}
.project-pic07
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic07.jpg);
		background-repeat:no-repeat;
	}
.project-pic07:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic07.jpg);
		background-repeat:no-repeat;
	}			
#project-pic08
	{
		width:93px;
		height:93px;
		float:left;
		margin:0 3px 3px 3px;
		padding:0px;
	}
.project-pic08
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic08.jpg);
		background-repeat:no-repeat;
	}
.project-pic08:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic08.jpg);
		background-repeat:no-repeat;
	}			
#project-pic09
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
	}
.project-pic09
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic09.jpg);
		background-repeat:no-repeat;
	}
.project-pic09:hover
	{
		width:93px;
		height:93px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proje-pic09.jpg);
		background-repeat:no-repeat;
	}		
	
/* fine galleria illustrazioni */

/* galleria sitiweb*/

#proj
	{
border:medium solid #FFCC66;
color:buttonface;
font-family:Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:250px;
left:200px;
line-height:normal;
margin:0;
padding:0;
position:absolute;
top:363px;
width:250px;
						
	}
	
#projgallery {
border:thin solid infobackground;

height:202px;
margin:12px 0 0 25px;
padding:0;
width:214px;
}

#proj-pic
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.proj-pic
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic.jpg);
		background-repeat:no-repeat;
	}
.proj-pic:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic.jpg);
		background-repeat:no-repeat;
	}		
#proj-pic02
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 3px 3px;
		padding:0px;
	}
.proj-pic02
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic02.jpg);
		background-repeat:no-repeat;
	}
.proj-pic02:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic02.jpg);
		background-repeat:no-repeat;
	}		
	
#proj-pic03
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 3px 0;
		padding:0px;
	}
.proj-pic03
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic03.jpg);
		background-repeat:no-repeat;
	}
.proj-pic03:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic03.jpg);
		background-repeat:no-repeat;
	}			
#proj-pic04
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 3px 3px;
		padding:0px;
	}
.proj-pic04
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(imgs/proj-pic04.jpg);
		background-repeat:no-repeat;
	}
.proj-pic04:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image: url(imgs/proj-pic04.jpg);
		background-repeat:no-repeat;
	}			
#proj-pic05
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 0px 0;
		padding:0px;
	}
.proj-pic05
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic05.jpg);
		background-repeat:no-repeat;
	}
.proj-pic05:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic05.jpg);
		background-repeat:no-repeat;
	}	
#proj-pic06
	{
		width:105px;
		height:65px;
		float:left;
		margin:0 0 0px 3px;
		padding:0px;
	}
.proj-pic06
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic06.jpg);
		background-repeat:no-repeat;
	}
.proj-pic06:hover
	{
		width:105px;
		height:65px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(imgs/proj-pic06.jpg);
		background-repeat:no-repeat;
	}			
	
	
	
/* fine galleria sitiweb */