/* Text color: #777777            */
/* Text hover color: #000000      */
/* Text title color: #aa0000      */
/* Background color 1: #f0f0f0    */
/* Background color 2: #d8d8d8    */
/* Border color: #777777		  */


/* .............................. */
/* 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: #000000;
}
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;
	}

/* .............................. */
/* 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;
}
#imageinfo {
    font-size:12px;
	height:auto;
	padding:10px;
	margin:auto;
	border-bottom: 1px dotted #777777;	
		    }
.imageinfocontent {
	text-align:left;
	padding: 10px 10px 0px 10px;
	vertical-align:top;
	}
#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: #d8d8d8;
	margin: 0px;
	padding: 8px;
	border: 2px solid #f0f0f0;
}
a:hover img.foto  {
	background-color: #f0f0f0;
	margin: 0px;
	padding: 8px;
	border: 2px solid #d8d8d8;
}

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

#icon_styledark  {float: left;}
#icon_styledark a {background-color: #333333; height: 12px; width: 12px; float: left; margin: 6px 3px 6px 3px;}
#icon_styledark a:link {background-color: #333333; }
#icon_styledark a:hover {background-color: #000000;}

#icon_stylegrey  {float:left; }
#icon_stylegrey a {background-color: #686868; height: 12px; width: 12px; float:left; margin: 6px 3px 6px 3px;}
#icon_stylegrey a:link {background-color: #686868; }
#icon_stylegrey a:hover {background-color: #989898;}

#icon_stylelight { float:left;}
#icon_stylelight a { background-color: #C0C0C0; height: 12px; width: 12px; float:left; margin:6px 3px 6px 3px ;}
#icon_stylelight a:link {background-color: #C0C0C0; }
#icon_stylelight a:hover {background-color: #ffffff;}

#icon_home {float:left;}
#icon_home a {background-image:url(../images_layout/icon_home_7.gif); background-repeat:no-repeat; background-position:center; height: 12px; width: 12px; float:left; margin: 6px 0px 6px 0px;}
#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_0.gif); background-repeat:no-repeat; background-position:center;}

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

/* .............................. */
/* barra navigazione */
/* .............................. */

#header {
	margin:0px;
	height:24px;
	width: 100%;
	min-width: 700px;
	background-color: #d8d8d8;
	clear:both;
	border-bottom: 1px ridge #777777;
	}
.navstyle{ /*mod*/
	text-align:left;
	padding:0px 4px 0px 4px;
	float:left;
	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;
	float:left;
	padding: 0px;
	}
.navright{ /* mod */
	height:12px;
	float:right;
	padding:0px 4px 0px 4px;
	}
.navdiv {
	float:left;
	text-align:left;
	height:12px;
	margin: 6px 0px 6px 0px; 
	}

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


#footer {
	padding: 0 0 0 4px;
	margin: 0;
	clear: both;
	text-align:center;
	line-height:150%;
	}
/* .............................. */
/* 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;
	    }