﻿body { margin: 0; font-family: Georgia; font-size: 12px; color: #fff; font-weight: normal;  background: url(/images/bg-body.gif) no-repeat #140106 }

a { color: #fff; text-decoration: underline }
	a:hover { text-decoration: none  }
img { border: 0 }
form { margin: 0 }
	#cluetip-inner { color: #3E73A4 } /* testo del cluetip */
p { margin: 0 }

ul { margin: 0 0 0 10px } /* tutti */
html > body ul { margin: 0 0 0 -27px; } /* FF e IE7 */
	li { margin: 0 0 0 10px } /* tutti */
	ul > li { margin: 0 } /* FF */
	ul > li { #margin: 0 0 0 45px } /* IE7 */

h1 { font-size: 24px; font-weight: normal; margin-bottom: 5px}
h2 { }

.wrapper { width: 950px; margin: 0 auto; }
	
img.thumb { border: 1px solid #818181 }
img.detail { float: left; margin-right: 15px; border: 1px solid #818181 }
.data { text-align: right; margin-bottom: 10px}

/* MESSAGGI DI SISTEMA */
.regolare { height: 30px; width: 490px; margin-left: 230px; padding-top: 7px; text-align: center; font-weight: bold; text-transform: uppercase; border: 1px solid #fff}
.errore { height: 30px; width: 490px; margin-left: 230px; padding-top: 7px; text-align: center; color: #d00; font-weight: bold; text-transform: uppercase; border: 1px solid #fff}
.errore2 { color: #EB361B; }

/* HEADER */
#header { position: relative; margin-top: 0px; height: 100px; }
	#logo { float: left; margin-top: 10px }
	#login { position: absolute; top: 30px; left: 700px; }
		.flag { margin: 0 5px}
		.flagSelected { margin: 0 5px; border: 1px solid red }
	/* MENU */
	#topMenu { position: absolute; top: 70px; left: 340px; }
		#topMenu a { display: block; float: left; width: 139px; height: 28px; padding-top: 7px; margin-right: 10px; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
			#topMenu a:hover { text-decoration: underline }
			#topMenu a.selected { text-decoration: underline; }
		#topMenu a.bright { background: url(/images/button1-header-bg.gif) no-repeat }
		#topMenu a.dark { background: url(/images/button2-header-bg.gif) no-repeat }

/* COLONNA SINISTRA HOME */
#colSxHome { overflow: hidden; float: left; margin: 0 20px 0 5px; width: 233px; }
	.step { margin-bottom: 20px }
		.ttlStep { display: block; margin-bottom: 0; }
		.step p { font-size: 13px }	
		.link { font-size: 14px; font-weight: bold }
		.sx { float: left; margin-right: 10px }
		.dx { float: right; margin-left: 10px }

/* CONTENUTO PAGINA HOME */
	/* MOST RATED (effetto cycle) */
		.mostRated { width: 430px; height: 460px; text-align: center; }
			.mostRated img { display: block; margin: 0 auto 10px auto; }
			.mostRated p { font-size: 14px; }
				.mostRated b { font-size: 12px; }
						
	
	/* CENTRALE HOME */
	#centraleHome { overflow: hidden; float: left; margin-top: 5px; width: 459px; }
		table.artworksHome { width: 100%; margin-bottom: 20px }
			.artworksHome caption { margin-bottom: 10px }
			.artworksHome td { text-align: center}
				.artworksHome .thumb  { margin: 10px 0; }
	
/* COLONNA DESTRA*/
#colDx { overflow: hidden; float: right; margin: 5px 5px 0 20px; width: 202px; }
	/* CERCA NEL SITO */
	#colDx form { margin-bottom: 10px}
		.search { font-size: 13px; color: #fff; background: #333; vertical-align: middle; border: 0 }
		.vai { vertical-align: middle; color: #fff; background: #3d3d3f; border: 0; padding: 0 5px 0 5px; }
	/* ARTWORKS MENU */
	#artworksMenu { width: 202px; height: 425px; background: url(/images/bg-artworks-menu.gif) no-repeat #140106 }
		#artworksMenu .ttl { margin: 20px 0 10px 40px}
		#artworksMenu a { display: block; padding: 5px 30px 5px 5px; text-align: right; text-decoration: none; }
			#artworksMenu a:hover { text-decoration: underline; }
	/* POPULAR TAGS */
	#popularTags { width: 183px; height: 143px; text-align: center; background: url(/images/bg-popular-tags.gif) no-repeat #140106 }

/* COLONNA SINISTRA */
#colSx { overflow: hidden; float: left; margin: 0 20px 15px 5px; width: 202px; }
	/* MENU SX */
	#menuSx { margin-bottom: 20px; width: 202px; height: 408px; background: url(/images/bg-menu-vert-ie6.gif) no-repeat }
	#colSx > #menuSx { background: url(/images/bg-menu-vert.png) no-repeat } /* tranne IE6 */
	#menuSx .ttl { font-size: 20px; padding: 60px 0 20px 30px }
	html > body #menuSx ul { margin: 0 15px 0 -12px; list-style: none; } /* FF e IE7 */
		#menuSx ul { margin: 0 15px 0 20px; } /* IE6 */
			#menuSx li { margin: 0 0 6px 25px; line-height: 1em; } /* tutti */
			#menuSx ul > li { margin: 0 0 6px 15px } /* FF */
			#menuSx ul > li { #margin: 0 0 6px 50px } /* IE7 */

	#menuSx a { text-decoration: none; }
		#menuSx a:hover { text-decoration: underline }
	#menuSx a.selected { text-decoration: underline }
	/* MOST VOTED*/
	#mostVoted {} 
		#mostVoted .ttl { padding-bottom: 10px; font-size: 20px; text-align: center } 
		#mostVoted img { display: block; margin: 0 auto; } 
		#mostVoted a { display: block; margin: 0; text-align: center; text-decoration: none; } 
			#mostVoted a:hover { text-decoration: underline; } 
		
/* CONTENUTO SECONDA PAGINA */
	#centrale { overflow: hidden; float: left; margin-top: 5px; width: 490px;}

	/* BRICIOLE */
	#briciole { font-family: arial; }

	/* PAGINAZIONE */
	.paginazione { margin: 0; padding: 0 5px; float: right; border-left: 1px solid #eee; border-right: 1px solid #eee}
		.paginazione  a { padding: 0 5px; text-decoration: underline; }
		.paginazione  a:hover { text-decoration: none }
	
	/* ARTISTS */
	table#artists { width: 100%; margin-top: 10px }
		#artists td { width: 25%; padding: 8px 5px; vertical-align: top }
			#artists img { border: 1px solid #818181 }
		/*	#artists img { width: 75px; height: 100px; border: 1px solid #818181 } */
			#artists .ttl { font-size: 14px; padding-bottom: 10px; }
	.nomeCommento { font-size: 13px; font-weight: bold; margin: 10px 0; border-bottom: 1px solid #666 }
	
	
	/* COLOR PICKER */
	#colorPickerWrapper { position: relative; height: 36px; }
		#colorSelector2 { position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(/images/colorpicker/select2.png); }
			#colorSelector2 div { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: url(/images/colorpicker/select2.png) center; }

	/* ART WORKS CATEGORY */
	table#artCat { width: 100%; margin-top: 10px }
		#artCat td { width: 33%; padding: 15px 5px; text-align: center; vertical-align: top }
			#artCat .ttl { font-size: 14px; padding-bottom: 10px; }
			#artCat .quantita { font-size: 11px; }
			#artCat p { padding: 3px 0 }

	/* ARTWORKS */
	table.artworks { width: 100%; margin-top: 10px }
		.artworks td { width: 33%; padding: 15px 5px; text-align: center; vertical-align: top }
			.artworks div { position: relative; width: 122px; height: 90px; text-align: center; margin: 0 auto 7px auto; }
			.artworks .ttl { font-size: 14px; padding-bottom: 5px; }
			.artworks .quantita { font-size: 11px; }

	/* ARTWORKS DETTAGLIO */
	#scheda { float: right; width: 270px; }
		#scheda p { font-size: 14px; margin-bottom: 5px }
		#scheda b { font-size: 12px; }
	#imgDetail { float: left; }
		#imgDetail img { border: 1px solid #818181 }
	
	/* VOTAZIONE */
	.votazione { margin: 15px 0 0 0; padding: 0; font-size: 18px; }
		.votazione a { padding: 2px 12px; line-height: 2em; text-decoration: none; background: #333; border: 1px solid #eee }
			.votazione a:hover { text-decoration: none; color: #333; background: #eee; border: 1px solid #333 }
		
	/* EVENTS/EXPOSITION LISTA*/
	table.eventsExpo { width: 100%; margin-top: 10px }
		.eventsExpo td { padding: 15px 5px; vertical-align: top }
			.eventsExpo img { float: left; margin-right: 10px;  width: 122px; height: 92px; }
			.eventsExpo .ttl { font-size: 18px; }
			.eventsExpo a { text-decoration: none;  }
				.eventsExpo a:hover { text-decoration: underline }
	/* EVENTS DETTAGLIO */
	.dati { font-size: 14px; margin-bottom: 5px }
	
	/* ADMINISTRATOR WORKS */
	table.useradminSimpleList { width: 485px; margin: 10px 1px 0 1px; border: 1px solid #eee; border-collapse: collapse  }
			.useradminSimpleList td { padding: 15px 5px; border-top: 1px solid #eee; }
		.useradminSimpleList a { display: block; padding: 2px 0; text-align: right}
	.addOpera { padding: 4px 12px; background: #333; border: 1px solid #eee }
		
	/* ADMINISTRATOR STATISTIC */
	table.userAdminthumbList { width: 485px; margin: 10px 1px 0 1px; border: 1px solid #eee; border-collapse: collapse  }
			.userAdminthumbList td { padding: 15px 5px; border-top: 1px solid #eee; }
			.userAdminthumbList .ttl { font-size: 18px; }

	/* FORM */
	table#form { width: 100%; margin-top: 25px }
		#form td { padding: 7px 5px; font-weight: bold; }
		#form .label { text-align: right }
		#form .data { text-align: left; font-family: Georgia; font-size: 13px; color: #333 }
		

/* TOP BAR 'il portale non e' in prelancio' */
#topBar { margin-bottom: 20px; padding: 7px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; background: #bbb; border-bottom: 1px solid #999 }


/* FOOTER */
#footer { height: 80px; text-align: center; background: url(/images/bg-footer.gif) no-repeat #440315 center top }
	#footer p { padding-top: 40px }
	#footer a { padding: 0 2px; color: #B49AA1; text-decoration: none; font-family: arial; text-transform: capitalize }
		#footer a:hover { text-decoration: underline; }
