/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body {
   font-family: trebuchet ms, verdana, arial, tahoma;
   font-size: 90%;
   color: #666666;
   background-color: white;
   line-height: 180%;
   margin: 0;
   padding: 0;
   text-align: center;
}


/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
   width: 820px;
   margin: 0 auto;
   text-align: left;
}

#wrapper-menu-top {
   background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
   background: transparent url('images/bg02-white-right.png') no-repeat right top;
   overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
   margin: 0 20px;
   padding: 1em 0 0 0;
   list-style: none;
   font-size: 85%;
   float: left;
}

#menu-top li {
   display: inline;
   float: left;
}

#menu-top a {
   float: left;
   background:url('images/menuleft.png') no-repeat left top;
   margin:0;
   text-decoration:none;
   line-height: 1.5em; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}

#menu-top a span {
   background: url('images/menuright.png') no-repeat right top;
   color:#5b8fbe;
   display: block;
   float: left;
   cursor: pointer; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {  background-position:100% -42px; }

 
#wrapper-header {
   background: transparent url('images/bg.png') top center repeat-x;
}

#header {
   background: #eee url('images/banner_mountains.jpg') no-repeat center top;
width: 800px;
height: 120px;
}

#wrapper-header2 {
   background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
   background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1 {
   margin: 0 20px;
   padding: 0;
   height: 120px;
   line-height: 3em;
   color: red;
   font-weight: 800;
   font-size: 130%;
float: bottom;
}

#wrapper-content {
   background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
   background: transparent url('images/bg02-white-right.png') no-repeat right top;
   padding: 5px 245px 5px 40px;
}


#content h1 {
   margin: 0 1px;
   padding: 0;
   line-height: 3em;
   color: green;
   font-weight: 800;
   font-size: 200%;
float: bottom;
}


#content img {
   margin-right: 10px;
   margin-bottom: 0;
   border: solid 2px;
   float: left;
}


#wrapper-menu-page {
   float: right;
   width:180px;
   margin: 20px 30px 3em 2em;
   background: transparent url('images/menu.png') no-repeat;
   text-align: center;
   line-height: 140%;
   font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
   margin: 0;
   padding: 0;
   list-style: none;
   font-size: 90%;
}

#menu-page h3 {
   font-size: 75%;
   text-transform: uppercase;
   margin: 1em 0 0.3em 0;
   color: red;
   font-weight: normal;
   letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: navy; }
#menu-page a:hover { color: red; }

#wrapper-footer {
   margin-top: 1em;
   text-align: center;
}

#footer {
   border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; margin:0 20px; background-color: #e5f0fc;
   border-bottom: 0px none;
   clear: both
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }


#box {
   background-color: #EFFBF1;
   border: 1px solid #ccc;
   margin: 20px 20px 20px 0px;
   padding: 5px 5px 5px 5px;
   float: bottom;
}

#collega {
   background-color: #FFFFFF;
   border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
   margin: 20px 20px 20px 0px;   
   padding: 5px 5px 5px 5px;  
   float: bottom;
}

#collega a:link, a:visited { color: navy; text-decoration: none; }
#collega a:hover{ color: #666; text-decoration: none; }


#libri {
   background-color: white;
   border: 1px solid #ccc;
   margin: 20px 20px 20px 0px;
   padding: 5px 5px 5px 5px;
   text-align: center;
   float: left;
}

#libri h1 {
   line-height: 1em;
   color: red;
   font-weight: 600;
   font-size: 8pt;
float: bottom;
}

#bibox {
   background-color: #cc0033;
   border: 1px solid #ccc;
   margin: 0px 0px 0px 0px;   
   padding: 5px 5px 5px 5px;
   text-align: center;
   color:white;
   float: bottom;
}


#outbox {
   padding:0px; background:url('images/warning.jpg') no-repeat center top; border:0px none; float: bottom;
}


#submenu {
   background-color: #EFFBF1;
   border: 1px solid #ccc;
   margin: 5px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
   float: left;
}

#submenu a:link, #submenu a:visited { color: green; }
#submenu a:hover { color: navy; }

#categorie {
   background-color: #ffffc0;
   border: 1px solid #ccc;
   margin: 5px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
   float: left;
}

#categorie a:link, #categorie a:visited { color:green; }
#categorie a:hover { color: navy; }

#fascia {
   background-color: #f9f0fc;
   border: 1px solid #ccc;
   margin: 5px 5px 5px 0px;
   padding: 0px 0px 0px 0px;
   text-align:center;
   float: bottom;
}

#fascia a:link, #fascia a:visited { color: navy; }
#fascia a:hover { color: #666; }

#container {
font: 86% Arial, sans-serif
}


#schede {
   background-color: #e5f0fc;
   border: 1px solid #ccc;
   margin: 20px 20px 20px 14px;  
   padding: 5px 5px 5px 5px;  
   float: bottom;
}


#immagini {
   padding: 5px 245px 5px 40px;
float:bottom;
}

#immagini img {
   margin-right: 0;
   margin-bottom: 0;
   border: 0;
   float: bottom;
}

#calendar {
   background-color: #e5f0fc;
   border: 1px solid #ccc;
   margin: 5px 5px 5px 5px;   
   padding: 5px 5px 5px 5px;
   font-size: 150%;  
   float: left;
}

#calendar p{
   font-size: 100%;
   float: left;
}

#vetrinatop {
   width:153px; 
   height:122px; 
   float:left; 
   margin:20px 14px 0px 0px; 
   padding: 0; 
   border: 0px;
}

#vetrinabottom {
   width:153px; 
   height:25px; 
   float:left; 
   margin:5px 14px 0px 0px; 
   padding: 0; 
   border: 1px; 
   background-color: #EFFBF1;
   text-align:center; 
   font-size:10px; 
   line-height:100%
}