*{
	font-size: 0.98em;
	color: #fff;
}

body{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Augie, "Trebuchet MS"  Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(img/bg-body.gif);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
 	font-family: "augie", verdana !important;
}


h1{
	background-image: url(img/yb_png24.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 343px;
	height: 160px;
	/*margin-top: -12px;*/ 
	position: absolute;
	display: block;
	float: left;
	text-indent: -9999px;
}

	h1 a{
		display: block;
		width:100%;
		height:100%;
	}


dt{
	font-weight: bold;
	display: inline;
	clear: left;
	
}

dd{
	display: inline;
	margin: 0px;
	padding: 10px;
}

hr{
	border: 1px solid #17a;
	height: 1px;
	color: #17a;
	
}

a{
	font-weight: bold;
	text-decoration: none;
}

	a *{
		color: #269;
	}
	a img{
		border: 0;
	}
table{
	border-collapse: collapse;
}

th{
	background-color: #069;
}

td{
	color: #069;
}

#header,
#logo-block,
#contents-block,
#sitemap,
#footer{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	margin-bottom: 10px;
}
	
#header.jast-box{
	background-color: #069;
	background-image: none;
	margin-bottom: 0;
}
	#header #auth-avatar{
		float: left;
		padding-right: 30px;
	}
		#header #auth-avatar img{
			border: 1px solid #ccc;
			padding: 2px;
			background-color: #fff;
			position: absolute;
			width: 16px;
			height: 16px;
		}

		#header #auth-avatar img:hover{
			position: absolute;
			width: 32px;
			height: 32px;
		}

	#header #login-block{
		float: left;
	}
	
		input.tasto{
			font-family: augie, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin-left: auto;
			margin-right: auto;
			background-color: transparent;
			border: 0px;
			color: #069;
			background-image: url(img/submit.gif);
			background-repeat: repeat;
			width: 160px;
			height: 34px;
			
			
		}
	#header #search-box{
		float: right;
		width: 235px;
		background-image: url(img/sfondo-form-ricerca.png);
		background-repeat: no-repeat;
		background-position: center left;
		background-color: #fff;
		height: 19px;
		overflow: hidden;
	}
		#header #search-box div{
			text-align: right;
		}
			#header #search-box div label{
				display: none;
			}
			#header #search-box div input{
				background-repeat: no-repeat;
				background-position: center center; 
				float: left;
				border: 0px;
				width: 205px;
				font-size: 14px;
				color: #369;
				font-weight: normal;
				margin-left: 4px;
				margin-right: 0px;
				padding: 0px;
			}
			#header #search-box div input.submit{
				background-image: url(img/sfondo-pulsante-ricerca.png);
				float: right;
				background-color: #fff;
				background-repeat: no-repeat;
				background-position: center center; 
				border: 0px;
				height: 19px;
				margin: 0px;
				padding: 0px;
				text-indent: -9999px;
				width: 24px;
			}

form.modulo-generico{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

	form.modulo-generico div{
		padding-top: 10px;
	}
	form.modulo-generico label{
		display: block;
		padding: 5px;
		font-size: 1.5em;
		color: #069;		
	}
	
	form.modulo-generico input.testo_login{
		width: 100%;
		font-size: 1.5em;
		border: 1px solid #004;
		color: #069;
	}
	form.modulo-generico div.button-area{
		text-align: right;
	}

	form.modulo-generico input.testo{
		width: 100%;
		color: #a00;
		border: 1px solid #069;
		padding: 5px;
		font-size: 1.3em;
	}
	


#news{
	width: 560px;
	min-height: 121px;
}
	#news ul, 
	#news ul li{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

		#news .title{
			font-size: 12pt;
			font-weight: bold;
			color: #069;
			text-decoration: none;
		}
		
		#news p{
			font-size: 8pt;
			margin-top: 0;
			margin-bottom: 5px;
			color: #000;
		}
		
		#news p a{
			color: #069;
		}
	
#logo-block{
	margin-bottom: 0px;
	min-height: 159px;
}
#contents-block.jast-box .contents{
	background-image: url(img/bg-contents.png);
	background-repeat: repeat-y;
	padding-left: 0px;
	padding-bottom: 11px;
	padding-top: 0px;
}

#contents-block.jast-box .contents #left-column p,
#contents-block.jast-box .contents #left-column div,
#contents-block.jast-box .contents #left-column h2,
#contents-block.jast-box .contents #left-column h3,
#contents-block.jast-box .contents #left-column h4,
#contents-block.jast-box .contents #left-column a,
#contents-block.jast-box .contents #left-column ul li,
#contents-block.jast-box .contents #left-column ol li,
#contents-block.jast-box .contents #left-column strong,
#contents-block.jast-box .contents #left-column u,
#contents-block.jast-box .contents #left-column em,
#contents-block.jast-box .contents #left-column del,
#contents-block.jast-box .contents #left-column dd,
#contents-block.jast-box .contents #left-column dt{
	color: #069;
}
#contents-block.jast-box .contents #left-column a:hover{
	color: #a00;
}

#contents-block.jast-box .contents #left-column h2{
	font-size: 1.5em;
}
#contents-block.jast-box .contents #left-column h3{
	font-size: 1.3em;
}
#contents-block.jast-box .contents #left-column h4{
	font-size: 1.2em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#contents-block.jast-box .contents #left-column h5{
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
}
#contents-block.jast-box .contents #left-column h6{
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	color: #888;
}
	#contents-block.jast-box .contents #left-column h5 a{
		color: #a00;
	}
		#contents-block.jast-box .contents #left-column h5 a:hover{
			color: #f00;
		}
#contents-block.jast-box .contents #left-column{
	color: #069;
}
#left-column{
	float: left;
	width: 710px;
	margin-left: 3px;
}
#right-column{
	float: right;
	width: 213px;
	padding-left: 10px;
	border-left: 3px solid #369;
	background-color: #069;
	background-image: url(img/bg-contents-right.jpg);
	background-repeat: repeat-x;
	background-position: top;
	
}

#footer{
	margin-bottom: 0px;
}

	#footer ul{
		display: inline;
		text-align: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
		#footer ul li{
			border-left: 1px solid #ccc;
			padding: 0.5em;
			display: inline;
		}
		
			#footer ul li:first-child{
				border-left: 0px;
			}
			
			
/* GENERIC RULES */

.empty-clear-row{
	clear: both;
	display: block;
	height: 0px;
	overflow: hidden;
}


.fleft{
	float: left;
}

.cleft{
	clear: left;
}

.fright{
	float: right;
}

.cright{
	clear: right;
}

.right{ 
	text-align: right;	
}
.center{
	text-align: center;
}

#contents-block{
	background-image: url('img/sfondo-box-home.png');
	background-position: left;
	background-repeat: repeat-y;;
}

#categories{
	background-color: #069;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 100%;
}
#category-filter{
text-align: center;
}
.jast-menu{
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: pointer;
	width: 200px;
	background-image: url(img/category.png);
	font-size: 8pt;
	z-index: 99;
}
	.jast-menu *{
		color: #000;
	}

	.jast-menu li{
		border: 0px;
		padding: 2px;
		padding-bottom: 1px;
		margin: 0px;
		width: 200px;
	}
	.jast-menu ul{
		position: absolute;
		clear: left;
		margin: 0;
		padding: 0;
		clear: left;
		z-index: 99;
		list-style: none;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	
		.jast-menu ul li{
			margin: 0px;
			padding-left: 2px;
			border: 0px;
			border-bottom: 1px dashed #eee;
		}
		.jast-menu ul li a{
			display: block;
			width: 100%;
			color: #069;
		}
		
		.jast-menu ul li a:hover{
			color: #fff;
			background-color: #069;
		}
	
#sitemap ul{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	float: left;
	width: 24%;
	text-align: center;
	line-height: 200%;
}

.events{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;

}
	.events li{
		list-style: none;
		list-style-type: none;
		border-bottom: 2px solid #17a;
	}
	.events h4{
		margin-bottom: 0px;
	}
	.events p{
		margin-top: 0px;	
	}
	
	
.button-area{
	clear: left;
}
	.button-area input,
	.button-area .submit{
		background-image: url(img/submit.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		background-color: transparent;
		cursor: pointer;
		font-weight: normal;
		width: 160px;
		height: 38px;
		border: 0px;
		color: #069;
		font-size: 1.5em;
		border: 0px;
	}
	.button-area .submit{
		text-align: center;
		text-decoration: none;
		padding-top: 10px;
		background-position: center center;
	}

.error{
	background-image: url(img/error.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

p.rates span{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 170px;
	height: 30px;
}

.interaction-item a.rate{
	background-image: url(img/stars/gray.gif);
	display: block;
	width: 34px;
	height: 28px;
	padding: 0px;
	border: 0px;
	float: left;
	text-indent: -9999px;
	text-align: left;
}

	.interaction-item a.rate:hover{
		background-image: url(img/stars/lighted.gif);
	}

.notice{
	color: #a00 !important;
}

.framed{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 4px;
}
.framed-small{
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 2px;
	margin: 2px;
	clear: left;
}
.hidden{
	display: none;
}

#change-password{
	padding: 1em;
}
.half{
	width: 45%;
}

#beta-suggest,
div.suggest{
	background-color: #ffe;
	border: 2px dashed #069;
	padding: 0.4em;
	margin: 0.2em;
	margin-bottom: 1em;
	color: #069;
	font-weight: bold;
}

	#beta-suggest a{
		color: #800;
	}
	
		#beta-suggest a:hover{
			color: #a00;
		}
		
.border-light-left{
	border-left: 1px solid  #cad8dd;
}

.table-100{
	width: 100%;
	border-collapse: collapse;
}

	.table-100 td{
		border: 1px solid #cad8dd;
		padding: 4px;
	}
		.table-100 td label{ /* Per il form di ricerca*/
			color: #069;
			font-size: 1.4em; 
		}
	.table-100 td.free{
		border: 0px;
	}
	
		.table-100 .action{
			padding: 2px;
			margin-left: 10px;
		}
		
			.table-100 .action img{
				border: 0px;
			}

#all-users-list ul li{
	display: block;
	float: left;
	margin: 0.5em;
	padding: 0.3em;
	border: 1px solid #cad8dd;
}

	#all-users-list ul li a{
		display: block;
		width: 100%;
		height: 100%;
	}
	
#search-results li{
	border-bottom: 2px solid #cad8dd;
}

	#search-results li h3{
		margin-bottom: 0px;
	}
	#search-results li p{
		margin-top: 0px;
	}
	#search-results li ol li{
		border: 0px;
	}
	
#go-quality{
	display: block;
	margin-top: 1em;
	padding: 1em;
	padding-left: 20px;
	padding-top: 0.6em;
	text-align: center;
	/*border: 1px solid #6cf;*/
	width: 180px;
	background-image: url('img/submit-blue.gif');
	background-position: top center;
	background-repeat: no-repeat;
	/*background-color: #069;*/
	color: #069;
}
	#go-quality:hover{
		color: #f00;
		
	}

.art-action{
	list-style: none;
	list-style-type: none;
	
	margin: 0px;
	padding: 0px;
}	
.art-action li a{
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	display: block;
	margin-top: 0.7em;
	
}

li #fav-1,
li #fav-2{
	background-image: url('/images/actions/add.gif');
}

li #rss{
	background-image: url('/images/actions/feed.png');	
}
li #approva{
	background-image: url('/images/actions/accept.png');
	color: #e62 !important;
	
	
}

.art-action li a.art-categorized{
	background-image: url('/images/actions/camera.png');
}

.mail{
	background-image: url('/images/actions/email.png');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #a00 !important;
}
