/*
Theme Name: Sonicnet
Theme URI: http://www.sonicnet.org/
Description: Default Sonicnet Theme :)
Version: 2.0
Author: Alessandro Bianco
Author URI: http://www.alessandrobianco.net/
Tags: blue, yellow, two collumns
*/

body {
 background: url(img/background.jpg) repeat-x center top #9eb6d4 fixed;
 color: black;
 font-family: Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px;
 padding: 0px;
}

img {
 border: 0px;
}

p {
 margin: 0px 0px 10px 0px;
 padding: 0;
}

#ombra {
 background: url(img/background.png) repeat-y center top;
 margin-right: auto;
 margin-left: auto;
}

#finemain {
 text-align: center;
}

#main {
 width: 918px;
 margin-right: auto;
 margin-left: auto;
 border: 1px solid white;
 padding-bottom: 5px;
}

#head {
 width: 100%;
 height: 120px;
}

#slideshow {
 width: 918px;
 height: 330px;
 margin: 0px;
 padding: 0px;
}

#scritta {
 background: url(img/scritta.jpg) no-repeat left;
 width: 387px;
 height: 88px;
 margin-top: 12px;
 float: left;
 display: block;
}

#logo {
 background: url(img/logo.jpg) no-repeat right;
 width: 113px;
 height: 110px;
 margin-left: 800px;
 display: block;
}

#chiusura {
  clear: both;
}

#frontnews {
 width: 275px;
 margin-left: 5px;
 float: left;
}

#titlenews {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 2px;
}

#lineanews {
  background: url(img/lineanews.jpg) no-repeat;
  width: 275px;
  height: 2px;
  margin-bottom: 12px;
}

#titlepost {
  font-size: 15px;
  font-weight: bold;
}

#datepost {
  font-size: 10px;
  color: #3FA9F5;
  font-style: italic;
  margin-top: 2px;
  margin-bottom: 4px;
}

#contentpost {
  font-size: 12px;
  color: gray;
}

#contentpostportfolio {
  font-size: 12px;
  color: #353537;
}

#spazioportfolio {
  margin-top: 20px;
  padding-bottom: 0px;
}

#endpost {
  border-top: 1px solid #EDEDED;
  margin-top: 13px;
  margin-bottom: 13px;
}

#lastcreation {
 width: 550px;
 padding-left: 310px;
}

#lastcreation-old-ie {
 width: 550px;
 padding-left: 20px;
}

#lineacreazioni {
  background: url(img/lineacreazioni.jpg) no-repeat;
  width: 595px;
  height: 2px;
  margin-bottom: 12px;
}

#footer {
 width: 916px;
 height: 30px;
 /* border-left: 1px solid #c5c08c;
 border-right: 1px solid #c5c08c;
 border-bottom: 1px solid #c5c08c;
 background: #FFF8CC; */
 margin-top: 3px;
 margin-bottom: 10px;
 font-size: 13px;
 margin-right: auto;
 margin-left: auto;
 color: white;
}

#areafootermiddle {
  width: 280px;
  margin: 0px 10px 0px 10px;
  float: left;
  border-left: 1px solid #E4E1C1;
  border-right: 1px solid #E4E1C1;
  padding-left: 10px;
  height: 102px;
}

#areafooter {
  width: 280px;
  margin: 0px 10px 0px 10px;
  float: left;
}

#cerchiofooter {
  font-family: Helvetica, sans-serif;
  background: url(img/cerchio.png) no-repeat;
  color: white;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 8px;
  padding-top: 28px;
  float: left;
  width: 77px;
  height: 97px;
}

#testofooteruno {
  padding-top: 12px;
  padding-left: 90px;
}

#testofooterdue {
  padding-top: 7px;
  padding-left: 70px;
}

#testofootertre {
  padding-top: 7px;
  padding-left: 70px;
}

#contatti {
  margin-top: 0px;
  font-size: 14px;
  text-align: center;
}

#mappa {
 margin-top: 20px;
}

/* Allineamento immagini */

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

img.alignright {
 margin: 0 0 2px 7px;
 display: inline;
}

img.alignleft {
 margin: 0 7px 2px 0;
 display: inline;
}

.alignright {
 float: right;
}

.alignleft {
 float: left
}

/* ------------ Menu ---------------- */

#menu {
 width: 100%;
 background: url(img/menubg.jpg) repeat-x;
 height: 40px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li {
  display: block;
  position: relative;
  float: left;
  background: url(img/divisore.jpg) no-repeat right;
}

#menu li ul { 
 display: none;
}

#menu ul li a {
  display: block;
  text-decoration: none;
  color: white;
  padding: 14px 15px 14px 15px;
  margin-left: 0px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

#menu ul li a:hover { 
 background: url(img/menubghover.jpg) no-repeat center;
 color: yellow;
}

#menu li:hover ul {
  display: block;
  position: absolute;
  color: yellow;
}

#menu li:hover li {
  float: none;
  font-size: 10px;
  color: white;
  background: #0071BC;
}

#menu li:hover a { 
 color: white;
}

#menu li:hover li a:hover { 
 background: #0093DE;
 color: yellow;
}

/* ------------ Fine Menu ----------- */