@import url("mattstyle.css");

html, body {
width:100%;
height:100%;
color:#000000;
font:normal 12px verdana,arial,helvetica,sans-serif;
background:#FFFFFF;	
margin:0; padding:0; border:0;			/* This removes the border around the viewport in old versions of IE */
letter-spacing:0.15; word-spacing:1.2px;
}

/* stili interni della colonna contenuto: ovvero Main content area */
#tavolabianca {
	width:75%;
	min-width:500px;	max-width:700px;
	background:#FFFFFF;
	color:#000;
	line-height:17px;
	text-align: left;
	padding: 0px 0px 35px 0px;
	/* should you wish to horizontally center the fucker
	position:absolute; left:50%; 
	margin: 20px auto auto -250px; 
	border:1px solid black; text-align:center;
	
	not used
	Georgia, Times New Roman, serif, 
	*/
}

h1 { /*il titolo di bio, ecc...*/
	font-family: GillSans, Helvetica, Arial, sans-serif;
	margin: 45px 0px 35px 0px;
 	padding:0 0 10px 0;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: normal;
	color: #000;
	border-bottom:3px dotted #000;
	letter-spacing: 2px;
	white-space: nowrap; }
.follow { padding:0px 10px 0px 10px; color:#CC0000;}
.follow:before  {content: url(../img/bullet.gif);}

h2 { /*il titolo di about, tours, ecc...*/
font-family: GillSans, Helvetica, Arial, sans-serif;
font-size:30px; font-weight:bold; letter-spacing:1px;
margin:38px 0px 25px 0px; padding:0 0 5px 0;

text-transform: uppercase;
text-align:left;
color:#000;	border-bottom:3px solid #000;
line-height:1em;}  
	
h3 { /*il sottotitolo con la striscia rossa */
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #c00;
	border-bottom:1px solid #C00;}  

h4 { /*il sottotitolo marroncino finora, mai usato, elimina? */
	font-size: 14px;
	font-weight: bold;
	margin: 20 0 6 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #c2803e;}  

h5 { /*il sottotitolo con rosso; esempio in contatti */
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 0 0;
	letter-spacing: 1px;
	color: #c00;
}  


h6 { /*il sottotitolo nero senza striscia */
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	}  

#tavolabianca p { margin: 0 0 15px 0;}

#tavolabianca ul li { list-style-image:  url(../img/bullet_tiny.gif); margin: 0 0 0.8em 0;}

#tavolabianca a:link, #tavolabianca a:visited {
color:#c00;
text-decoration:none;
border-bottom:1px dotted #A5648F;
}
#tavolabianca a:visited { border-color:#c6c; }
#tavolabianca a:hover {
 color:#fff; background: #C00;	border-bottom:1px dotted #693F5B;}

#tavolabianca img {
border:1px solid #999;
background-color:#fff;
margin:15px;
padding:6px;
}
	
#footer { 
width:75%; min-width:500px;	max-width:700px;
margin:5px 0 5px 0;
text-align:right;
display:block;
border-top:2px solid #C00;
height:28px;
padding:5px 0 0 0;
}	
#footer img{ border:0px;}	

/* stili interni della colonna menu */
/* MENU 1: bio, ecc.. */
#menu {width: 85px; padding:0px 0px 0px 3px; margin:0px;}
#menu img {padding:0px;  margin:30px 0px 10px 4px;}
#menu dl {margin:0px; padding:0px;}
#menu dd {margin:0px; padding:0px; color: #fff; font-size: 12px; 
text-align:right; /*background: #CCCC00*/}
#menu a, #menu a:visited {color:#000000; text-decoration:none; display:block; 
padding:5px; width:70px;}
#menu a:hover { 

background: #CC0000; color:#FFFFFF; 
/* When IUT inserisci freccetta background: #CC0000 url(arrowr.gif) no-repeat 11px 10px; color:#FFFFFF; */

border-bottom:2px dotted #000; 
border-top:2px dotted #000; 
border-left:2px dotted #000; 
text-align:left; }

.selecta { color:#FFFFFF; background:#CC0000; 
display:block; padding:5px; width:70px;
border:2px solid #000; 
border-right:0px solid #000; 
text-align:left; }

/*MENU 2: contacts, ecc.. */
#menu2 {width: 85px; padding:0px; padding-left:3px; }
#menu2 img {padding:0px;  margin:30px 0px 10px 25px;}
#menu2 dl {margin:0px; padding:0px;}
#menu2 dd {margin:0px; padding:0px; color: #fff; font-size: 12px; 
text-align:right; /*background: #CCCC00*/}
#menu2 a, #menu2 a:visited {color:#000000; text-decoration:none; display:block; 
padding:5px; width:70px;}
#menu2 a:hover { background: #CC0000; color:#FFFFFF; 
/* When IUT inserisci freccetta background: #CC0000 url(arrowr.gif) no-repeat 11px 10px; color:#FFFFFF; */
border:2px dashed #000; 
border-right:0px; 
text-align:left; }