body {
  margin:0;
  padding:0;
  text-align:center;
  background:#770000;
  }
  
a:link,a:active,a:visited {color:#770000;}
a:hover {text-decoration:none;}  
  
#container {
  width:900px;
  margin:0 auto;
  text-align:left;
  background:url(img/container1.png) repeat-y center;
  }
  
/* ................................................................... HEADER */  
#header {
  height:220px;
  position:relative;
  background:url(img/header.png) no-repeat top center;
  }
  
#header ul {
  position:absolute;
  bottom:68px;left:12px;
  margin:0;
  padding:0;
  list-style-type:none;
  }
  
#header a {
  width:146px;
  height:46px;
  position:absolute;
  top:0;
  text-indent:-9999px;
  background:url(img/matrice.png);
  } 
  
#filologia a    {left:146px;background-position:-146px 0;}
#calendario a   {left:292px;background-position:-292px 0;}
#galleria a     {left:438px;background-position:-438px 0;}
#informazioni a {left:584px;background-position:-584px 0;}
#forum a        {left:730px;background-position:-730px 0;} 

#home a.active         {background-position:0 -92px;}
#filologia a.active    {background-position:-146px -92px;}
#calendario a.active   {background-position:-292px -92px;}
#galleria a.active     {background-position:-438px -92px;}
#informazioni a.active {background-position:-584px -92px;}

#header span {
  width:146px;
  height:46px;
  position:absolute;
  top:0;left:0;
  cursor:pointer;
  background:url(img/matrice.png);
  display:none;  
  }
  
#home span         {background-position:0 -46px;}
#filologia span    {background-position:-146px -46px;}
#calendario span   {background-position:-292px -46px;}
#galleria span     {background-position:-438px -46px;}
#informazioni span {background-position:-584px -46px;}
#forum span        {background-position:-730px -46px;}

/* .................................................................. CONTENT */
#wrapper {
  width:100%;
  float:left;
  }
  
#content {
  min-height:350px;
  margin:0 15px 0 200px;
  text-align:justify;
  font-family:georgia;
  font-size:14px;
  }
  
#full_content {
  min-height:350px;
  margin:0 50px;
  }

#content p {margin:0 15px 10px;}

div.titolo {
  margin:0 15px 5px;
  padding:2px 4px 4px;
  text-indent:8px;
  font-family:times;
  font-size:20px;
  font-weight:bold;   
  background:#e5e5c5;
  border:1px solid #cccccc;
  border-width:0 1px 1px 0;
  }
  
#content hr {
  height:2px;
  margin:0 13px 10px;
  background:#cccccc;
  border:0;
  }

/* .................................................................. SIDEBAR */
#sidebar {
  width:185px;
  float:left;
  margin-left:-885px;
  font-family:times;
  font-size:16px;
  }
  
#sidebar img {
  display:block;
  margin:0 auto 15px;
  border:0;
  }
  
#sidebar ul {
  width:160px;
  margin:0 auto 15px;
  padding:0;
  list-style-type:none;
  }
  
#sidebar li {display:inline;}
  
#sidebar li a {
  line-height:40px;
  display:block;
  text-align:center;
  text-decoration:none;
  color:#000000;
  background:url(img/side_menu.png) no-repeat top center;
  }
  
#sidebar li a:hover {
  color:#770000;
  background:url(img/side_menu.png) no-repeat bottom center;
  } 
  
#sidebar li.active a,#sidebar li.active a:hover {
  color:#886600;
  background:url(img/side_menu.png) no-repeat top center;
  }     
    
/* ................................................................... FOOTER */     
#footer {
  width:100%;
  line-height:14px;
  clear:left;
  margin-bottom:10px;
  padding-top:30px;
  font-size:80%;
  background:#770000 url(img/footer.png) no-repeat top center;
  }
  
#footer a {color:#000000;}
  
#footer_wrapper {
  width:100%;
  float:left;
  }
  
#footer_c {
  margin:0 28%;
  text-align:center;
  }
  
#footer_sx {
  width:26%;
  float:left;
  margin-left:-98%;
  }
  
#footer_dx {
  width:26%;
  float:left;
  margin-left:-28%;
  text-align:right;
  } 
  
#footer_dx a img {
  height:25px;
  border:0;
  }  
  
/* .............................................................. PAGINA HOME */ 
#mess {
  height:300px;
  position:relative;
  margin:0 10px 10px;
  background:url(img/mess.png);
  }
  
#mess div {
  width:90%;
  height:80%;
  position:absolute;
  top:10%;left:5%;
  text-align:center;
  overflow:auto;
  }
  
/* .............................................. PAGINA FILOLOGIA -> ASSEDIO */
.ancoraSu {
  padding:0 6px;
  text-align:right;
  font-size:80%;
  } 
  
/* ........................................................ PAGINA CALENDARIO */
p.evento img {
  width:100px;
  height:100px;
  float:left;
  margin:4px 8px 4px 0;
  border:1px solid #000;
  } 
  
p.evento small {
  display:block;
  margin:5px 0;
  padding:2px 4px 4px;
  background:#e5e5c5;
  border:1px solid #cccccc;
  border-width:0 1px 1px 0;
  }
  
/* ......................................... PAGINA INFORMAZIONI -> GUESTBOOK */
form.guest {margin:0 15px 10px;}
  
form.guest label {
  display:block;
  margin-bottom:4px;
  text-indent:4px;
  font-weight:bold;
  }
  
form.guest input,form.guest textarea {
  width:70%;
  display:block;
  margin-bottom:15px;
  padding:3px;
  border:1px solid #770000;
  } 
    
form.guest button {
  display:block;
  margin-bottom:15px;
  padding:2px 6px;
  } 
  
form.guest input,form.guest textarea,form.guest button {
  font-family:georgia;
  font-size:14px;
  }
  
p.guestPost {
  padding:2px 4px 4px;
  background:#e5e5c5;
  border:1px solid #cccccc;
  border-width:0 1px 1px 0;
  }

p.guestPost b {
  display:block;
  margin:0 0 4px 2px;
  }