* {
	margin: 0;
}
html, body{
	height: 100%;
}

html{
	margin: 0;
	padding: 0;
}

body{
	background: #1c1e22 url(http://www.area82.it/images/body.gif) center repeat-y;
	margin: 0;
	padding: 0;
	text-align: center;
}

a{
	color: #B60C17;
	text-decoration: none
}

	a:hover{
		text-decoration: underline
	}
	
.noborder{
	border: 0;
	padding: 0
}

#MAIN{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}

#head{
	background: url(http://www.area82.it/images/head.jpg) repeat-x;
	color: #FFF;
	font: 14px Verdana;
	font-weight: bold;
	text-align: center;
	height: 30px;
	padding-top: 14px;
}
	#head ul{
		margin: 0;
		padding-left: 0;
		list-style: none;
	}

	#head a{
		color:#CCC;
		text-decoration: none;

	}

	#head li{
		display: inline;
		padding: 3px 20px
	}
	
	#head a:hover{
		color: #FFF;
		padding-bottom:3px;
		border-top: 4px solid #006699
	}

	#head img{
		border: 0
	}
	
#logo{
	height: 130px;
	background: #006699;
	text-align: center;
}

.separatore{
	background: #DEDEDE;
	height: 1px;
	font-size: 1px
}

#wrapper{
	clear: both;
	margin: auto;
	width: 800px;
}
	#content{
		width: 600px;
		float: right;
		padding: 10px;
		font: 13px Verdana;
		line-height: 1.8em;
		text-align: justify;
		color: #333;
		min-height: 400px;	
	}
	
	#content h1 {
		font-size: 22px;
		margin-bottom: 10px
	}
	
	#content h1 a{
		color: #000;
		text-decoration: none
	}
	
	#content a.post {
		color: #B60C17;
		text-decoration: none;
		border-bottom: 1px dotted #B60C17;
	}
	
		#content a.post:hover {
			border-bottom: 1px solid #B60C17;
		}
	
	#content p{
		line-height: 1.1em;
	}

		#content p a{
			color: #B60C17;
			text-decoration: underline;
			font: 12px verdana
		}

		#content p a:hover{
			text-decoration: none
		}

		#content p small{
			font: 0.75em Verdana;
			color: #666
		}

	#content hr{
		visibility: hidden;
		clear: both
	}
	
	#content img{
		border: 0;
		padding: 1px
	}
	
	#content h5{
		margin:0
	}
	
	#content ul.lista{
		list-style-position: outside;
		margin: 0;
		padding: 10px 0 0 15px;
		line-height: 1em
	}

.subcolonna3{
	width: 32%;
	float: left;
	padding: 2px;
	margin-right: 3px;
	margin-bottom: 10px;
	text-align: left
}

	.subcolonna3 ul{
		margin: 0;
		padding-left: 21px;
		list-style: decimal;
	}

	.subcolonna3 a{
		color: #006699;
		text-decoration: none;
	}

	.subcolonna3 li{
		font: 12px Verdana;
		line-height: 1.5em
	}
	
	.subcolonna3 li.new{
		font-weight: bold
	}
	
	.subcolonna3 a:hover{
		text-decoration: underline
	}
		
#menu{
	width: 160px;
	float:right;
	color: #000;
	font: 12px Verdana;
	text-align: center;
	margin-bottom: 15px;
	margin-right: 10px
}
	
	.cella_up{
		width: 160px;
		height: 32px;
		margin-top: 10px;
		background: url(http://www.area82.it/images/cella_up.png) no-repeat;
	}
	
	.cella{
		width: 150px;
		text-align:center;
		padding: 5px;
		background: url(http://www.area82.it/images/cella.png) repeat-y;
	}
	
		.cella h2{
			font-size: 12px;
			font-family: Verdana;
			margin: 0;
			padding: 0px 0px 5px 15px
		}
	
	.cella_down{
		width: 160px;
		height: 35px;
		margin-bottom: 10px;
		background: url(http://www.area82.it/images/cella_down.png) no-repeat;
	}
	
#menu h4{
	width: 160px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	background: #DCDCDC;
	text-align: right;
	padding: 3px;
	border-left: 3px solid #666;
}

.box{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	width: 160px;
	padding: 0px;
	margin: 0;
	margin-bottom: 10px;
}

	.box ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	
		.box ul li {
			margin: 0px;
			padding: 0px;
		}
		
			.box ul li a{
				font-size: 90%;
				display: block;
				border-bottom: 1px dashed #D9D9D9;
				padding: 5px 4px 2px 13px;
				text-decoration: none;
				color: #666666;
				width:147px;
				height: 16px;
				background: #F0F0F0 url(http://www.area82.it/images/dot.gif) center left no-repeat;
			}
			
			.box ul li a:hover, .box ul li a:focus{
				color: #000000;
				background: #F6F6F6 url(http://www.area82.it/images/dot_ani.gif) center left no-repeat;
			}
	
#nav{
	height: 16px;
	padding: 2px;
	background:url(http://www.area82.it/images/navigation.png);
}

#nav .text{
	width:790px;
	margin:auto;
	font: 10px Verdana;
	text-align:left;
	color: #FFF;
}
	#nav a{
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px dotted #FFF
	}

._left{
	float: left;
	margin: 0 10px 0 0
}

._right{
	float: right;
	margin: 0 0 0 10px
}

#push{
	height: 40px;
}

#footer{
	clear:both;
	width: auto;
	background: url(http://www.area82.it/images/footer.png) repeat-x;
	color:#FAFAFA;
	height: 40px;
	font: 10px Verdana
}
	#footer p{
		padding-top: 15px
	}
	
#search{
	margin:0;
	padding:0;
	background: url(http://www.area82.it/images/form.png) no-repeat;
	width: 160px;
	height: 40px;
	margin-top: 20px
}

form .text{
	border: 0;
	margin-left: 10px;
	margin-top: 5px;
	background: transparent;
	width: 102px;
	height: 20px;
	padding: 3px 0px;
	font: 12px Verdana;
	margin-right: 10px;
	vertical-align: top
}

#error{
	text-align: left;
	font: 18px Verdana;
	color: #B60C17;
	font-weight: bold;
	background: url(http://www.area82.it/images/error.png) right no-repeat;
	height: 320px;
}

.info{
	font-size: 11px;
	margin :10px 0;
	background: #E9F2F8;
	color: #000;
	text-align: right;
	padding: 0 5px;
	border-bottom: 1px solid #BDD8EA;
}

	.info a{
		color: #000000;
		text-decoration: none
	}
	
	.info a:hover{
		text-decoration: underline
	}
	
	.info img{
		vertical-align: middle;
	}

.recent_works  {
	margin: auto
}

	.recent_works li p {
		text-align: right;
		font: 10px Verdana;
		color: #999
	}

	.recent_works li a {

	}
	
form.commenta{
	width: 300px
}

	form.commenta fieldset{
		border: 1px solid #CCC;
		background: #F0F0F0;
		margin-bottom: 5px
	}
	
	form.commenta legend{
		background: #FAFAFA;
		border: 1px solid #CCC
	}
	
	form.commenta input,
	form.commenta textarea{
		border: 0px;
		background: #F0F0F0;
		font: 13px Verdana, sans-serif;
		font-style: italic
	}

	form.commenta .submit{
		margin-top: 10px;
		margin-right: 148px;
		border: 1px solid #CCC;
		font-style: normal;
		padding:3px;
		cursor: pointer
	}
	
	form.commenta .reset{
		border: 1px solid #CCC;
		font-style: normal;
		padding:3px;
		cursor: pointer
	}
	
pre.PHP,
pre.HTML {
	font: 15px Courier;
	line-height: 0.7em;
	text-align: left;
	padding: 5px;
	border: 1px dashed #999;
	background: #F0F0F0;
	margin: 1px;
	overflow-x: auto;
	overflow-y: hidden
}

a.code{
	color: #0000FF;
	text-decoration: none
}

	a.code:hover{
		text-decoration: underline
	}

.search {
	padding: 4px 5px;
	margin-bottom: 5px;
	border-left: 3px solid #666
}

	.search .stitle{
		font-size: 11px;
		background: #DCDCDC;
	}
	
		.search .stitle a{
			font-weight: bold;
			font-size: 14px;
			background: #DCDCDC;
			padding: 2px;
			color: #000;
			text-decoration: none
		}
		
		.search .stitle a:hover{
			text-decoration: underline
		}
	
	.search .scorpo{
		background: #f0f0f0;
		padding: 2px
	}
	
span.evidenziatore {
	color: #FFFFFF;
	background: #006699;
	padding: 2px
}

#archive ul{
	list-style: square;
	text-align: left;
	color: #999999;
	margin-top: 10px
}

#archive li{
	padding: 2px;
	height: 18px;
	font-size: 12px
}

	#archive li a{
		color: #B60C17;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none
	}
	
	#archive li a:hover{
		text-decoration: underline
	}

.restrict{
	float: left;
	width: 320px;
}

.advertising{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 270px;
	text-align: center
}

#commenti{
	margin-bottom: 5px;
	width: auto;
	border-top: 1px solid #DADADA;
}

.commento_pari{
	background: #FFFFFF
}

.commento_dispari{
	background: #FEFBDF
}

	.commento_pari,
	.commento_dispari{
		width: auto;
		font: 12px Verdana;
		text-align: left;
		padding: 3px;
		border-bottom: 1px solid #DADADA
	}

	.commento_pari .strong,
	.commento_dispari .strong{
		font-weight: bold
	}
	
	.commento_pari .contenuto,
	.commento_dispari .contenuto{
		padding: 5px
	}
	
ul.script{
	list-style: none;
	margin:0;
	padding:0;
	border-top: 1px dashed #DADADA
}

	ul.script li{
		display: block;
		width: auto;
		border-bottom: 1px dashed #DADADA;
	}
	
	ul.script h3{
		color: #B60C17
	}
	
.panel-up:hover{
	background-color: #FEFBDF;
	cursor: pointer
}

.panel-up,
.panel-down{
	padding: 5px;
}

.panel-target{
	padding: 0 5px
}
	
.script_left,
.script_right{
	float: left;
	width: 50%
}

.script_right h5{
	font: 18px Verdana;
	height: 45px;
	padding-left: 45px;
	padding-top: 7px;
	background: url(http://www.area82.it/images/download.png) no-repeat;
}
	
	.script_right h5 a,
	.script_right h5 a:hover{
		color: #000;
		text-decoration: none
	}
	
	.script_right h5 a:hover{
		text-decoration: underline
	}

.script_clear{
	clear: both;
	text-align: left;
	padding-top: 5px
}

ul.script p{
	margin-bottom: 3px
}

	ul.script p img{
		vertical-align: middle
	}
	
.galleria{
	width: 100%;
}

.thumb{
	width: 110px;
	height: 110px;
	float:left;
	margin-right: 5px;
	text-align: center;
	border: 1px solid #DADADA;
	display: block;
	background: #F0F0F0 url(http://www.area82.it/images/loader.gif) no-repeat center center;
}

.thumb:hover{
	background: #FCFCFC
}

.thumb img{
	margin-top: 5px;
}

.thumb_clear{
	clear: both;
	height: 5px
}