@import url(feijoa/stylesheet.css);
@import url(feijoa-smcp/stylesheet.css);
@import url(knockout51/stylesheet.css);


/*  -------------------------------------------
    CSS RESET
    ------------------------------------------- */    
    body,menu,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
      margin:0; padding:0; 
      }
      
    table { border-collapse:collapse; border-spacing:0; }
    fieldset,img { border:0; }
    address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
    em { font-style: italic; }
    strong { font-weight: bold; }
    ol,ul { list-style:none; }
    caption,th { text-align:left; }
    h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
    q:before,q:after { content:''; }
    abbr,acronym { border:0; }
    a {border-bottom: #AEB178 1px solid;text-decoration:none; color: #5d6e26;}

    /* Keep our sup's in line */
    sup,
    sub {
    	height: 0;
    	line-height: 1;
    	vertical-align: baseline;
    	position: relative;
      }
    
    sup {
    	bottom: 1ex;
      }


/*  GENERAL
    ------------------------------------------- */
    
    body{
      font-family: 'Feijoa',Georgia,serif;
      color: #000;
     text-align: left;
background: #FFF4C9; /* old browsers */
background: -moz-linear-gradient(top, #FFF4C9 0%, #FFE5A5 12%, #FDF1DA 29%, #FFEFAF 43%, #F7E4D2 58%, #FFE9AF 70%, #FDF1DA 75%, #F9DFC5 87%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF4C9), color-stop(12%,#FFE5A5), color-stop(29%,#FDF1DA), color-stop(43%,#FFEFAF), color-stop(58%,#F7E4D2), color-stop(70%,#FFE9AF), color-stop(75%,#FDF1DA), color-stop(87%,#F9DFC5)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF4C9', endColorstr='#F9DFC5',GradientType=0 ); /* ie */
    }    
    /* Don't justify the closing fleuron */
    p.closing { text-align: center !important; }



#tracklisting ol{list-style:decimal;float: left;}
#tracklisting ol.first { width: 45% ;counter-reset: item }
#tracklisting ol.second {width: 55%;counter-reset: item 15 }
#tracklisting ol LI { display: block;position: relative; }
#tracklisting ol LI:before {
  width: 1.5em; text-align: right;
  content: counter(item);
  counter-increment: item;
  display:block;
  position: absolute;left:-2.5em;
  }
		
		
nav{
margin: 2em 0 0;  clear: both;display: block;min-height:30em;
}


section{
  width: 40em;margin:4em auto 0;
}

      body               { font-size: 14px; line-height:26px;}
      #title_block       { margin-bottom: 5em; margin-top: 3em; }
      #title_block img   { margin-top: 1.8em; width: 300px; }
      .fp:first-letter   { font-size: 3.5em; line-height: .95em; margin-top: -.02em; margin-right: .15em; }
      blockquote         { margin-top: 1.5em; margin-bottom: 1.5em; margin-left: 1.5em; margin-right: 1.5em; font-style: italic; color: #666; }
      
    h2{
      font-size:20px;margin: 2em 0 1em;font-weight: 300;position: relative;font-family: 'KnockoutHTF51Middleweight',sans-serif;text-transform: uppercase;letter-spacing: 1px;
      color: #5D6E26;
    }
    
    h2 span.lc{
      text-transform: lowercase;letter-spacing: 0;
    }
    
    div.song em{
      color: #5d6e26;
    }
    
    div.song:nth-child(3n+2) h2,div.song:nth-child(3n+2) em{
      color: #595F20;
    }

    div.song:nth-child(3n+3) h2, div.song:nth-child(3n+3) em{
      color: #758026;
    }
    
    h2 span.numeral{
      position: absolute;display: block;left:-2.5em;text-align: right; width: 2em;font-style: normal;
    }
    
    
    dt{
      margin-top: ;font-style: italic; 
    }
    dd{
      display: inline-block;
    }
    
    
   em{
    font-family: 'FeijoaMedium-smcp';text-transform: lowercase;font-style: normal;
    }
    
span.smaller{
font-size: 16px;text-transform: none;letter-spacing: 0;
}
span.smaller i{
  font-style: normal; text-transform: uppercase;letter-spacing: 1px;
}

#signs{
line-height: 1px;margin: 8em 0 0;
  width: 60em;display: block;position: relative;right:10em;
}

footer{
display: block;
  text-align: center;
  font-style: italic;
  margin: 4em 0 0;
}


hr{
  border: 0;height:30px;display: block;
}


#topblock{
  color: #7a1a24;margin:2em 0 0;
}


#topblock h2{
  margin-bottom: 0;
  color: inherit !important;
  margin-top: 1em;
}

#topblock a{
  color: inherit;border-color: #BD8777;
}


.floatleft{
  float: left;margin: 0 2em 1em 0;
}




#selectionbar{background:#9EA467;color:#FFEFAF;width:100%;}
#selectionbar a{color: inherit;}
#selectionbar>.container{  width: 40em;margin:0 auto;padding: .2em 0;}
#selectionbar ol,#selectionbar li,#selectionbar h4{display:inline;}
#selectionbar h4{font-weight:600;}
#selectionbar li{list-style:none;margin-left:.5em;}
#selectionbar li.comp-2011 a{border:0;font-weight:600;cursor:default;}