
* {margin: 0;
   padding: 0;
}

/*********************************** Site Structure ******************************/

body {
	font-size: 62.5%;
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*#container {margin: 10px auto;
            width: 829px;
	    font-size: 1.2em;
} 

/*#header {
	background-image: url(/images/new/header_bg.jpg);
	height: 186px;
	width: 670px;
	padding-top: 214px;
	padding-left: 60px;
} */

#content_top {
	background-image: url(/images/new/content_top.jpg);
	height: 120px;
	width: 800px;
	padding-top: 25px;
	padding-left: 50px;
	padding-right: 60px;
	text-align: center;
}


#content {
	background-image: url(/images/new/content_tile.jpg);
	background-repeat: repeat-y;
	padding-left: 50px;
	padding-right: 60px;
	width: 800px;
	text-align: left;
	overflow: auto;
/*	border: thin white dotted; */
}

#footer {
	background-image: url(/images/new/footer.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 60px;
	height: 211px;
	text-align: center;
	width: 800px;
}

#frase {
        padding-left: 80px;
        padding-right: 80px;
        text-align: center;
        width: 400px;
}

#divisore {
	align: center;
	margin:0 auto;
	display: block;
 	border: thin black dotted;
        width: 760px;
	text-align: center;
	overflow: auto;
}


div.figure {
 float: left;
# width: 85%;
 border: thin silver solid;
 margin: 0.5em;
 padding: 1.5em;
}
div.figure p {
 text-align: center;
 font-style: italic;
 font-size: 10px;
 text-indent: 0;
}
div.figure img {   
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
 

div.figure2 {
 float: left;
# width: 85%;
 border: thin silver solid;
 margin: 0.5em;
 padding: 1.5em;
}
div.figure2 p {
 text-align: center;
 font-style: italic;
 font-size: 14px;
 text-indent: 0;
}
div.figure2 a:hover {
	color:black;
 	font-style: bold;
}

div.figure3 {
 float: left;
# width: 85%;
 border: thin silver solid;
 margin: 0.2em;
 padding: 0.1em;
}
div.figure3 p {
 display: table-caption;
 caption-side: right;
 width: 270px;
 text-align: left;
 font-size: 12px;
 text-indent: 0;
}

div.figure3 a:link {color: #000000; text-decoration: none; }     
div.figure3 a:visited {color: #000000; text-decoration: none; }  
div.figure3 a:hover {color: #EEEEEE; }   
div.figure3 a:active {color: #333333}   




p.titolo
{
	font-size: 2.5em;
      	padding-left: 5px;
      	padding-right: 5px;
	color: #220000;
	text-align: center;
}

p.textbio:first-letter
{
        font-size: 1.8em;
}
p.textbio
{
        font-size: 1.3em;
        padding-left: 5px;
        padding-right: 5px;
	color: #220000;
	text-align: left;
}

p
{
        font-size: 1.3em;
        padding-left: 5px;
        padding-right: 5px;
	color: #220000;
}




.frasetxt {
        font-size: 1.1em;
	font-style: italic;
	color: #000000;
#	border: 1px solid black;
        padding-left: 50px;
        padding-right: 50px;
#        text-align: center;
        width: 680px;
}

.footertxt {
	font-size: 1.5em;
	padding-left: 10px;
	padding-top: 180px;
	color: #F1DBC6;
}

h2 {
	font-weight: bold;
	padding: 10px;
	color: #673711;
	font-size: 1.2em;
}
h3 {
	font-weight: normal;
	padding: 0px;
	color: #673711;
	font-size: 1em;
	text-align: right;
}


/*************************** Hyperlinks ***********************/

a:link {color: #F1DBC6}     /* unvisited link */
a:visited {color: #F1DBC6}  /* visited link */
a:hover {color: #FFCC66}   /* mouse over link */
a:active {color: #FFFFFF}   /* selected link */

/***************************  Navigation **********************/

#navlist
{
width: 210px;
text-align: center;
}

#navlist li
{
	list-style: none;
	font-weight: bold;
}

#navlist li a { text-decoration: none; }
/************************************ Image Headings ******************************/

#heading_cdb {
	background-image: url(/images/new/cdb.png);
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
}


#heading_ilsito {
	background-image: url(/images/new/ilsito.png);
	height: 100px;
	background-position: center;
	background-repeat: no-repeat;
}

#heading_storia {
	background-image: url(/images/new/lastoria.png);
	height: 100px;
	background-position: center;
	background-repeat: no-repeat;
}
#heading_personaggi {
	background-image: url(/images/new/ipersonaggi.png);
	height: 100px;
	background-position: center;
	background-repeat: no-repeat;
}

#heading_biblioteca {
        background-image: url(/images/new/biblioteca.png);
        height: 60px;
        background-repeat: no-repeat;
        background-position: center;
}
#heading_ipsum {
	background-image: url(/images/new/heading_headings.png);
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.invisible_headings {
	margin-left: -3000px; /* This is used to remove the original heading*/
}
/* ************************* */

.bevelmenu{
	font: bold 13px arial;
	padding: 6px 0;
	margin: 0;
	width: 100%;
	text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
	padding: 3px 0.5em;
	text-decoration: none;
	color: black;
	background-color: #AA8865;
	border: 2px ridge #FFF2FF;
}

.bevelmenu li a:hover{
	color: black;
	background-color: #94693F;
	border-style: outset;
}

/* ***** menu biblioteca **** */

.vmenu{
	font: bold 13px arial;
	margin: 20px;
}


.vmenu li{
list-style: circle; 
	height: 32px;
}

.vmenu li a{
	height: 32px;
        text-decoration: none;
        color: black;
	padding: 5px 0 0 0px;
}

.vmenu li a:hover{
        color:black;
        background-color: #94693F;
}

/* *****  **** */

img.ritratti {
/*	border-right: 3px ridge;
	border-right-color: #FFC; 
	border-bottom: 3px ridge;
	border-bottom-color: #FFC;  */
	letter-spacing: 30px;
	margin-right: 15px;
	margin-top: 10px;
}


border-style: inset;
}

