/* ==============================================================================

						             CONTENUTI INDEX

   ==============================================================================  */

#author_princ, #author1, #author2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 3px 5px 3px 5px;
	background-color:#F3F3F3;
	color:#000000;
	z-index:1;
}

#author1, #author2 {
	width: 100%;
}

#author1 p.hdr1, #author2 p.hdr1{
	color: #FF0066;
	font-size: 24px !important;
	padding: 0;
	margin: 0;
}

#motto_search {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:290px;
	/*height: 300px;*/
	padding: 15px;
}

#motto {
	position: relative;
	top: 0px;
	left: 0px;
	width:290px;
	/*height: 100px;*/
}

#last_entries {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:720px;
	height: 80px;
	padding: 15px 0 15px 0;
}

#last_comments {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:720px;
	padding: 15px 0 15px 0;
}

#last_entries h1,  #last_comments p.h1 {
	color: #FF0066;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

#last_entries img {
	border: solid 4px #F3F3F3;
}

#last_entries a,  #last_comments a {
	padding: 0 10px 10px 0;
}

#last_entries img:hover {
	border: solid 4px #FF0066;
}

#ricerca {
	padding: 50px 0 0 0;
	text-align:center;
}

#ricerca input {
	padding:8px;
	background-color: #F3F3F3;
	border: 2px solid #222222;
	font-size: 13px;
	width:180px;
}

#ricerca .submit {
	position: relative;
	top: 10px;
	padding: 4px;
	background-color: #D9D9D9;
	border: 2px solid #222222;
	font-size: 12px;
	font-weight: bold;
	color: #FF0066;
	width:120px;
}

/* ==============================================================================

						      CONTEST

   ==============================================================================  */
   
.contest_block {
	width: 360px;
	float: left;
}

.spaced {
	margin-right: 15px;
}

#idraw {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #FF6600;
}

.last_comp_block {
	width: 100%;
	background-color: #444444;
	height: 76px;
	margin-bottom: 15px;
}

.previous_comp_block {
	width: 100%;
	background-color: #383838;
	height: 76px;
	margin-bottom: 15px;
}

.vote, .hitparade {
	position: relative;
	font-size: 66px;
	line-height: 76px;
	overflow: hidden;
	color: #333333;
	text-align: center;
	width: 200px;
	height: 100%;
	float: left;
}

.hitparade {
	color: #FF6600;
	width: 120px;
}

.artists_parade_img {
	float: left;
	width: 68px;
	height: 60px;
	background-color: #555555;
}

.artists_parade_img img {
	border: 4px solid #F3F3F3;
}

.artists_parade_img img:hover {
	border: 4px solid #FF0066;
}

.artists_parade_data{
	float: left;
	top: 0px;
	left: 80px;
	width: auto;
	height: 60px;
	padding: 4px;
	font-weight: normal;
}

.artists_parade_data a{
	color: #f3f3f3;
	text-decoration: none;
}

.artists_parade_data a:hover{
	color: #ff0066;
}

.artists_parade_data p{
 	color: #c9c9c9;
	font-size: 10px;
}


.comp_img {
	float: left;
	width: 70px;
	padding-top: 4px;
}

.comp_img img {
	border: 4px solid #F3F3F3;
}

.comp_img img:hover {
	border: 4px solid #FF0066;
}

.comp_updn {
	width: 70px;
	float: left;
	height: 76px;
}

.last_comp_block .arrowup {
	background-image: url(../bmp/compArrowUpLast.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.last_comp_block .arrowdown {
	background-image: url(../bmp/compArrowDownLast.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.previous_comp_block .arrowup {
	background-image: url(../bmp/compArrowUpPrev.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.previous_comp_block .arrowdown {
	background-image: url(../bmp/compArrowDownPrev.gif);
	background-repeat: no-repeat;
	background-position: center center;
}




/* ==============================================================================

						      DESKTOP

   ==============================================================================  */
   
#sudite {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:290px;
	padding: 0 15px 0 15px;
}

#sudite h2 {
	padding: 2px 4px 2px 4px;
	background-color: #FF0066;
	font-size: 12px;
	font-weight: bold;
	margin-top:15px;
}

#sudite div {
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #383838;
}

.spunto {
	background-image: url(../bmp/spunto.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

#sudite a {
	color: #FF0066;
	text-decoration: none;
}

/* ==============================================================================

						      AUTORE E BIO

   ==============================================================================  */
   
#autore {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:305px;
	padding: 0 0 0 15px;
}

#autore h1 {
	font-size: 20px;
	font-weight:normal;
}

#autore h2 {
	padding: 2px 4px 2px 4px;
	background-color: #FF0066;
	font-size: 12px;
	font-weight: bold;
	margin-top:15px;
}

#autore h3 {
	padding: 15px 0 0 0;
	font-size: 12px;
	font-weight: bold;
}

#autore b {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #D9D9D9;
}

#autore img {
	float: right;
	border: solid 4px #F3F3F3;
	margin: 7px 0 8px 15px;
}

#autore p {
	padding: 15px 0 15px 0;
	text-align:	justify;
}

#autore div {
	padding: 0 0 15px 0;
}

#autore table {
	padding: 15px 0 0 0;
}

#autore a {
	color: #FF0066;
	text-decoration: none;
}

#autore a:hover {
	text-decoration: underline;
}

#autore .tags_opera a {
	color: #D9D9D9;
	text-decoration: none;
}

#autore .tags_opera a:hover {
	color: #5CD2B4;
}

.autore_bio {
	min-height: 55px;
}

/* ==============================================================================

						             OPERE E COMMENTI

   ==============================================================================  */
#opere {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width:430px;
}

#sfoglia_opere, #preferiti {
	position: absolute;
	bottom: 0;
	padding: 2px 6px 2px 2px;
}

#sfoglia_opere {
	right: 0;
	font-size: 9px;
	color: #666666;

}

#preferiti {
	padding: 0 15px 2px 15px;
	right: 80px;
	height: 15px;
	width: 15px;
}
#box_delete {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 50px;
	height: 20px;
	z-index: 10;
}

#delete {
	float: right;
	height:15px;
	width: 15px;
	margin-left: 4px;
	background-image:url(../bmp/delete.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

#delete:hover {
	background-image:url(../bmp/delete-over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}




#opere h3 {
	padding: 2px 4px 2px 4px;
	margin: 15px 0 15px 0;
	background-color: #FF0066;
	font-size: 12px;
	font-weight: bold;
}

#opere h1 {
	font-size: 12px;
	color: #ff0066;
	font-weight: bold;
	padding: 15px 0 5px 8px;
}

#opera_princ, .contest_artworks {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #F3F3F3;
	text-align: center;
	border: solid 15px #F3F3F3;
}

.contest_artworks {
	float: left;
}
 
#commenti_autore {
	background-color: #f3f3f3;
	position: relative;
	width: 400px;
	padding: 0 15px 15px 15px;
	color: #222222;
	font-size: 11px;
} 

#commenti {
	background-color: #383838;
	position: relative;
	width: 400px;
	padding: 15px 15px 20px 15px;
}

#nuovo_commento {
	background-color: #383838;
	position: relative;
	width: 400px;
	padding: 15px 15px 0px 15px;
}

#nuovo_commento input {
	border: 0px;
	color: #FF0066;
	background: none;
	padding-top: 10px;
	cursor: pointer;
}

#nuovo_commento input:hover {
	color: #FF6600;
}

#newcomloader {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 16px;
	height: 16px;
}

.avatar {
	position: relative;
	float: left;
	width: 60px;
	background-image: url(../bmp/commento_fum.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}

.avatar img {
	border: 1px solid #F3F3F3;
}

.commento, .commentolong {
	position: relative;
	float: left;
	width: 332px;
	font-size: 11px;
	background-color: #444444;
	padding: 4px;
}

.commentolong {
	width: 579px;
	min-height: 64px;
}

.commentotext {
	position: relative;
	width: 510px;
	float: left;
}

.commentotext a {
	color: #FF6600;
	padding: 0 !important;
}

.operacom {
	position: relative;
	width: 68px;
	height: 68px;
	min-height: 68px;
	float: left;
}

.spacebt {
	margin-bottom: 5px;
}

.commento h2, .commentotext h2 {
	font-size: 12px;
	font-weight: normal;
}

.commento h2 b, .commentotext h2 b {
	font-size: 13px;
	color: #FF6600;
}

.commento div, .commentotext div {
	font-size: 9px;
	color: #AAAAAA;
	padding-top: 3px;
}

.fine_commento {
	clear: both;
	border-bottom: 1px solid #373737;
	height: 8px;
	margin: 8px;
}

#dettagli_opera {
	display: block;
	overflow: hidden;
}

#menu_commenti {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 6px 2px 2px;
	font-size: 9px;
}

#menu_commenti a, #show_details, #menu_commenti span {
	padding-left: 15px;
	color: #FF0066;
	text-decoration: none;
	cursor:pointer;
}

#show_details:hover {
	cursor:pointer;
}


.scorri_opere {
	position: relative;
	float: left;
	width: 30px;
	text-align: center;
}

#tutte_opere {
	text-align: center;
	position: relative;
	float: left;
	width: 370px;
}

#tutte_opere img, .operacom img {
	border: solid 4px #F3F3F3;
}

#tutte_opere a {
	padding: 0 5px 0 5px;
}

#tutte_opere div {
	width:370px;
	height:70px;
	float:left;
	/*padding-bottom: 10px;*/
}

#art_prev, #art_next {
	height: 70px;
	width: 30px;
	cursor: pointer;
}

#art_next {
	background:transparent url(../bmp/moveright.gif) no-repeat 0 top;
}

#art_next:hover {
	background:transparent url(../bmp/moveright-over.gif) no-repeat 0 top;	
}

#art_prev {
	background:transparent url(../bmp/moveleft.gif) no-repeat 0 top;
}

#art_prev:hover {
	background:transparent url(../bmp/moveleft-over.gif) no-repeat 0 top;	
}

#mask_tutte_opere {
	position:relative;
	float: left;
	width:370px;
	height:70px;
	overflow:hidden;
}

#tutte_opere img:hover, .operacom img:hover {
	border: solid 4px #FF0066;
}

#scorri_princsx, #scorri_princdx {
	width: 20px;
	height: 1em;
	cursor: pointer;
	float: left;
}

#scorri_princsx {
	background:transparent url(../bmp/frecciaprincsx.gif) no-repeat 0 bottom;	
}

#scorri_princsx:hover {
	background:transparent url(../bmp/frecciaprincsx_over.gif) no-repeat 0 bottom;	
}
#scorri_princdx {
	background:transparent url(../bmp/frecciaprincdx.gif) no-repeat 0 bottom;	
}

#scorri_princdx:hover {
	background:transparent url(../bmp/frecciaprincdx_over.gif) no-repeat 0 bottom;	
}

#stellina {
	width: 15px;
	height: 15px;
	padding: 0 15px 2px 0;
	cursor: pointer;
	display: block;
	background:transparent url(../bmp/stellina.gif) no-repeat 0 top;
}

#stellinasel {
	width: 15px;
	height: 15px;
	padding: 0 15px 2px 0;
	cursor: pointer;
	display: block;
	background:transparent url(../bmp/stellina-sel.gif) no-repeat 0 top;
}

#stellina:hover {
	background:transparent url(../bmp/stellina-over.gif) no-repeat 0 top;	
}

#categorie {
	background-color: #444444;
	width: 400px;
	padding: 15px;
}

#categorie h1 {
	padding: 0 0 5px 0;;
}

#categorie_0 {
	float: left;
	padding-right: 10px;
	width: 190px;
}

#categorie_1 {
	float: left;
	padding-left: 10px;
	width: 190px;
}

#categorie_tutte {
	text-align: center;
	width: 400px;
	padding-top: 10px;
}

#categorie_tutte a {
	text-decoration: none;
	color: #FF6600;
}

#categorie_0 a, #categorie_1 a {
	text-decoration: none;
	color: #F3F3F3;
}

#categorie_0 a:hover, #categorie_1 a:hover, #categorie_tutte a:hover {
	text-decoration: underline;
}

/* ==============================================================================

						             LISTA DEGLI ARTISTI

   ==============================================================================  */
   
   .artists_list {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	margin-top: 5px;
}
.artists_list:hover {
	background-color: #383838;
}


.artists_list_img {
	position: relative;
	width: 60px;
	height: 60px;
	/*left: 2px;
	top: 2px;*/
	background-color: #555555;
	/*border: 4px solid #F3F3F3;*/
}

.artists_list_img img {
	border: 4px solid #F3F3F3;
}

.artists_pages {
	text-align: right;
	width: 100%;
	padding: 10px 0;
}

.artists_pages span, #alphabet span, #alphabet span.unactive{
	line-height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	color: #ff0066;
	padding: 2px 6px;
	text-align:center;
	text-decoration: none;
}

#alphabet span.unactive{
	color: #555555;
	border: 1px solid #444444;
}


.artists_pages a,#alphabet a {
	line-height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	color: #f3f3f3;
	border:solid 1px #666666;
	padding: 2px 6px;
	text-align:center;
	text-decoration: none;
	
} 

#alphabet {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

#advanced_search {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	cursor: pointer;
}

#advanced_search:hover {
	background-color: #383838;
}

#advanced_search span {
	font-size: 9px;
	color: #FF6600;
}

#advanced_search_panel {
	width: 100%;
	background-color: #383838;
	padding: 10px 0;
	position: relative;
}

#advanced_search_panel .label, #advanced_search_panel .search {
	float: left;
	padding: 5px 0 5px 10px;
	width: 250px;
}

#advanced_search_panel .searchbut {
	position: absolute;
	right: 15px;
	bottom:15px;
}

#advanced_search_panel .searchbut .submit {
	margin-left: 15px;
	padding: 1px 4px 1px 4px;
	color: #D9D9D9;
	border: 2px solid #222222;
	background-color: #FF0066;
	cursor: pointer;
}

.artists_pages a:hover, #alphabet a:hover {
	background-color: #ff0066;
	border: solid 1px #222222;
}

 h2.artist_letters {
	background-color: #FF0066;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 4px;
}

.artists_list_img a img:hover{
	border: 4px solid #FF0066;
}

.artists_list_data{
	position: absolute;
	top: 0px;
	left: 80px;
	width: 300px;
	height: 60px;
	padding: 4px;
	font-weight: normal;
}

.artists_list_data a{
	color: #f3f3f3;
	text-decoration: none;
}

.artists_list_data a:hover{
	color: #ff0066;
}

.artists_list_data p{
 	color: #c9c9c9;
	font-size: 10px;
}

.minilink {
	font-size: 9px;
}