/****
      style sheet style.css
      copyright © Davide Caffaratti
****/ 

/* reset html
--------------------------*/
html, body{
  margin:0;
  padding:0;
}  
/* Hack for force scrolbar
--------------------------*/
html {
  height:100%;
  margin-bottom:1px;
}
/* Heading
------------------*/
h1, h2, h3, h4, h5, h6{
  margin:0 0 0.4em;
}
address, blockquote, dl, form, fieldset, table, p, pre{
  margin-bottom:1.2em;
}

/* Site Structure
---------------------*/
body{
  margin:0 auto; 
}
div#container{
  text-align:center; 
  margin:0 auto;
}
div#header h1{
  margin:0;   
}         
div#container{
  text-align:left;
  width:900px;
}
div#wrapper{
  float:left;
  width:100%;
}
div#content{
  margin:0 200px 0 200px; 
  padding:10px 4px 0 4px; 
  border-left:1px dashed; 
  border-right:1px dashed; 
}
div#sydebar{
  float:left;
  width:200px;
  margin-left:-900px;
}
div#extra{
  float:left;
  width:200px;
  margin-left:-200px
}
div#footer{
  clear:left;
  width:100%;
}
 
/* hold browser
-------------------*/
.low {display:none}
/* Reset float
-------------------*/
.clb {clear:both}
/* Paragraf
------------------*/
p {margin:0 10px 10px} 
/* delete images border
-----------------------*/
img,
img a {border:0}
/* Images align
-----------------*/
img.left {
  float:left;
  margin:0 12px 0 5px;
}
img.right {
  float:right;
  margin:0 0 0 12px;
}
img.center {
  display:block;
  margin:0 auto;
}

/* Smoth Gallery hack for homepage
--------------------------------------*/
#myGallery, #myGallerySet, #flickrGallery {
  width: 365px; 
  height: 235px;
}
#myGallery { 
  width: 365px !important;
  height: 325px !important;
}
#flickrGallery {
  width: 365px;
  height: 324px;
}
/* Style errori nei form
--------------------------*/
.fValidator-msg {
  background-color:#c00;
  font-size:85%;
  color:#fff;
  padding:5px;
}
/* Styli messaggi del sistema
-----------------------------------*/
.warning {
  display: block;
  width:auto;
  line-height: 22px; 
  font-weight: bold; 
  padding: 3px 10px 3px 40px;
  margin: 10px 2px 2px 2px; 
  color: #fff;
  background: #ff9999 url(images/warning.png) no-repeat 10px center;
  border-top: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
}        
.warning h1, .warning h2, .warning h3, .warning h4, .warning a, .warning a:hover {
  color:#fff;
}
.valid {
  display: block;    
  width:auto;
  line-height: 22px; 
  font-weight: bold; 
  padding: 3px 10px 3px 40px; 
  margin: 10px 2px 2px 2px; 
  color: #003300;
  background: #ccffcc url(images/valid.png) no-repeat 10px center;
  border-top: 2px solid #669933;
  border-bottom: 2px solid #669933;
}     
.valid h1, .valid h2, .valid h3, .valid h4, .valid a, .valid a:hover {
  color:#003300;
}
.info {
  display: block; 
  width:auto;
  line-height: 22px; 
  font-weight: bold; 
  padding: 3px 10px 3px 40px;
  margin: 10px 2px 2px 2px; 
  color: #000033;
  background: #6699cc url(images/info.png) no-repeat 10px center;
  border-top: 2px solid #336699;
  border-bottom: 2px solid #336699;
}  
.info h1, .info h2, .info h3, .info h4, .info a, .info a:hover{
  color:#000033;
}   
/* Style calendar
--------------------*/
table.calendar {
  margin:0 auto;
  border:none;
  padding:1px;
  width:100%;
  text-align:center;
  margin-bottom:8px;
}
table.calendar th {  
  height:12px;
  font-size:10px;
  font-weight:bold;
  padding:0 0 2px 0;
  text-align:center;
} 
table.calendar caption {
  width:auto;      
  margin-top:3px;
  font-weight:bold;
  font-size:10px;
  text-align:center;
}
table.calendar td {
  width:14%; 
  height:14px;
  line-height:14px;
  font-size:9px;   
  padding-top:2px;
  padding-bottom:2px;
}
table.calendar td a {
  width:auto;
  text-decoration:none;
  display:block;
  height:14px;
  line-height:14px;
}   
table.calendar td#today_day a,
table.calendar td#today_day { 
  font-weight:bold;
  height:14px;
  line-height:14px;
} 
table.calendar td.selected_day a { 
  font-weight:bold;
}
table.calendar caption a#calendar_month {
  padding-left:20px;
  padding-right:20px;
  font-size:11px;
}
table.calendar caption a#calendar_prev {
  margin-top:2px;
}
table.calendar caption a#calendar_next {
  margin-top:2px;
}