/*
 * Gestione dei bottoni utilizzando i css.
 */

a.bottone {
    display: block;
    padding: 0.5em;
    height: 1em;
    width: 8em;
    margin-left: 1em;
    margin-right: 1em;
    border-style: solid;
    border-width: thin;
    border-color: #885010;
    background: #169B07;
    color: #FFD83B;
    text-align: center;
    font-weight: bold;
    opacity: 0.75;
}

a.bottone:hover {
    opacity: 1;
}

.esposizione {
    float: left;
    margin:0.5em;
    padding:0.5em;
    background: #885010;
    height: 26em;
    width: 18em;
    text-align: center;
}

.autore {
    float: left;
    margin: 1em;
    padding: 1em;
    background: #885010;
    height: 16em;
    width: 12em;
    text-align: center;
}

/*
 * Gestione delle immagini. Esse devono avere uno spazio attorno (per non
 * soffocare il testo) e possono essere tali da disporsi a destra o a sinistra
 * del testo.
 */

img.persona {
    border-style: solid;
    border-width: thin;
    border-color: #C1E51F;
}

img.inbox {
    width: 10em;
    margin: 0.25em;
    border-style: solid;
    border-width: thin;
    border-color: #C1E51F;
}

img.side {
    border-style: solid;
    border-width: thin;
    border-color: #C1E51F;
    width: 10em;
    margin: 0.25em;
    opacity: 0.65;
    /*filter:alpha(opacity=65);
    -moz-opacity: 0.65*/;
}

img.side:hover {
    width: 10em;
    margin: 0.25em;
    opacity: 1;
    /*filter:alpha(opacity=100);
    -moz-opacity: 1;*/
}