/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
    }

body {
	line-height: 1;
    }

ol, ul {
	list-style: none;
    }

blockquote, q {
	quotes: none;
    }
    
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
    }
    
/* remember to define focus styles! */
:focus {
	outline: 0;
    }
    
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
    }

del {
	text-decoration: line-through;
    }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
    }






/* www.emilianoromanelli.com */
/* © 1998-2012 Emiliano Romanelli */



/* LAYOUT
------------------------------------------------------------  */



body {
    padding: 0;
    border: 0;
    margin: 10px;
    font-family: Georgia, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    background-color: #FFF;
    color: #000;
    }



#wrapper {
    width: 760px;
    padding: 0;
    border: 0;
    margin: 60px auto 0 auto;
    text-align: left;
    color: #000;
    background-color: #FFF;
    } 



#nav {
    width: 282px;
    padding: 0;
    border: 0;
    margin: 0;
    text-align: left;
    color: #000;
    background-color: #FFF;
    float: left;    
    position: fixed;
    }     


#content {
    width: 458px;
    padding: 0 0 48px 0;
    border: 0;
    margin: 0 0 136px 0;
    text-align: left;
    color: #000;
    background-color: #FFF;
    float: right;
    } 



h1 {  
    padding: 0;
    border: 0;
    margin: 0 0 9px 0;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    }
    


h2,
h4 {  
    padding: 0;
    border: 0;
    margin: 0 0 16px 0;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
    }
    
    
    
h3 {  
    padding: 0;
    border: 0;
    margin: 0;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
    }
    




#home-page #nav #link-home a:link,
#home-page #nav #link-home a:visited {
    text-decoration: line-through;
    color: #000;
    background-color: #FFF;
    }


#home-page #nav #link-home a:hover {
    text-decoration: none;
    color: #000;
    background-color: #FFF;
    }


#home-page #nav #link-home a:active {
    text-decoration: line-through;
    color: #000;
    background-color: #FFF;
    }









#content a:link,
#content a:visited {
    font-weight: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    }

#content a:hover {
    font-weight: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    }  

#content a:active {
    font-weight: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    }






ul, p {
    padding: 0;
    border: 0;
    margin: 0 0 16px 0;
    list-style: none;
    }
    

.p-img {
    padding: 0;
    border: 0;
    margin: 0 0 23px 0;
    list-style: none;
    }

.p-pre-quote {
    padding: 0;
    border: 0;
    margin: 0;
    list-style: none;
    color: #FFF;
    }
    
.p-last,
.p-last-long,
.ul-last,
.ul-last-long,
.ul-last-long-mid,
.ul-last-long-grigio {
    padding: 0;
    border: 0;
    margin: 0 0 32px 0;
    list-style: none;
    }
    
.p-last-long,
.ul-last-long,
.ul-last-long-grigio {
    margin: 0 0 65px 0;
    }
    

.ul-last-long-grigio {
    color: #999999;
    font-style: italic;
    }
    


    
    
#works-page #content a:link,
#works-page #content a:visited {
    font-weight: normal;
    font-style: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    }

#works-page #content a:hover {
    font-weight: normal;
    font-style: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    }  

#works-page #content a:active {
    font-weight: normal;
    font-style: normal;
    color: #000;
    background-color: transparent;
    text-decoration: none;
    }


cite {
    font-style: italic;
    font-weight: normal;
    display: inline;
    text-indent: 0;
    }   
    
    
blockquote {
    text-indent: -0.8em;
    font-style: italic;
    }



.img-last iframe {
    float: left;
    margin: 0 0 22px 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: #FFF;
    color: #FFF;
    background-color: #FFF;  
    width: 100%;
    display: block;
    clear: both; 
    } 
    


img {
    float: left;
    margin: 0 0 22px 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: #FFF;
    color: #FFF;
    background-color: #FFF;  
    width: 100%;
    display: block;
    clear: both; 
    } 
    

.img-last img {   
    border-style: solid;
    border-width: 1px;
    border-color: #8CA2DB;
    color: #000;
    background-color: #8CA2DB;  
    width: 99%; 
    }
    


.img-last img:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #FFF;
    color: #000;
    background-color: #FFF;    
    } 



.img-pre-quote img {
    margin: 5px 0 20px 0;
    }


.img-works img {
    margin: 5px 0 20px 0;
    }
    

    
    

.img-pre-quote2 img {
    margin: 5px 0 36px 0;
    }
    
    
.bandcamp iframe {
    margin: 5px 0 32px 0;
    }    
    
    
.punto {
    text-indent: -0.7em;
    }
    
    
strong {
    text-decoration: none;
    font-weight: bold;
    }    






    
    

/* =NAV
------------------------------------------------------------  */



#nav a:link,
#studio-page #nav #link-home a:link {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    }

#nav a:visited,
#studio-page #nav #link-home a:visited {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    }

#nav a:hover,
#studio-page #nav #link-home a:hover {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    }

#nav a:active,
#studio-page #nav #link-home a:active {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    }


#about-page #about a:link,
#works-page #works a:link,
#works-page-work #works a:link,
#editions-page #editions a:link,
#editions-page-editions #editions a:link,
#shop-page #shop a:link,
#news-page #news a:link,
#booking-page #booking a:link,
#booking-page-promo #booking a:link,
#booking-page-promo-333 #booking333 a:link,
#booking-page-promo-tab #bookingtab a:link {
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-color: transparent;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    }
        
#about-page #about a:visited,
#works-page #works a:visited,
#works-page-work #works a:visited,
#editions-page #editions a:visited,
#editions-page-editions #editions a:visited,
#shop-page #shop a:visited,
#news-page #news a:visited,
#booking-page #booking a:visited,
#booking-page-promo #booking a:visited,
#booking-page-promo-333 #booking333 a:visited,
#booking-page-promo-tab #bookingtab a:visited {
    font-weight: normal;
    text-decoration: line-through;
    color: #000;
    background-color: transparent;
    }
        
#about-page #about a:hover,
#works-page #works a:hover,
#works-page-work #works a:hover,
#editions-page #editions a:hover,
#editions-page-editions #editions a:hover,
#shop-page #shop a:hover,
#news-page #news a:hover,
#booking-page #booking a:hover,
#booking-page-promo #booking a:hover,
#booking-page-promo-333 #booking333 a:hover,
#booking-page-promo-tab #bookingtab a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-color: transparent;
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    }
        
#about-page #about a:active,
#works-page #works a:active,
#works-page-work #works a:active,
#editions-page #editions a:active,
#editions-page-editions #editions a:active,
#shop-page #shop a:active,
#news-page #news a:active,
#booking-page #booking a:active,
#booking-page-promo #booking a:active,
#booking-page-promo-333 #booking333 a:active,
#booking-page-promo-tab #bookingtab a:active {
    font-weight: normal;
    text-decoration: line-through;
    color: #000;
    background-color: transparent;
    }
    
    
#booking-page-promo .ul-last-long,
#booking-page-promo-333 .ul-last-long,
#booking-page-promo-tab .ul-last-long {
    padding: 0 0 31px 0;
    border-bottom: 1px solid #000;
    }
    


#audioplayer2 {
    margin: 4px 0 40px 0; 
        width: 100%; 
    }


#audioplayer1,
#audioplayer3 {
    margin: 4px 0 70px 0;  
        width: 100%; 
    }
    
    



    

    
    
    





    
    
    
/* =SHOP WORKS
------------------------------------------------------------  */


.item,
.item-last {
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    border: 0;
    width: 100%;
    }

.item-last { 
    padding: 0;
    margin: 0 0 40px 0;
    border: 0;
    }
    

#content .item img,
#content .item-last img {
    float: left;
    margin: 6px 0 0 0;
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: #FFF;
    color: #000;
    background-color: #FFF;  
    width: auto;
    }  

#content .item img:hover,
#content .item-last img:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    color: #000;
    background-color: #FFF;    
    }  

    
.item-des { 
    margin: 2px 0 0 178px;
    }