/* *** ### HOMEPAGE ### *** */
/* >> contenitore delle 4 celle */
div.boxindex {
	height:400px;
}

/* >> colonne che contengono 2 celle */
div.index {
	width:240px;
	text-align:center;
}

/* >> contenitore cella */
div.subindex {
	/*position:relative;*/
	background-color:#222222;
	text-decoration:none;
	border-width:2px;
	border-style:dashed;
	border-color:#AAAAAA;
	padding:15px 3px 3px 3px;
	margin:0px 0 35px 0;
	height:140px;
	
	-moz-transition-property: -moz-box-shadow, background-color, border-style, box-shadow;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: -webkit-box-shadow, background-color, border-style, box-shadow;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: -o-box-shadow, background-color, border-style, box-shadow;
	-o-transition-duration: 0.5s;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.subindex:hover {
	background-color:#505050;
	border-style: solid;
	
	box-shadow: 0 0 15px 5px #A0C0FF;
	-moz-box-shadow: 0 0 15px 5px #A0C0FF;
	-webkit-box-shadow: 0 0 15px 5px #A0C0FF;
	-khtml-box-shadow: 0 0 15px 5px #A0C0FF;
	
	/*border-style:dotted;*/
	
	/*top:-15px;*/
	
	
	/*-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);*/
}

a.subindex {
	text-decoration:none;
}

a.subindex img {
	border-width:0;
	text-decoration:none;
}

/* >> pulsante per filtrare le news e i filmati */
#filtro {
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #999999;
	padding: 0.25em;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
}

#filtro:hover {
	background-color: #444;
}

#filtro option {
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #222;
}

/* >> contenitore di tutti gli aggiornamenti */
div.indexupdates {
	border-color:#AAAAAA;
	border-style:dashed;
	border-width:2px;
	background-color:#222222;
	padding:10px;
	padding-top:0px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* >> titolo della parte alta del contenitore */
div.preindexupdate h1 {
	color:#CCCCCC;
	font-size:18px;
	text-align:left;
}

div.indexupdate {
	background-color:#222222;
	/*border-width:1px;*/
	padding:7px;
	color:#777777;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	
	-moz-transition-property: -moz-box-shadow, box-shadow;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: -webkit-box-shadow, box-shadow;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: -o-box-shadow, box-shadow;
	-o-transition-duration: 0.5s;
}

/*
div.indexupdate, div.preindexupdate {
	border-bottom-color:#111111;
	border-bottom-style:solid;
}

div.indexupdate, div.postindexupdate {
	border-top-color:#444444;
	border-top-style:solid;

}
*/

div.sepindexupdate {
	border-width:1px;
	margin:0 10px;
}

div.preindexupdate, div.postindexupdate {
	padding:7px;
}

div.sepindexupdate {
	border-bottom-color:#444444;
	border-bottom-style:solid;

	border-top-color:#111111;
	border-top-style:solid;
}

div.indexupdate {
	text-align:left;
	font-size:15px;
	
	/*-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;*/
}

div.indexupdate:hover {
	background-color:#111111;
	
	/*box-shadow: inset 0 0 5px #A0C0FF;
	-moz-box-shadow: inset 0 0 5px #A0C0FF;
	-webkit-box-shadow: inset 0 0 5px #A0C0FF;
	-khtml-box-shadow: inset 0 0 5px #A0C0FF;*/
}

div.film:hover {
	box-shadow: inset 0 0 5px #FF4040;
	-moz-box-shadow: inset 0 0 5px #FF4040;
	-webkit-box-shadow: inset 0 0 5px #FF4040;
	-khtml-box-shadow: inset 0 0 5px #FF4040;	
}

div.news:hover {
	box-shadow: inset 0 0 5px #40FF40;
	-moz-box-shadow: inset 0 0 5px #40FF40;
	-webkit-box-shadow: inset 0 0 5px #40FF40;
	-khtml-box-shadow: inset 0 0 5px #40FF40;
}

div.messagebox:hover {
	box-shadow: inset 0 0 5px #FFFF40;
	-moz-box-shadow: inset 0 0 5px #FFFF40;
	-webkit-box-shadow: inset 0 0 5px #FFFF40;
	-khtml-box-shadow: inset 0 0 5px #FFFF40;
}

div.indexupdate a {
	color:#CCCCCC;
}

div.indexupdate a:hover {
	color:#FFFFFF;
	/*text-decoration:underline;*/
}

/*div.indexupdate:hover {
	background-color:#444444;
	border-top-color:#555555;
}*/