body 
{
    margin:0;
    padding:0;
    
    font-family:Arial, Sans-Serif;
    font-size:9pt;
    color:Black;
    
    background-image:url(/Images/bg_body_fontana-pigna.jpg);
    background-position:top left;
    background-repeat:no-repeat;
}

.clearfix 
{
    clear:both;
}

form,div,p,h1,h2,h3,h4,h5,h6
{
    margin:0;
    padding:0;
}

h1 
{
    color:#db0808;
    font-weight:bold;
    font-size:18pt;
}
p 
{
    margin:10px 0 20px 0;
}

.popup_login_usr,
.popup_login_pwd,
.popup_login_gen
{
    position:absolute;
    width:200px;
    height:30px;
    
    border:1px solid #E5E5E5;
    border-right:5px solid Red;
    
    margin-left:-220px;
    margin-top:5px;
    padding:6px;
    
    background-color:White;
    color:red;
}
.popup_login_usr a,
.popup_login_pwd a,
.popup_login_gen a
{
    position:absolute;
    
    margin-left:195px;
    margin-top:-5px;
}
.popup_login_usr 
{
    margin-top:5px;
}
.popup_login_pwd 
{
    margin-top:40px;
}
.popup_login_gen 
{
    margin-top:75px;
}

/**************************/
/* AUTORE                 */
/**************************/
#autore .foto,
#autore .info
{
    float:left;
}
#autore .foto 
{
    margin-right:5px;
}
#autore .foto img 
{
    border:4px solid White;
}
#autore .info p 
{
    margin:10px 0 10px 0;
}
#autore .info p.professione 
{
    font-size:14px;
}
#autore .nickname 
{
    font-size:14px;
    font-weight:bold;
}
#autore .nickname sup
{
    font-size:9px;
}
#autore .articolo_autore
{
    margin:5px 0 5px 0;
}
#autore .articolo_img 
{
    float:left;
    margin-right:10px;
}
#autore .articolo_img img 
{
    padding:2px;
    vertical-align:text-top;
    
    border:4px solid #E5E5E5;
}
#autore .articolo_info
{
    float:left;
    margin-top:5px;
}
/**************************/
/* REGISTRAZIONE          */
/**************************/

#form 
{
    margin:0;
    padding:0;
    border:0;
}
#form div img 
{
    border:4px solid #EFEFEF;
    margin:2px;
}
#form div 
{
    clear:both;
    padding:2px;
}
#form div label,
#form div div.label
{
    line-height:1.5em;
    float:left;
    text-align:right;
    width:130px;
    margin-right:5px;
}
#form div span 
{
    line-height:1.5em;
}
#form div label.checkbox 
{
    width:auto;
    line-height:1.5em;
}
#form div input 
{
    float:left;
}
#form div input.checkbox
{
    float:none;
}
#form div textarea 
{
    float:left;
    font-size:9pt;
    font-family:Lucida Console, Arial, Sans-Serif;
    color:#C8C8C8;
    width:480px;
    height:160px;
}
div.button,
div.button input
{
    margin:0 auto;
    text-align:center;
    
}
div.button input 
{
    border:4px solid #D63535;
    background-color:#FEE7E7;
    color:#A91B1B;
    
    padding:8px;
    
    font-size:14pt;
}

/**************************/
/* CONTENUTO PAGINA       */
/**************************/
.articolo h2 
{
    color:#db0808;
    font-size:15pt;
    font-weight:bold;
}
.articolo img 
{
    float:left;
    clear:left;
    margin:4px;
    
    padding:2px;
    vertical-align:text-top;
    
    border:4px solid #E5E5E5;
}
.articolo p
{
    clear:left;
    
    color:#424242;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:9pt;
    
    margin:10px 0 20px 0;
    line-height:18px;
}
.articolo li
{
    color:#424242;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:9pt;
    line-height:18px;
}
.continue 
{
    background-color:#F5F5F5;
    border-bottom:1px solid #E4E4E4;
    color:#939393;
    
    margin-bottom:30px;
    padding:4px;
    
    font-size:8pt;
}
.continue img 
{
    margin:0;
    vertical-align:middle;
    border:0;
}


/* articolo */
.articolo h1
{
    color:#db0808;
    font-size:17pt;
    font-weight:bold;
    margin-top:3px;
}
.articolo h3.data 
{
    font-style:italic;
    font-weight:normal;
    font-size:8pt;
}
.articolo h3.data img 
{
    width:8px;
    height:10px;
    vertical-align:baseline;
    border:0;
    margin:0;
    margin-right:5px;
    padding:0;
}
.articolo #autore 
{
    margin-top:20px;
}
.articolo #autore a 
{
    color:#3b3c3b;
    font-weight:bold;
    text-decoration:underline;
}

/* immagini */
#immagini img 
{
    clear:none;    
    float:left;
}

/* commenti */
.titolo_row,
.commenti_row 
{
    border-bottom:1px dashed #db0808;
    margin:0;
    margin-bottom:15px;
    padding:0;
    font-size:0;
}
#commenti h2 
{
    color:#4e934a;
    font-size:12pt;
}
#commenti p
{
    margin:0;
    padding:0;
    color:#6b746b;
    font-size:9pt;
}
.commento div.autore 
{
    margin:0;
    padding:0;
    margin-bottom:10px;
}
.commento
{
    margin-bottom:20px;
    padding:4px;
    
    border:1px solid #b1d8af;
    border-left:10px solid #b1d8af;
}
.commento a:Link,
.commento a:Visited,
.commento a:Active,
.commento a:Hover
{
    font-size:10pt;
    color:#44a23f;
    font-weight:bold;
}
img.commento_icona
{
    border:0;
    margin:0;
    padding:0;
    margin-right:5px;
    vertical-align:bottom;
}
img.commento
{
    position:absolute;
    margin:0;
    padding:0;
    border:0;
    vertical-align:top;
    margin-left:430px;
    margin-top:-12px;
}

#commento 
{
    margin-top:10px;
    
    border:1px dashed #A8D3A6;
}
.commento_header 
{   
    padding:4px;
    background-color:#A8D3A6;
}
.commento_header h2 
{
    color:White;
    font-size:12pt;
}
.commento_content
{
    padding:4px;
}
.commento_content textarea 
{
    width:390px;
}
.commento_content img 
{
    margin:0 10px 0 0;
    padding:0;
    
    vertical-align:middle;
}
.captcha 
{
    font-size:18pt;
    width:140px;
}


#titolo h1 
{
    color:#454545;
}
.titolo_row 
{
    border-bottom:1px solid #454545;
}

/**************************/
/* PAGINAZIONE            */
/**************************/
#pag 
{
    background-color:#DF3737;
    padding:8px;
}
#pag_sx 
{
    float:left;
    
    color:#FBE3E3;
}
#pag_dx 
{
    font-size:10pt;
    font-weight:bold;
    
    float:right;
}
#pag_dx a
{
    margin:0 2px 0 2px;
    
    color:White;
}
#pag_dx sup a 
{
    color:#f9d9d9;
    font-weight:normal;
}
#pag_dx span 
{
    padding:4px;
    
    font-weight:normal;
    background-color:#F9DBDB;
    border-bottom:1px solid Red;
}

/**************************/
/* LINK                   */
/**************************/

a:Link,
a:Visited,
a:Active,
a:Hover 
{
    color:#DF3737;
    text-decoration:none;
}
a:Hover 
{
    text-decoration:underline;
}

#logo img
{
    margin-left:55px;
    margin-top:50px;
    margin-bottom:20px;
    
    width:285px;
    height:67px;
    border:0;
}

#rss img 
{
    position:absolute;
    margin-left:500px;
    margin-top:50px;
    
    width:165px;
    height:65px;
    border:0;
}

#container 
{
    margin-left:45px;
    
    min-width:700px;
}

#content 
{
    float:left;
    width:484px; /* 500-(8*2) */
    
    margin-top:10px;
    padding:8px;
    
    /*background-color:White;*/
    background-image:url(Images/bg_content.png);
    border:1px solid #f4f4f4;
}

#menu 
{
    float:left;
    width:160px; /* 160-(8*2) */
    
    margin-left:25px;
    margin-top:10px;
}

/**************************/
/* BOX MENU LATERALE      */
/**************************/

.box_menu h3 
{
    width:160px;
    height:20px;
    display:block;
    overflow:hidden;
    
    font-size:11pt;
    color:White;
    
    padding-top:1px;
    padding-left:10px;
    
    background-image:url(Images/bg_menu.png);
    background-repeat:no-repeat;
}
.box_menu ul 
{
    margin:10px 0 0 25px;
    padding:0;
}
.box_menu ul.archivio 
{
    list-style-image:url(Images/bullet_archivio.png);
}
.box_menu ul.categorie 
{
    list-style-image:url(Images/bullet_categorie.png);
}
.box_menu a:Link,
.box_menu a:Visited,
.box_menu a:Active,
.box_menu a:Hover
{
    color:#363636;
    text-decoration:none;
    line-height:20px;
}
.box_menu a:Hover 
{
    text-decoration:underline;
}
.box_menu div.login 
{
    margin:8px;
}
.box_menu div.login input 
{
    padding:3px;
    width:130px;
    border:1px solid #E5E5E5;
}
.box_menu div.login a 
{
    font-size:8pt;
}
.box_menu div.login input.submit 
{
    margin:4px;
}

.box_commento 
{
    font-size:8pt;
    line-height:1px;
    color:Gray;
    
    margin:0;
    padding:0 5px 0 5px;
}
.box_commento a.autore
{
    
    font-weight:bold;
}
.box_commento .articolo 
{
    margin-top:-5px;
}
.box_commento .row 
{
    font-size:0;
    margin:5px 0 5px 0;
    padding:0;
    
    border-bottom:1px dashed Gray;
}

#box_ricerca p 
{
    margin:0;
}
#box_ricerca 
{
    color:White;
    background-image:url(Images/bg_ricerca.png);
    
    width:502px;
    height:60px;
    display:block;
    text-align:center;
}
#box_ricerca input 
{
    width:200px;
    padding:4px;
    
    font-size:10pt;
    color:#353535;
    border:1px solid #cf5b5c;
}
#box_ricerca .cerca
{
    width:26px;
    height:27px;
    vertical-align:top;
    
    padding:0;
    margin-left:5px;
    
    background-color:Transparent;
    border:0;
    cursor:pointer;
}

#footer 
{
    width:500px;
    margin-top:20px;
    margin-left:45px;
    
    font-size:8pt;
    color:#D7D7D7;
    text-align:center;
}
#footer img 
{
    border:0;
    margin:4px;
}
#footer a
{
    color:#D7D7D7;
}

/**************************/
/* SEZIONE PRIVATA        */
/**************************/

.headerGridView 
{
    padding:4px;
    color:White;
    background-color:#EE7A64;
}
.rowGridView
{
    background-color:#F5F5F5;
}

#box_filtra 
{
    padding:4px;
    background-color:#F5F5F5;
    border-bottom:4px solid #E4E4E4;
}
#box_filtra h5
{
    color:#BFBFBF;
    position:absolute;
    margin-left:385px;
    margin-top:36px;
}

#tab_articolo .sx
{
    text-align:right;
    width:130px;
}
#tab_articolo .row 
{
    margin:0;
    padding:10px;
    background-color:#F4F4F4;
    font-size:0;
    /*border-bottom:1px dashed #E6E6E6;*/
}
#tab_articolo input 
{
    padding:4px;
}

.immagine 
{
    float:left;
    margin:4px;
}
.immagine img
{
    border:4px solid #E5E5E5;
    margin:2px;
}
.immagine img.cancella 
{
    border:0;
    margin:0;
}

input.aggiorna
{
    border:4px solid #8DBA25;
    background-color:#F0FFE6;
    color:#224102;
    
    padding:8px;
    
    font-size:14pt;
}
input.bozza 
{
    border:4px solid #F4D000;
    background-color:#FFF5BF;
    color:#AE9400;
    
    padding:8px;
    
    font-size:14pt;
}

#statistiche 
{
    margin-top:20px;
    text-align:center;
}
#ico 
{
    margin-top:20px;
    text-align:center;
}

.visite 
{
    text-align:right;
    color:Gray;
    font-size:8pt;
}