/* ------------------------------------------------------------------
   tema.css — Heritage of Tibet
   Sostituisce con regole CSS le immagini ritagliate del tema Artisteer
   del 2013, mantenendo lo stesso aspetto. Va caricato DOPO style.css.
   Tutti i colori sono stati estratti dai PNG originali, non scelti a occhio.
   Per annullare tutto: togliere il <link> a questo file.
   ------------------------------------------------------------------ */

/* --- 1. sfondo del foglio --------------------------------------- */
.art-sheet-cc { background-image: none; background-color: rgba(252,252,252,0.4); }

/* --- 2. riquadri laterali e riquadri di contenuto ---------------- */
.art-block-tl, .art-block-tr, .art-block-bl, .art-block-br,
.art-block-tc, .art-block-bc, .art-block-cl, .art-block-cr, .art-block-cc,
.art-vmenublock-tl, .art-vmenublock-tr, .art-vmenublock-bl, .art-vmenublock-br,
.art-vmenublock-tc, .art-vmenublock-bc, .art-vmenublock-cl, .art-vmenublock-cr,
.art-vmenublock-cc { display: none; }

.art-block, .art-vmenublock { position: relative; }
.art-block::before, .art-vmenublock::before {
  content: ""; position: absolute; inset: 2px; z-index: -1;
  border: 1px solid #9EC8EA; background-color: #DDECF8;
  /* l'alone scuro che le immagini d'angolo disegnavano attorno al riquadro:
     due anelli di nero quasi trasparente, misurati su block_s.png */
  box-shadow: -1px -1px 0 0 rgba(0,0,0,0.106), -2px -2px 0 0 rgba(0,0,0,0.020),
               1px  1px 0 0 rgba(0,0,0,0.227),  2px  2px 0 0 rgba(0,0,0,0.145);
}

/* --- 3. riquadri degli articoli nel contenuto -------------------- */
.art-post-tl, .art-post-tr, .art-post-bl, .art-post-br,
.art-post-tc, .art-post-bc, .art-post-cl, .art-post-cr, .art-post-cc { display: none; }
.art-post { position: relative; }
.art-post::before {
  content: ""; position: absolute; z-index: -1; box-sizing: border-box;
  top: 3px; left: 3px; right: 0; bottom: 0;
  background-color: #DDECF8; background-clip: padding-box;
  /* i 3 px esterni in basso e a destra erano l'ombra disegnata dentro post_v/post_h */
  border-right: 3px solid rgba(0,0,0,0.145);
  border-bottom: 3px solid rgba(0,0,0,0.145);
}

/* --- 4. barre di intestazione dei riquadri ----------------------- */
.art-vmenublockheader .r, .art-blockheader .r { display: none; }
.art-vmenublockheader .l, .art-blockheader .l {
  left: 0; right: 0; box-sizing: border-box; background-image: none;
}
.art-vmenublockheader .l {
  background: linear-gradient(to bottom, #77ABBF, #9EC3D1 50%, #79ACC0);
  border-top: 1px solid #3D91D6; border-bottom: 1px solid #3D91D6; border-left: 1px solid #3D91D6;
}
.art-blockheader .l {
  background: linear-gradient(to bottom, #70A6BC, #5A97B0 50%, #4B879F);
  border-top: 1px solid #467F95; border-bottom: 1px solid #467F95; border-left: 1px solid #467F95;
}

/* --- 5. barra del menu orizzontale ------------------------------- */
.art-nav .r { display: none; }
.art-nav .l {
  left: 0; right: 0; background-image: none;
  background: linear-gradient(to bottom, #FBC57E, #F8981A);
}

/* --- 6. voci del menu orizzontale -------------------------------- */
/* prima: una striscia di 400x90 px con i tre stati impilati, spostata
   con top:-30px e top:-60px. Ora: tre colori, e l'altezza la decide il testo. */
.art-menu a .r { display: none; }
.art-menu a .l {
  left: 0; right: 0; height: 100%; min-height: 30px;
  background-image: none; background: transparent;
  /* lo sprite veniva fatto scorrere con top:-30px e top:-60px da quattro regole
     diverse: qui si azzera una volta sola, alla radice. */
  top: 0 !important;
}
.art-menu a:hover .l,
.art-menu li:hover > a .l,
.art-menu li:hover a .l { background: linear-gradient(to bottom, #68A9DF, #2879BC); }
.art-menu a.active .l { background: linear-gradient(to bottom, #256FAD, #123653); }

/* --- 7. voci del menu verticale ---------------------------------- */
/* il segno «»» era disegnato dentro lo sprite: qui è ritagliato dall'originale
   e incorporato nel CSS, così resta identico ma non vincola più l'altezza. */
ul.art-vmenu a .r { display: none; }
ul.art-vmenu a .l {
  left: 0; right: 0; height: 100%; min-height: 26px; top: 0 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAJklEQVR42mMwisr+zwAFyGwmdAEYmxFZEBkwwRjnlk1lRGHjsgMAc5MR1LmwZTMAAAAASUVORK5CYII=");
  background-repeat: no-repeat; background-position: 20px 10px;
}
ul.art-vmenu a:hover .l {
  background-color: #46A3C8; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAN0lEQVR42mPUC0n5L+GfwsDAwMDwYuMcBhibCSYAAzA2o15Iyn8GLIAJxoAZAWMzYRNkYGBgAADoEg8035cgngAAAABJRU5ErkJggg==");
}
ul.art-vmenu a.active .l {
  background-color: #FCFDFD; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAFCAYAAABmWJ3mAAAAOklEQVR42m3IsQ0AIAgAwYe4DYnDOKaFwzgPBCsSC766PNskPSI9In8rwJmDqizbJGnSwrrOb+0mwANmiB+bd+X3cQAAAABJRU5ErkJggg==");
}

/* --- 8. voci a tendina del menu orizzontale ---------------------- */
.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited {
  background-image: none; background-color: #3D91D6;
}
.art-menu ul li a:hover, .art-menu ul li:hover>a {
  background-image: none; background-color: #DDECF8; background-position: 0 0;
}

/* --- 9. pulsanti -------------------------------------------------- */
.art-button-wrapper .r { display: none; }
.art-button-wrapper .l {
  left: 0; right: 0; height: 100%; min-height: 26px; top: 0 !important;
  background-image: none; background-color: #DDECF8;
}
.art-button-wrapper.hover .l { background-color: #467F95; }
.art-button-wrapper.active .l { background-color: #3D91D6; }
.art-button-wrapper { height: auto; min-height: 26px; }

/* Lasciati volutamente com'erano: i pallini degli elenchi, il segno di
   citazione, l'icona RSS, il separatore del menu e le voci del sottomenu
   verticale. Sono segni decorativi che non impongono altezze fisse. */