BODY
{
  font-family: "Trebuchet MS", "Lucida Sans", "FreeSans";
  font-size: 11px;
  background: url(images/pois.png);
  }

ul
{
  list-style-image: url(images/bullet.png);
  }

HR 
{
  clear: both;
  visibility: hidden;
  margin: 0px;
  padding: 0px;
  height: 1px;
  }

.content h2
{
  clear: both;
  margin-top: 20px;
  font-size: 16px;
  border-bottom: dotted 1px #ccc;
  }

.content h3
{
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  }

.content p
{
  margin: 10px;
  }

.content ul
{
  margin-top: 10px;
  margin-bottom: 10px;
  }

.content strong, 
{
  color: #bcd3cb;
  }

.content a, .content a:active, .content a:visited, .content a:hover
{
  color: #000;
  }

#all
{	
  margin-left: auto;
  margin-right: auto;
  width: 640px;
  }

#top
{
  /* background: #74A4A4 url(images/halloween.png) 0px 0px no-repeat; */
  /* background: #74A4A4 url(images/albero.png) 0px 0px no-repeat; */
  background: #74A4A4 url(images/sfondo_sito.png) 0px 0px no-repeat;
  width: 100%;
  height:300px;
  border: solid 3px #bcd3cb;
  }

.content
{
  border: solid 3px #bcd3cb;
  background: url(images/stripe1.png);
  width: 100%;
  margin-top: 15px;
  }

.content .container
{
  margin: 10px;
  padding: 10px;
  background-color: #fff;
  position: relative;	
  z-index: 0;
  }

.content .container .title
{
  background-color: #bcd3cb;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: auto;
  margin-right: auto;
  float: left;
  position: absolute;
  top: -10px;
  padding: 4px;
  }

.content .container .text
{
  clear: both;
  margin-top: 20px;
  z-index: 1000;
  position: relative;
  }

#logo
{
  margin-top: 240px;
  margin-left: 20px;
  float: left;
  }

#logo img
{
  border: none;
  }

#menu
{
  float: right;
  }

#menu .voce-menu,
#menu .voce-menu-sel
{
  float: left;
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 100px;
  margin-top: 183px;
  height: 100%;
  font-weight: bold;
  white-space: nowrap;
  } 

#menu .voce-menu	a, #menu .voce-menu	a:active, #menu .voce-menu	a:visited, #menu .voce-menu	a:hover,
#menu .voce-menu-sel	a, #menu .voce-menu-sel	a:active, #menu .voce-menu-sel	a:visited, #menu .voce-menu-sel	a:hover
{
  color: #fff;
  text-decoration: none;
  background-color: #bcd3cb;
  height: 300px;
  padding-top: 100px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  line-height: 17px;
  }

#menu .voce-menu-sel	a, #menu .voce-menu-sel	a:active, #menu .voce-menu-sel	a:visited, #menu .voce-menu-sel	a:hover
{
  background: #9f9ab6 url(images/voce-selezionata.png) bottom;
  color: #bcd3cb;
  }

/* IDENTITY CARD */

#whoami
{
  float: left;
  width: 58%;
  }

#whoami #identity-card
{
  height: 100px;
  }

#identity-card .left
{
  float: left;
  width: 24%;
  position: relative;
  }

#identity-card .left img
{
  }

#identity-card .right
{
  float: right;
  width: 65%;
  position: relative;
  }

#identity-card .right dt
{
  float: left;
  width: 90px;
  font-weight: bold;
  color: #bcd3cb;
  }

#identity-card .right dd
{
  border-bottom: dotted 1px #ccc;
  margin: 0px;
  padding: 0px;
  }

/* PORTFOLIO */

#portfolio .top a img
{
  border: solid 4px #ccc;
  margin: 2px;
  }

#portfolio .top a img:hover
{
  border: solid 4px #bcd3cb;
  }

#portfolio .bottom
{
  text-align: center;
  color: #bcd3cb;
  font-weight: bold;
  }

#portfolio .item
{
  float: left;
  margin-right: 16px;
  width: 100px;
  margin-bottom: 20px;
  position: relative;
  }

/* PICTURES */

#pictures
{
  height: 110px;
  text-align: center;
  }


.photos
{
  float: left;
  margin-right: 18px;
  }

.photos .photo
{
  width: 100px;
  height: 75px;
  border: solid 1px #bcd3cb;
  }

.photos .date
{
  color: #ccc;
  text-align: right;
  }

/* CURRICULUM */


/* BLOG */

#blog
{
  width: 40%;
  float: right;
  position: relative;
  left: 6px;
  }

#blog IMG
{
  border: none;
  }

#blog #identity-card
{
  height: 100px;
  }

#blog
{
  border: solid 3px #9f9ab6;
  background: url(images/stripe2.png);
  }

#blog .text
{
  text-align: left;
  }

#blog .container .title
{
  background-color: #9f9ab6;
  }

#blog UL
{
  margin: 0px;
  padding: 0px;
 }

#blog UL LI
{ 
  margin: 0px;
  margin-bottom: 5px;
  margin-left: 15px;
  padding: 0px;
 }

#blog UL A,
#blog UL A:active,
#blog UL A:visited,
#blog UL A:hover
{ 
  color: #9F9AB6;
  font-weight: bold;
  text-decoration: none;
 }

/* job-detail */

#job-detail-container .dettagli
{
  float: left;
  width: 55%;
  position: relative;
  }

#job-detail-container .dettagli ul
{
  margin: 0px;
  padding-left: 15px;
  color: #bcd3cb;
  list-style-type: disc;
  }

#job-detail-container .dettagli ul .name
{
  font-weight: bold;
  color: #bcd3cb;
  }

#job-detail-container .dettagli ul .value
{
  color: #000;
  }

#job-detail-container .descrizione
{
  line-height: 20px;
  margin-top: 20px;
  }

#job-detail-container .foto
{
  float: right;
  width: 43%;
  text-align: right;
  position: relative;
  }

#job-detail-container .foto img
{
  border: solid 4px #ccc;
  margin-left: 15px;
  margin-bottom: 15px;
  }

#job-detail-container .foto img:hover
{
  border: solid 4px #bcd3cb;
  }

#job-detail-container  h2
{
  clear: both;
  margin-top: 20px;
  font-size: 14px;
  border-bottom: dotted 1px #ccc;
  }

/* RECENTLY */
#recent, #shop
{
  width: 100%;
  }

#recent .text, 
#shop .text 
{
  text-align: center;
  }

#recent .text img,
#shop .text img
{
  border: solid 4px #ccc;
  margin: 4px;
  }

#recent .text img:hover,
#shop .text img:hover
{
  border: solid 4px #bcd3cb;
  }

/* SHOP */
#shop
{
  border: solid 3px #9f9ab6;
  background: url(images/stripe2.png)
}

#shop .title
{
    background-color: #9f9ab6;
}

/* SHOW PHOTO */
.navigation
{
  margin-top: 20px;
  margin-bottom: 20px;
  }

.navigation a, .navigation a:active, .navigation a:visited, .navigation a:hover
{
  margin-right: 20px;
  font-weight: bold;
  color: #bcd3cb;
  }

.navigation  a.inattivo
{
  color: #ccc;
  }

#showphoto  .photocounter
{
  color: #bcd3cb;
  }

#showphoto .theimage
{
  margin-top: 20px;
  }

/* WALPAPERS */

#wallpapers .container
{
  height: 140px;
  }

#wallpapers .text
{
  text-align: center;
  position: absolute;
  }

#wallpapers a, #wallpapers a:active, #wallpapers a:visited, #wallpapers a:hover
{
  color: #9f9ab6;
  }

#wallpapers img
{
  border: solid 4px #ccc;
  width: 100px;
  height: 80px;
  }

#wallpapers .item
{
  width: 110px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
  }

/* FOOTER */
#footer
{
  width: 646px;
  margin-top: 15px;
  }

#footer .container
{
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  color: #fff;
  background-color: #9f9ab6;
  font-weight: bold;
  text-align: center;
  }

#footer .container a, 
#footer .container a:active, 
#footer .container a:visited, 
#footer .container a:hover
{
  color: #fff;
  font-weight: bold;
  }