#nav
{
  display: inline; /* fissa un bug di explorer, si raddoppierebbero i margini x */
  float: right;
  width: 230px;
  
  margin: 30px 25px 0px auto;
  
  font: normal normal normal 9pt verdana;
  border: 5px solid #666;
  background: #171717 url(immagini/blog/divnav_bg.jpg) repeat-x;
}

#nav div.menu
{
  margin: 0px auto 30px auto;
  width: 200px;
  padding: 10px;
}

#nav div.menu img
{
  display: block;
  margin: 10px auto 0px auto;
  border: 1px solid #eee;
  padding: 2.7%;
  background: #333;
}

#nav div.menu div.picture h4
{
  margin: 5px 0px 20px 0px;
  padding: 0;
  
  text-align: center;
  font-weight: normal;
  font-size: 9pt;
  color: #eee;
}

#nav h1, #nav h2, #nav h3, #nav h4, #nav h5, #nav h6
{
  margin: 0;
  padding: 0;
}

#nav h2
{
  margin: 0px auto;
  padding: 0px 0px 7px 0px;
  font: normal normal bold 1.3em "arial", sans;
  text-align: left;
  
  color: #A3B4C8;
  border-bottom: 1px solid #555;
}

#nav ul
{
  padding: 0;
  margin: 0px 0px 0px 10px;
  margin-top: 10px;
  list-style: none;
}

#nav ul li
{
  list-style: none;
  margin-bottom: 5px;
  margin-left: 10px;
}

div.menu ul li
{
  font: normal normal normal 8pt arial, sans;
  list-style: circle !important;
  padding: 0em 0em 0.2em 0em;
  color: #667c9c;
}

div.menu ul li a
{
  text-decoration: none;
  color: #336699;
  color: #667C9C;
}

div.menu ul li a:hover
{
  text-decoration: underline;
}
