body {
	font-family: arial, verdana, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}



/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	min-width: 700px;
	max-width: 1050px;
	margin: 0 auto;
	text-align: left;
}


#menu-top {
	background: white url('images/css/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('images/css/bg02-white-left.png') no-repeat left top;
	margin: 0;
	padding: 1em 0 0 20px;
	list-style: none;
	float: left;
}

#menu-top li { display: inline; }

#menu-top a, #menu-top a:visited {
	background: transparent url(images/css/menuleft.png) no-repeat left top;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 2px;
}

#menu-top a span, #menu-top a:visited span {
	background: transparent url(images/css/menuright.png) no-repeat right top;
	padding: 0 8px 0 4px;
	margin: 0 0 0 4px;
	display: block;
}

#menu-top a:hover { background-position: 0% -50px; }
#menu-top a:hover span { background-position: 100% -50px; }


#wrapper-header { background: transparent url('images/css/bg.png') top center repeat-x; }
#header { background: #eee url('images/css/dsc04881_banner.jpg') no-repeat center top; }
#wrapper-header2 { background: transparent url('images/css/bg02-blue-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('images/css/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 0 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}




#wrapper-content {
	background: white url("images/css/bg02-white-left.png") no-repeat left top;
}


#content {
	background: transparent url('images/css/bg02-white-right.png') no-repeat right top;
	padding: 5px 250px 3em 40px; 
	text-align: justify;
}







/* QUESTA È UN AGGIUNTA */
#wrapper-menu-page {
	float: right;
	width: 187px; 
	margin: 10px 15px 1.5em 1em;

	text-align: center;
/*	line-height: 140%; */
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}


#menu-page {
	float: right;
	width: 187px;
/*	margin: 20px 30px 3em 2em; */
	background: transparent url('images/css/menu.png') no-repeat; 
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}



#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 1.3em;
}


#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }


# td-comment {
	background-color: #F2F2F2; color: black;  padding:10px; cellspacing:20px
}




#wrapper-footer { text-align: center; }

#footer {
	font-size: 75%;
	font-weight: normal;
	margin: 0 0px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
	line-height: 2.2em;
}



h1 { font-size: 130%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; margin-bottom: 0.5em; }
h4 { font-size: 100%; margin-bottom: 0; padding-bottom: 0; }
p { margin-top: 0.5em; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; } 



/* This code is for the positioning of the footer. There is also an IE part in ltie7.css */
html, body { height: 100% }

#nonFooter {
	position: relative;
	min-height: 100%;
}

#wrapper-footer {
	position: relative;
	margin-top: -0.1em;
/* -- questo dava uno spazio bianco sotto il box in basso 
	margin-top: -2.3em;
-- */
}




/* -- IMAGES -- */

#main .photoblock {			/* Basic block, inline, w/caption fonts. */
  font-size: 10px;
  color: #888888;
  margin-right: 10px;
  display: inline-block;
}

#main .photoblock-left {		/* A photo block on the left */
  margin: 0 10px 10px -4px;
  font-size: 10px;
  color: #888888;
  float: left;
}
#main .post-body .photoblock-left a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoblock-right {		/* Photo block on the.. gasp.. right */
  margin: 0px 0px 10px 10px;
  font-size: 10px;
  color: #888888;
  float: right;
  text-align: right;
}
#main .post-body .photoblock-right a {
  color: #555555;
  background-image: none;
  text-decoration: underline;
}

#main .photoborder {           /* Apply to an image to give it a border */
  border: 1px solid #ccc;
  padding: 1px;
}
#main a:hover .photoborder {
   border: 1px solid #888;
}

#photoblock-many {		/* A general full-width photo block (that clears), for many thumbnails */
   margin: 0 10px 10px -4px;
   clear: both;
   width: 100%;
   text-align: center;
   font-size: 10px;
   color: #888888;
}
#photoblock-many a {		/* (Need clear links in the photo block) */
   background: white;
}

#photoborder-right {		/* A photo with a border on the right */
   border: 1px solid #ccc;
   padding: 1px;
   margin: 0px 0px 10px 10px;
   float: right;
}

#photo {			/* A normal photo */
  padding: 3px;
  vertical-align: middle;
}

.post-footer img {
   vertical-align: -20%;
   /* border: 1px black solid; */
}