/* CSS Document */

body {
    background:#000b42 url(img/bkg_blue.jpg) repeat-x;
    text-align:center;
    font-family: arial;
  }

/**** div generale ****/    

#container {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background:#000000;
    color:#ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    /*background: #000000 url(bkg_bottom_round.gif) no-repeat bottom left;
    */
  }
#container_l {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background:#000000;
    color:#ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    /*background: #000000 url(bkg_bottom_round.gif) no-repeat bottom left;
    */
  }
  
/*#container:after {
    content: url(img/bkg_bottom_round.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    clear: both;
    display:block;
    margin: 0 0 -20px 0;
  }*/


/**** rientro paragrafo ****/

p:first-letter {
    margin-left:0.5cm;
  }

/****** link normali *****/

a:link, a:visited {
    color:#FF0000;
    text-decoration:none;
  }

a:hover {
    color:#FF0000;
    text-decoration:underline;
  }

/*a:active {color:#FF0000;
    text-decoration:none;}*/
/***********************************/

span.capolettera {
    font-size:150%;
    font-style:italic;
    font-weight:bold;
  }

img {border:0px;}
img#logo_menu { vertical-align:middle; margin:-3px 0px -3px 0px;border:0px;}   /* logo y4 nel menu */


/************ Citazioni grandi ***************/
blockquote p
    {
    padding: 0px 60px 20px 60px;
    /*font-size: 2em;    */
    /*float: left;*/
    font-style:italic;
    text-align:left;
    background: url(img/quote_down.jpg) bottom right no-repeat;
}

blockquote
    {
    padding: 20px 20px 0px 0px;
    font-size: 1.2em;    
    background: url(img/quote_up.jpg) top left no-repeat;
}

cite
    {
    font-size: 1em;
    float: right; 
    padding-right: 100px;   
} 
/************ FINE Citazioni grandi ***************/


p.nopadding:first-letter {
    margin-left:0;
  }


h3 {
    margin-bottom:-10px;
  }


.citazione {
    font-style : italic;
    padding-left:1.5cm;
    padding-right:1cm;
  }


.citazione:first-letter {
    padding-left:1cm;
  }


.testata {
    text-align:center;
  }

/**** div footer ****/

#footer {
    font-weight:bold;
    font-variant:small-caps;
    color:white;
    text-align:center;
    margin: 10px auto 10px auto;
  }

#footer a{
       color:white;
       font-size: 0.8em;
    font-weight: normal;
    font-variant: normal;
    font-family: courier;
  }
  
a#credits{
       color:#CCCCCC;
       font-size: 0.7em;
    font-weight: normal;
    font-variant: normal;
    font-family: arial;
  }

em.nome {color:#FFFF80;}    /** nome nella pagine dei credits **/

div.sc_pers {text-align:right; text-transform:uppercase; font-size:0.8em;}
span.nar {text-transform:uppercase; font-size:0.8em;}

/**** pagina di carta ****/
div#foglio {width:790px;
       margin-left:auto;
       margin-right:auto;       
       color:#000;
       background: url(img/paper_top.jpg) top left repeat-x;
       background-color:#fff;
       }

p#titolo { font-size:1.3em;
       padding: 50px 10px 0px 10px;}
p#titolo:first-letter {
    margin-left:10px;
  }
p#autore {font-style:italic; font-weight: bold; text-align:right;padding: 0px 20px 10px 20px;}

p#testo {padding: 0px 20px 10px 20px; line-height:1.5em;}

p#testo-footer {background: url(img/paper_bottom.jpg) bottom center no-repeat; padding: 0px 20px 10px 20px;}


div#fazioni {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(img/bkg_fazioni.jpg);
    background-repeat: repeat-x;
    background-color:#ffffff;
    padding-top: 30px;
    padding-bottom: 20px;
  }


#fazioni div {
    background: transparent;
    margin-left:10px;
    margin-right:10px;
  }


#fazioni:after {
    content: url(img/bkg_bottom_round.gif);
    background-position:bottom;
    background-repeat:no-repeat;
    clear: both;
    display:block;
    margin: 0 0 -20px 0;
  }


#fazioni table {
    border:0;
    width:100%;
    text-align:center;
    color:white;
  }


#fazioni td {
    vertical-align:top;
    padding: 2px 2px 2px 2px;
  }


#tbl_fazioni {
    font-size : 3em;
    font-variant : small-caps;
    text-align : center;
    width : 60%;
  }


.outline {
    border-bottom-color : #ffffff;
    border-bottom-style : solid;
    border-left-color : #ffffff;
    border-left-style : solid;
    border-right-color : #ffffff;
    border-right-style : solid;
    border-top-color : #ffffff;
    border-top-style : solid;
    border-width: 1px;
    border-color: #A8A8A8
  }


#tbl_fazioni td {
    width:50%;
    padding: 20px;
  }

/***** stili pagina aggiornamenti *********/

.agg_data {background-color:#000034; color:#fff; font-weight:bold; font-style:italic;}
.agg_txt {color:#bbb; padding-left:1cm;}
a:link.link-red,a:active.link-red,a:visited.link-red {text-decoration:none; color: #f00;}
a:hover.link-red {text-decoration:underline;}
/****** STILI GALLERIE FOTOGRAFICHE ********/

#myGallerySet
{
margin-left:auto;
margin-right:auto;
width: 600px !important;
height: 200px !important;
}

#myGallery
{
margin-left:auto;
margin-right:auto;
width: 600px !important;
height: 200px !important;
}

/***************** PAGINA AUTORI ****************************/

table#autori {color:#fff; font-size:0.8em; border: 1px solid #404040;}
table#autori caption {/*font-style:italic;*/ text-align:right; padding:2px; font-size:0.7em;}
table#autori th {background-color:#990000; font-variant:small-caps; font-size:1.1em;}
table#autori tr.even {}
table#autori tr.odd {background-color:#202020;}
table#autori td {padding:2px;}
table#autori td#nome {font-size:1.1em; color:#FFFF80;}
table#autori td#personaggi a:link,a:active,a:visited {text-decoration:none; color: #fff;}
table#autori td#personaggi a:hover {text-decoration:underline; color: #f00;}
/**********************************************************/

/**************** STILE MENU *****************************/
.chromestyle{
width: 800px;
font-weight: bold;
margin-left:auto;
margin-right:auto;
padding: 5px 0px 5px 0px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
font:normal 1em Verdana;
font-variant:small-caps;
font-weight: bold;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a:link{
color: #b0b0b0;
padding: 4px 10px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}
.chromestyle ul li a:active{
color: #b0b0b0;
padding: 4px 10px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}
.chromestyle ul li a:visited{
color: #b0b0b0;
padding: 4px 10px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}

.chromestyle ul li a:hover{
color: #900;
border-top: 2px solid #f00;
/*background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";
content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
.chromestyle ul li a.current {color:#fff;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #000;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
text-align:left;
/*font-weight: bold;*/
color: #fff;
}
.dropmenudiv a:visited{color: #fff; padding: 0px;}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #900;
}