.morebox
	{
	font-weight:bold;
	color:#333333;
	background-color:#f7f6f2; /*fallback gradienti*/
	text-align:center;
	border:solid 1px #333333;
	padding:8px;
	margin-top:8px;
	margin-bottom:18px;
	margin-left: 5%;
	margin-right: 5%;
	max-width:400px;
	
	/*rounded corners*/
	border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;
	
	/*shadows*/
	-moz-box-shadow:1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px #999;
	box-shadow:1px 1px 1px #999;
	
	/*gradients*/
	background: -moz-linear-gradient(100% 100% 90deg, #dfdbcc, #f7f6f2); /* FF 3.6+ */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdbcc), to(#f7f6f2)); /* Safari 4+, Chrome 2+ */
	background: -webkit-linear-gradient(#dfdbcc, #f7f6f2); /* Safari 5.1+, Chrome 10+ */ 
	background: -o-linear-gradient(#dfdbcc, #f7f6f2); /* Opera 11.10 */  
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f2', endColorstr='#dfdbcc'); /*for IE6-7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f2', endColorstr='#dfdbcc')"; /* IE8+ */ 
	background: -ms-linear-gradient(#f7f6f2, #dfdbcc); /* IE10 */  
	background: linear-gradient(#f7f6f2, #dfdbcc); /* the standard */	
	}
	
.morebox a:hover
	{ 
		text-decoration:none;
	} 

.morebox:hover {
		background-color:#dfdbcc; /*fallback gradienti*/
		-moz-opacity: 0.82;
		opacity: 0.82;
		filter: alpha(opacity=82);
	}
	
.comment,
#addCommentContainer{
	/* Syling the comments and the comment form container */
	padding:12px;
	max-width:500px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid white;
	color:#888;
	margin-bottom:25px;
	
	/* CSS3 rounded corners and drop shadows */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	-moz-box-shadow:6px 6px 5px #c2c2c2;
	-webkit-box-shadow:6px 6px 5px #c2c2c2;
	box-shadow:6px 6px 5px #c2c2c2;
}

.comment .avatar{
	/*
	/	The avatar is positioned absolutely, 
	/	and offset outside the comment div
	/*/
	height:50px;
	right:-70px;
	position:absolute;
	width:50px;
	background:url('inc/img/default_avatar.gif') no-repeat #fcfcfc;
	
	/* Centering it vertically: */
	margin-top:-25px;
	top:50%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-moz-box-shadow:3px 3px 3px #c2c2c2;
	-webkit-box-shadow:3px 3px 3px #c2c2c2;
	box-shadow:3px 3px 3px #c2c2c2;
}

.avatar img{
	display:block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment .name{
	font-size:1.5em;
	padding-bottom:3px;
	color:#000;
	font-weight:bold;
}

.comment .location{
	font-size:1.1em;
	padding-bottom:10px;
	color:#888;
}

.comment .date{
	position:absolute;
	right:15px;
	top:10px;
	color:#bbb;
}

.comment p,
#addCommentContainer p{
	font-size:1.3em;
	/*line-height:1.5;*/
	overflow-x:hidden;
}

#addCommentContainer input[type=text],
#addCommentContainer textarea{

	/* Styling the inputs */
	display:block;
	border:1px solid #ccc;
	margin:5px 0 5px;
	padding:3px;
	font-size:12px;
	/*color:#555;*/
}

#addCommentContainer textarea{
	max-width:350px;
}

label span.error{
	color:red;
	position:relative;
	right:-10px;
}

#submit{
	/* The submit button */
	/*background-color:#58B9EB;*/
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:5px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

p, ul, ol, dl, table {
    margin-bottom: 0.1em !important;
}

/* Print Style Sheet */
@media print {	
	.morebox, .avatar, #sign_guestbook  { display:none }	
	div.comment{ page-break-inside:avoid } /*evita box coi commenti spezzati a fine pagina*/
}