/* -------------------------------------------------------------------------- */
div.clearer {clear: both; line-height: 0px; height: 0px;}
/* -------------------------------------------------------------------------- */

a,
a:link,
a:visited
{
  color: #000066;
}
a:hover
{
  color: #004488;
}

ul,
ol
{
  margin: 5px 0;
  padding: 0px;
  padding-left: 2em;
  list-type-position: outside;
}

li {
  text-align: justify;
  margin: 5px 0;
}

h1 { font-size: 24px; font-weight: bolder;}
h2 { font-size: 20px; font-weight: bolder;}
h3 { font-size: 18px; font-weight: bolder;}
h4 { font-size: 17px; font-weight: bolder; margin-top:5px; margin-bottom: 10px;}
h5 { font-size: 16px; font-weight: bolder;}

/* -------------------------------------------------------------------------- */
.pagetitle {
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: center;
  font: normal bold 18px Verdana,Arial,Helvetica,sans-serif;
  color: #000088;
  background: transparent;
}
h2.page-title
{
  color: #000066;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 5px;
}
div.article {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
p.article-author
{
  text-align: right;
  font-size: 11px;
  font-weight: bold;
}
p.article-note
{
  text-align: justify;
  font-size: 10px;
  font-weight: normal;
}
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
ul#gallery {
  width: 100%;
  margin: 8px 0px;
  border: 0px;
  padding: 0px;
  list-style: none inside;
  font: normal bold 12px Tahoma,Arial,Helvetica,sans-serif;
  color: #bbbbbb;
  text-align: center;
}
ul#gallery li {
  border: 0px solid red;
}
ul#gallery li a img.gal {
  margin: 8px 12px;
  border: 1px solid #888888;
}
ul#gallery li a:hover img.gal {
  border: 1px solid #781f1b;
  border: 1px solid #4cb2e0;
  border: 1px solid #1b69c2;
  border: 1px solid #1fc21b;
  border: 1px solid #d7c423;
}
ul#gallery li a,
ul#gallery li a:visited,
ul#gallery li a:hover {
  text-decoration: none;
}
/*----------------------------------------------------------------------------*/

.clear {clear: both;}
.c_align {text-align: center;}
.l_align {text-align: left;}
.r_align {text-align: right;}
.j_align {text-align: justify;}


/*----------------------------------------------------------------------------*/
div.gallery
{
  margin: 0 auto;
}
ul.gallery
{
/*   display:block; */
/*   float: left; */
/*   width: 580px; */
  list-style-type: none;
  margin: 0;
  padding:0;
  text-align: center;
}
ul.gallery li
{
  display:inline-block;
  vertical-align: top;
  text-align: center;
}
ul.gallery.salvati li
{
  width: 285px;
}
ul.gallery li a
{
  display:inline-block;
/*   float: left; */
  margin: 10px auto 5px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #eee;
}

ul.gallery li a img
{
/*   display:block; */
  margin: 0 auto;
  border: 0;
}

ul.gallery li a:hover
{
  border-color: #0000cc;
  background: #ddd;
}
.gallery .details
{
  font-size: 10px;
  color: #444;
  text-decoration: none;
  text-align: center;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* CREATURISTA */
/*----------------------------------------------------------------------------*/
ol.creaturista
{
  list-style-type: upper-roman;
}
ol.creaturista ol
{
  list-style-type: lower-alpha;
}
/*----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------*/
.home-box
{
  width: 480px;
  margin: 15px auto;
  border: 1px solid #ddd;
  padding: 0;
  background: #eee;
  text-align:justify;
  color:#000033;
  font: normal normal 13px verdana,arial,helvetica,sans-serif;
  line-height: 18px;
}
.home-box .padder
{
  padding: 10px;
}
.home-box h4
{
  margin-top: 0px;
  font-size: 16px;
}
a.read-on {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-size: 11px;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* CITAZIONI */
/*----------------------------------------------------------------------------*/
ul.quotes {
  margin: 10px 0;
  padding:0;
}
ul.quotes li {
  display: block;
/*   float: left; */
  width: 250px;
  width: 80%;
  list-style: none;
  margin: 0 20px 20px 0;
  margin: 0 0 20px;
  padding:0;
}
ul.quotes li.last {
  margin: 0 0 20px 0;
}
.quote-content {
  font-style: italic;
  text-align: left;
  margin-bottom: 5px;
}
.quote-footer {
  font-weight: bold;
  text-align: right;
}
/*----------------------------------------------------------------------------*/