@charset "UTF-8";
/* CSS Document */

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
{
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
 
}

/* --- Typography --- */
td p{vertical-align: top; line-height: 12px; margin-top: 0px; margin-bottom: 3px;}

body {
	font-family: Helvetica, Arial, sans-serif;
	color: #222;
}

em {font-style: italic;}

.grid p {
	line-height: 13px;
	font-size: 12px;
	color: #222;
}

.grid h1 {
  font-size: 16px;
  
}

.grid h2 {
  font-size: 16px;
  
}

.grid h3 {
  font-size: 16px;
  
}

.grid h4 {
  font-size: 16px;
  
}

.grid h5 {
  font-size: 16px;
  
}

.grid h6 {
  font-size: 16px;
  
}

/* --- Grid --- */

.grid {
  width: 747px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 117px;
}

.grid-m2 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 117px;
}

.grid-m3 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 117px;
}

.grid-m4 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 117px;
}

.grid-m5 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid-c5 {
  float: left;
  width: 117px;
}

.grid-m6 {
  float: left;
  width: 9px;
  height: 1px;
}

.grid-c6 {
  float: left;
  width: 117px;
}

/*--------STILI MIEI---------*/
.grid #menu  {
	margin-bottom: 31px;
}
.grid #menu a {
	font-weight: bold;
	text-decoration: none;
	color: #222;
	font-size: 18px;
	word-spacing: 2px;
}

.grid #menu a:hover, .grid #menu a.highlight, #thumbs li a.highlight, .grid #thumbs-works a.highlight, .grid #thumbs-works a:hover, .grid #description-short a.highlight, .grid #description-short a:hover  {
	color: #BBBBB6;
}

.primapagina .grid #menu a {
	margin-right: -16px;
}
.bookbio p {
	font-size:12px;
	  
	  line-height:13px;
}
#contieni.press {
	margin-top: -15px;
}
.press .sidethumb {
	margin-left:-4px;
}
/*HOVER SU IMMAGINE HIGHLIGHT TESTO*/

#wrapper {position:relative; width:747px; height:369px; padding:0px;}
#wrpper a img {border:0px;}
#wrapper-works {
	height:369px;
	width: 747px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;
}
/* #wrapper-works img {
	height:117px;
	width: 117px;
	border:0px;
}*/
#out {padding:0; margin:0; list-style:none;
padding-top: 0px;}
#out li a {
	color:#222;
	text-decoration:none;
}
#out table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
/*LARGHEZZA ALTEZZA DEL BLOCCO IMMAGINI*/
#out span {
	display:block;
	width:747px;
	height:369px;
	position:absolute;
	left:0px;
	top:0px;
	background-image: none;
	background-color:#fff;
}
/*CONTENITORE LINK TESTUALI*/
#thumbs {
	margin:0;
	list-style:none;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-top: 399px;
	
}
#thumbs li {
	float:left;
	color:#222;
}
#thumbs li a {
	float:left;
	color:#222;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 5px;
}

/*-----------------MENU BASSO DEI LAVORI INTERNO A PAGINA DETTAGLIO LAVORO*/
#thumbs-works {
	list-style:none;
	padding-top: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#thumbs-works li {
	float:left;
	color:#222;
}
#thumbs-works li a {
	float:left;
	color:#222;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 5px;
}

#thumbs li a i {display:block; width:117px; height:117px; position:absolute; background:#transparent;}


/*#thumbs li a i#link1 {background:#fff url(img/pic1.jpg); left:0px; top:0px;}
#thumbs li a i#link2 {background:#fff url(img/pic2.jpg); left:126px; top:0px;}
#thumbs li a i#link3 {background:#fff url(img/pic3.jpg); left:252px; top:0px;}
#thumbs li a i#link4 {background:#fff url(img/pic4.jpg); left:378px; top:0px;}
#thumbs li a i#link5 {background:#fff url(img/pic5.jpg); left:504px; top:0px;}
#thumbs li a i#link6 {background:#fff url(img/pic6.jpg); left:630px; top:0px;}
#thumbs li a i#link7 {background:#fff url(img/pic7.jpg); left:0px; top:126px;}
#thumbs li a i#link8 {background:#fff url(img/pic8.jpg); left:126px; top:126px;}
#thumbs li a i#link9 {background:#fff url(img/pic9.jpg); left:252px; top:126px;}
#thumbs li a i#link10 {background:#fff url(img/pic10.jpg);left:378px; top:126px;}*/
/*
#thumbs li a i#link7 {left:350px; top:460px;}
#thumbs li a i#link8 {left:480px; top:460px;}
#thumbs li a i#link9 {left:610px; top:460px;}
*/
#out li a:hover {border:0;}
#out :hover span {
	background-image: none;
}

/*TESTO IN STATO HOVER*/
#thumbs li a:hover {color:#bbbbb6;}
#thumbs li a:hover i {cursor:pointer;}

/*IMMAGINI IN STATO HOVER*/
/*#thumbs :hover i#link1 {background:#fff url(img/pic1.jpg);} // commentato e messo direttamente nella pagina
#thumbs :hover i#link2 {background:#fff url(img/pic2.jpg);}
#thumbs :hover i#link3 {background:#fff url(img/pic3.jpg);}
#thumbs :hover i#link4 {background:#fff url(img/pic4.jpg);}
#thumbs :hover i#link5 {background:#fff url(img/pic5.jpg);}
#thumbs :hover i#link6 {background:#fff url(img/pic6.jpg);}
#thumbs :hover i#link7 {background:#fff url(img/pic7.jpg);}
#thumbs :hover i#link8 {background:#fff url(img/pic8.jpg);}
#thumbs :hover i#link9 {background:#fff url(img/pic9.jpg);}
#thumbs :hover i#link10 {background:#fff url(img/pic10.jpg);}*/
/*
#thumbs :hover i#link7 {background:#fff url(img/pic7.jpg);}
#thumbs :hover i#link8 {background:#fff url(img/pic8.jpg);}
#thumbs :hover i#link9 {background:#fff url(img/pic9.jpg);}
*/


/*PAGINA LITERATURE - EFFETTO THUMBS*/

#literature {
	margin:0;
	list-style:none;
	padding-top: 399px;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	
}
#literature li {
	float:left;
	color:#222;
}
#literature li a {
	float:left;
	color:#222;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 5px;
}

/*-----------------MENU BASSO DEI LAVORI INTERNO A PAGINA DETTAGLIO LAVORO*/
#literature-works {
	margin:0;
	list-style:none;
	padding-top: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	
}
#literature-works li {
	float:left;
	color:#222;
}
#literature-works li a {
	float:left;
	color:#222;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 5px;
}

#literature li a i {display:block; width:117px; height:117px; position:absolute; background:#transparent;}
/*
#literature li a i#link7 {left:350px; top:460px;}
#literature li a i#link8 {left:480px; top:460px;}
#literature li a i#link9 {left:610px; top:460px;}
*/
#out li a:hover {border:0;}
#out :hover span {
	background-image: none;
}

/*TESTO IN STATO HOVER*/
#literature li a:hover {color:#bbbbb6;}
#literature li a:hover i {cursor:pointer;}

/*IMMAGINI IN STATO HOVER*/
/*
#literature :hover i#link7 {background:#fff url(img/pic7.jpg);}
#literature :hover i#link8 {background:#fff url(img/pic8.jpg);}
#literature :hover i#link9 {background:#fff url(img/pic9.jpg);}
*/

.grid.row {
	margin-top: 9px;
}
.grid.row .grid-c1 {
	height: 117px;
}
.grid #description-text {
	margin-top: 29px;
	font-size: 12px;
	line-height: 13px;
	width: 747px;
}
.grid #description-short {
	font-size: 18px;
	font-weight: bold;
	margin-top: 28px;
	margin-bottom: 26px;
}
.grid #description-short a, .grid #description-text a, a {
	text-decoration: none;
	color:#222;
}
/*PAGINA SLIDESHOW*/

.grid .content {
	height: 369px;
}
.grid #controls {
	font-size: 13px;
	margin-top: 33px;
	font-family: Helvetica, Arial, sans-serif;
}
#controls a  {
	font-size: 12px;
	color: #222;
	text-decoration: none;
	margin-right: 5px;
}
#controls a:hover , #controls a.highlight{
	color: #BBBBB6;
	
}
/*SCROLLING PER BIO E CRITICI */
#holder {
	padding: 0px;
	width: 747px;
	height: 369px;
	margin-right: auto;
	margin-left: auto;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 366px;
	width: 747px;
}
#holder .grid #description-short {
	margin-top: 32px;
	color:#BBBBB6;
}
.side-thumb {
	position:absolute;
	top:0px;
	left:0px;
	width: 117px;
	height: 117px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-image: url(img/bgsub.gif);
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-color: #333333;
	background-image: url(img/insub.gif);
	background-repeat: repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.grid_1 {
width:117px;
}
.grid_5  {
width:621px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
display:inline;
float:left;
margin-left:0;
margin-right:9px;
position:relative;
}

/*Bio styling*/
dl dt {
	clear:left;
	width:180px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
dl dd {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 55px;
}
html, body {
height: 100%;
}

#spacer {
	height: 10%;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
}
/*
#bio #holder {
	padding: 0px;
	width: 747px;
	height: 459px;
	margin-right: auto;
	margin-left: auto;
}
#bio #holder .jScrollPaneContainer {
	height: 459px;
} */

:focus {outline-style: none}