/* .............................. */
/* Basic */
/* .............................. */

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	background-color: #f0f0f0;
	color: #777777;
	text-align: center;
	height:100%;
	margin:0;
	padding:0;
	}

/* .............................. */
/* Link stylings */
/* .............................. */

A:link {
	text-decoration: none;
	color: #777777;
}
A:visited {
	text-decoration: none;
	color: #777777;
}
A:hover {
	text-decoration: none;
	color: #cc3333;
}
A:active {
	text-decoration: none;
	color:  #000000;
}

/* .............................. */
/* Headings */
/* .............................. */

.pseudo_H2 {
	text-align:left;
	font-family:Verdana, Arial,Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}
h3	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
/* .............................. */
/* barra navigazione */
/* .............................. */

#header {
	margin:0px;
	height:24px;
	width: 100%;
	background-color: #cccccc;
	border-bottom: 1px ridge #777777;
	}
#header_home {
	margin:0px;
	height:24px;
	width: 100%;
	background-color: #cccccc;
	filter: alpha(opacity=50);
	opacity: 0.50;
	border-bottom: 1px ridge #777777;
	}

.navstyle{ /*mod*/
	text-align:left;
	padding:0px 4px 0px 4px;
	height:24px;
	}
.uppcase {
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	}
.phototitle{
	text-align: center;
	font-weight:bold;
	text-transform:uppercase;
	color:#cc3333;
	}
.navleft{ /* mod */
	height:12px;
	padding: 0px;
	}
.navcenter{ /* mod */
	height:12px;
	padding: 0px;
	text-align:center;
	}
.navright{ /* mod */
	text-align:right;
	height:12px;
	padding:0px 4px 0px 4px;
	}
.navdiv {
	width:auto;
	text-align:left;

/* .............................. */
/* Image info */
/* .............................. */		}
			
#imageinfo {
   	text-align:left;
	font-size:12px;
	background-color: #cccccc;
	margin: auto;
	padding: 8px;
	border: 2px solid #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.50;
	}
#imageinfo a {text-decoration:underline;}
#imageinfo a:hover {}

#imageinfocontent {
	background-color: #cccccc;
	text-align:left;
	padding: 8px;
	border: 2px solid #ffffff;
	}

/* .............................. */
/* Comments */
/* .............................. */
.pag_comm {margin: 20px; border: 1px dotted #777777;}
#comm_title {
	text-align:left;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color: #aa0000;
	margin-bottom: 10px;
	padding-left:10px;
}



#comments {
    font-size: 12px;
	margin: 0px 20px 0px 20px;
	clear:both;
    }
#comments ul {
    padding:0px;
    display:block;
	margin:0;
	margin-top:10px;
    list-style:none;
    }
#comments li {
    padding-bottom:10px;
    padding-top:12px;
    padding-left:5px;
    padding-right:5px;
	margin:0;
    border-bottom:1px dotted #777777;
	background-color:#d8d8d8;
	text-align:left;
    }
.mycomments {
	color: #333333;
	font-style:italic;
    }
#comments li:hover {
    background-color: #f0f0f0;
	color:#000000;
    }

#addcomment {
	margin-left: 15px;
	margin-right: 15px;
    border:1px dotted #777777;
	font-size: 12px;
	text-align:left;
    background-color:#d8d8d8;
    padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	 }

.input {
    width:40%;
	font-size:12px;
	padding:3px;
	border:1px dotted #777777;
	/* don't change */
	background-color: #ffffff;
	/* ------------ */
    }
.text {
    width:95%;
	height: 50px;
	font-size:12px;
	padding:3px;
	border:1px dotted #777777;
	/* don't change */
	background-color: #ffffff;
	/* ------------ */
    }
	/* don't change */
.commentbutton {
    background-color:#dddddd;
	border:1px solid #666666;
	border-bottom:2px solid #666666;
	border-right:2px solid #666666;
	}
.commentbutton:hover{
    background-color:#ffffff;
	border:2px solid #666666;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	}
	/* ----------- */

/* .............................. */
/* immagini  */
/* .............................. */

#imagebox {
	margin: 24px auto 0px auto;
	text-align:center;
}
img.foto {
	background-color: #f0f0f0;
	margin: 0px;
	padding: 8px;
	border: 1px solid #d8d8d8;
}
a:hover img.foto  {
	background-color: #d8d8d8;
	margin: 0px;
	padding: 9px;
	border: 0px solid #f0f0f0;
}

/* .............................. */
/* immagini layout */
/* .............................. */


#icon_home a {background-image:url(../images_layout/icon_home_7.gif); background-repeat:no-repeat; background-position:center; width: 12px;}
#icon_home a:link {background-image: url(../images_layout/icon_home_7.gif); background-repeat:no-repeat; background-position:center; }
#icon_home a:hover {background-image: url(../images_layout/icon_home_C33.gif); background-repeat:no-repeat; background-position:center;}

#me {border: 6px solid #f0f0f0;}

/* .............................. */
/* Footer */
/* .............................. */


#footer {
	padding: 0 0 0 4px;
	margin: 0;
	clear: both;
	text-align:center;
	line-height:150%;
	filter: alpha(opacity=50);
	opacity: 0.50;
	}
/* .............................. */
/* Browse page */
/* .............................. */

#mezzo_ext{
	margin: 24px auto auto auto;
	text-align:center;
	vertical-align:top;
	border: 1px solid #777777;
	background-color: #d8d8d8;
	padding: 0px 15px 15px 15px;
	}
#mezzo{
	margin:auto;
	font-size:12px;
	text-align:center;
	vertical-align:top;
	}
#mezzo_top {
	text-align:left;
	vertical-align:top;
		}
#mezzo_left {
	width: 50%;
	text-align:left;
	padding: 20px;
	vertical-align:top;
	border: 1px dotted #777777;
	background-color: #f0f0f0;
		}
#mezzo_right {
	width: 50%;
	text-align:left;
	padding: 20px;
	vertical-align:top;
	background-color: #f0f0f0;
	border-top: 1px dotted #777777;
	border-right: 1px dotted #777777;
	border-bottom: 1px dotted #777777;
	}
#mezzo_left p a:link, #mezzo_right p a:link {text-decoration:underline;}

#left_col {
	padding:20px;
	text-align:left;
	vertical-align:top;
	width: 160px;
	}

/* .............................. */
/* Thumbnails */
/* .............................. */		
		
#browse	{
	text-align:left;	
    width:630px;
	padding:20px;
	vertical-align:top;
	}
#browse .thumbnails {
	filter: alpha(opacity=70);
	opacity: 0.70;
	background-color: #f0f0f0;
	margin: 0px;
	padding: 8px;
	border: 2px solid #d8d8d8;
    }
#browse a:hover img{
	filter: alpha(opacity=99);
	opacity: 0.99;
	background-color: #d8d8d8;
	margin: 0px;
	padding: 8px;
	border: 2px solid #f0f0f0;
	    }
/* ........................*/
/* Highlights */
/* ........................*/

.tab_ext{
	margin: 24px auto auto auto;
	text-align:center;
	vertical-align:top;
	border: 1px solid #777777;
	background-color: #d8d8d8;
	padding: 0px 15px 15px 15px;
	}
.tab_int{
	margin:auto;
	font-size:12px;
	text-align:center;
	vertical-align:top;
	}
.tab_top {
	text-align:left;
	vertical-align:top;
		}
.td_left {
	width: 50%;
	text-align:left;
	padding: 20px;
	vertical-align:top;
	border: 1px dotted #777777;
	background-color: #f0f0f0;
		}
/* .............................. */
/* Buttons */
/* .............................. */		
		
#butt	{
	text-align:center;	
    width:630px;
	margin: auto;
	}
#butt .dimm {
	filter: alpha(opacity=40 Grey());
	opacity: 0.40;
    }
#butt a:hover img{
	filter: alpha(opacity=99);
	opacity: 0.99;
	    }