/* RESET CSS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, menu {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul{list-style: none; }
table {border-collapse: collapse; border-spacing: 0px;}
img, fieldset{border: none;}


/* 0. Structure */

html{text-align: center; background: #f0f0f0 /*url("../img/stripe.png") repeat*/;}
body{font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#444; }

a, a:hover{color: #62a6bf; text-decoration: none;}
p{margin-bottom: 10px;}

                                /*This box shadow width should be based on the width of the photos */
#wrap{position: relative; margin:80px auto; background: #fff; width: 575px; text-align: left; padding:10px 80px 30px 80px; -moz-box-shadow:#888 0 0 20px; /*-webkit-box-shadow:#888 0 0 20px;*/}

/* 1. Branding
----------------------------------- */
div#branding {display: none; width: 750px; margin-top: 30px; text-align: center;}
div#branding h1{padding-bottom:0px;}
div#branding blockquote{text-indent: -99999px;}

/* 2. Menu
----------------------------------- */
div#nav_main {width: 750px; padding: 20px 0px 5px 0px; margin-bottom: 10px;}
div#nav_main h2{text-indent: -99999px;}

div#nav_main ul#nav li{display: inline; font-family: Verdana; font-size: 10px;  text-transform: uppercase; letter-spacing: 5px; cursor: pointer; margin-left: 15px; padding: 0px;}
div#nav_main ul#nav li.gallery, div#nav_main ul#nav li.archivio{cursor: pointer;}
div#nav_main ul#nav li img.logo{margin-right: 50px; cursor:default; margin-left: -15px;}


div#nav_main ul#nav li a, div#nav_main ul#nav li a:visited{font-family: Verdana; font-size: 10px;  text-transform: uppercase; letter-spacing: 5px; color: #444;}

.attivo{border-bottom: 1px solid #888;}

/* 3. Menu Album
----------------------------------- */
div#nav_album {position: relative; width: 600px; padding:0px 0px 20px 0px;}
div#nav_album #nav_alb_gal{margin-left: 292px; margin-bottom:20px;float: left;}

div#nav_album #nav_alb_gal a, div#nav_album #nav_alb_arc a{color: #444;}

div#nav_album #nav_alb_arc{margin-left: 401px; margin-bottom: 0px;}
div#nav_album #nav_alb_gal .active, div#nav_album #nav_alb_arc .active{font-weight: bold;}

div#nav_album h2{font-family: Verdana; font-size: 10px;  text-transform: uppercase; letter-spacing: 5px; color: #888; text-decoration: none; font-weight: normal; cursor: pointer;}

/* 4. Content Main
------------------------------------ */
div#content_main {width: 575px; border-bottom: 1px solid #bbb; padding-bottom: 5px; clear: both;}
    
    div#content_main p.opzioni{font-size: 9px; text-transform: uppercase; text-align: center; padding-bottom: 15px; letter-spacing: 1px;}
    div#content_main .content{width: 750px; float: right; border-top: 1px solid #ddd; padding-top:20px;}
    
    div#main_image{border-bottom: 1px solid #bbb; padding-bottom: 15px; margin-bottom: 5px;}
    /*div#main_image img{border: 1px solid #bbb;}   */
    ul.gallery{width: auto;clear: both; text-align: center; }
    
    .galleria{list-style:none;width:750px; clear: right; margin-top: 15px; padding-top: 15px;}
    .galleria li{display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0px 1px 15px 0px;}
    .galleria li a{display:none;}
    .galleria li div{position:absolute;display:none;top:0;left:180px;}
    .galleria li div img{cursor:pointer;}
    .galleria li.active div img,.galleria li.active div{display:block;}
    .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
    .galleria li .caption{display:block;padding-top:.5em;}
    .galleria_wrapper{margin-bottom: 10px;}
    * html .galleria li div span{width:750px} /* MSIE bug */
    
    .foto_about{float: right; margin-left: 10px;margin-bottom: 10px;}
    
    #text{margin-bottom: 10px; }
    #credit{clear: both; border-top: 1px solid #bbb; padding-top: 10px;}
    
    .build{margin-top:20px;border-top: 1px solid #bbb; padding-top: 10px; text-align: right;}

/* 4. Footer
------------------------------------ */
div#footer{width:750px; margin: 0 auto; text-align: center; clear: both;margin-top: -65px; padding: 5px 0 40px 0;}