/* style.css
/* Global Reset
------------------------------------------------------------------------------*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Clear Floated Elements
------------------------------------------------------------------------------*/

.clearfix:after, .release#silence .text:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
body {
  background: #eaeaea;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  -webkit-text-size-adjust: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
footer {
  padding: 50px;
  text-align: center;
}
footer p {
  color: #555;
  font: 400 12px/21px "arimo";
  margin: 0 0 2em 0;
}
footer p a {
  color: #555;
  font-weight: 700;
}
footer p a:hover {
  color: #000;
}
i {
  font-style: italic;
  font-kerning: normal;
}

.intro#title {
  background: rgba(255, 255, 255, 1);
  padding: 150px 0;
}

.intro#title .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}

.intro#title .text a {
text-decoration:underline;
}

.intro#title .text ul li a {
    text-decoration: none;
}
.intro#title h1 {
  color: #000;
  font: 400 86px/84px "questrial";
  letter-spacing: 3px;
}

.intro#title h2 {
  color: #222;
  font: 400 29px/24px "arimo";
  margin: 0 0 36px 0;
  width: 650px;
  letter-spacing: 2px;
}
.intro#title h2 a:hover {
  color: #666;
  font-weight: 700;
}
.intro#title p, .intro#title ul {
  color: #666;
  float: left;
  font: 400 12px/21px "arimo";
  margin: 0 50px 0 0;
  width: 450px;
}
.intro#title ul {
  margin: 0;
  position: relative;
  top: -2px;
  width: 300px;
  /* padding-top: 20px; */
}
.intro#title ul li {
  font-size: 11px;
  /* text-transform: uppercase; */
}
.intro#title ul li:before {
  content: "//";
  font-size: 15px;
  font-weight: 700;
  left: -2px;
  position: relative;
  top: 2px;
}


.intro#title ul li a:hover {
  color: #222;
  font-weight: 700;
}



/* below section is sloppy, but works */



.release#title {
  background: rgba(255, 255, 255, 1);
  padding: 150px 0;
}
.release#title .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#title h1 {
  color: #000;
  font: 400 86px/84px "questrial";
  letter-spacing: 3px;
}

/*    .release#title h1 span.kern {
      margin: 0 0 0 -10px; }*/

.release#title h2 {
  color: #222;
  font: 400 29px/24px "arimo";
  margin: 0 0 36px 0;
  width: 650px;
  letter-spacing: 2px;
}
.release#title h2 a:hover {
  color: #666;
  font-weight: 700;
}
.release#title p, .release#title ul {
  color: #666;
  float: left;
  font: 400 12px/21px "arimo";
  margin: 0 50px 0 0;
  width: 450px;
}
.release#title ul {
  margin: 0;
  position: relative;
  top: -2px;
  width: 300px;
  /* padding-top: 20px; */
}
.release#title ul li {
  font-size: 11px;
  /* text-transform: uppercase; */
}
.release#title ul li:before {
  content: "//";
  font-size: 15px;
  font-weight: 700;
  left: -2px;
  position: relative;
  top: 2px;
}
.release#title ul li a:hover {
  color: #222;
  font-weight: 700;
}
.release#exception {
  background: #3f3f3f;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#exception .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#exception ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #dce3e4;
  padding-right: 10px;
}
.release#exception ol li {
  font: normal 14px/41px "arimo";
  letter-spacing: 0px;
}

.release#soundcloud {
  background: #d5d5d5;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#soundcloud .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#soundcloud ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: rgba(30, 29, 23, 1);
  padding-right: 10px;
}
.release#soundcloud ol li {
  font: normal 14px/31px "arimo";
  letter-spacing: 0px;
}
.release#progression {
  background: #706D63;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#progression .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#progression ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: rgba(30, 29, 23, 1);
  padding-right: 10px;
}
.release#progression ol li {
  font: normal 14px/32px "arimo";
  letter-spacing: 1px;
}
.release#silence {
  background: rgba(255, 255, 255, 0);
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#silence .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#silence ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #AFAFAF;
  padding-right: 10px;
}
.release#silence ol li {
  font: normal 13px/46px "arimo";
  letter-spacing: 5px;
}

/*    .release#silence ol.tracks {
      color:inherit;}*/

.release#expansion {
  background: #222;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#expansion .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#expansion ol {
  color: #AAA8BC;
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  padding-right: 10px;
}
.release#expansion ol li {
  font: normal 13px/46px "arimo";
  letter-spacing: 5px;
}
.release#point {
  background: #2a2d35;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#point .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#point ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #5a6682;
  padding-right: 10px;
}
.release#point ol li {
  font: normal 13px/46px "questrial";
  letter-spacing: 5px;
}

.release#twenty10 {
  background: #2F282D;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#twenty10 .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#twenty10 ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #f1f1f1;
  padding-right: 10px;
}
.release#twenty10 ol li {
  font: normal 17px/41px "arimo";
  letter-spacing: 0px;
}

.release#analogrytms {
  background: #28282f;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#analogrytms .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#analogrytms ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #b2b6c5;
  padding-right: 10px;
}
.release#analogrytms ol li {
  font: normal 17px/41px "arimo";
  letter-spacing: 0px;
}



.release#wier {
  background: #f3f3f3;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#wier .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#wier ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #3e4a67;
  padding-right: 10px;
}
.release#wier ol li {
  font: normal 17px/41px "arimo";
  letter-spacing: 0px;
}

.release#m2m {
  background: #615151;
  padding: 150px 0;
  font: 400 12px/21px "arimo";
}
.release#m2m .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#m2m ol {
  float: left;
  position: relative;
  width: 241px;
  z-index: 2;
  color: #f9f9f9;
  padding-right: 10px;
}
.release#m2m ol li {
  font: normal 17px/41px "arimo";
  letter-spacing: 4px;
  font-variant: small-caps;
}




.release#apl {
    background: #1d2326;
    padding: 150px 0;
    font: 400 12px/21px "arimo";
}
.release#apl .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#apl ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #8b99a9;
    padding-right: 10px;
}
.release#apl ol li {
    font: normal 17px/41px "arimo";
    letter-spacing: 20px;
    /* font-variant: small-caps; */
}


.release#digi {
    background: #403e31;
        padding: 150px 0;
    font: 400 12px/21px "arimo";
}
.release#digi .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#digi ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #d9d9d9;
    padding-right: 10px;
}
.release#digi ol li {
  font: normal 21px/35px monospace;
  font-variant: small-caps;
    /* font-variant: small-caps; */
}

.release#reflecting {
    background: #1b0f29;
        padding: 150px 0;
    font: 400 12px/21px "Arimo";
}
.release#reflecting .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#reflecting ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #DDDDDD;
    padding-right: 10px;
}
.release#reflecting ol li {
  font: normal 15px/35px "questrial";
/* letter-spacing: 5px;*/
}

.release#everything {
    background: #29282b;
        padding: 150px 0;
    font: 400 12px/21px "Arimo";
}
.release#everything .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#everything ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #DDDDDD;
    padding-right: 10px;
}
.release#everything ol li {
  font: normal 15px/29px "questrial";
/* letter-spacing: 5px;*/
}



/*   ruiner  */
.release#ruiner {
    background: #000000;
        padding: 150px 0;
    font: 400 12px/21px "Arimo";
}
.release#ruiner .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#ruiner ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #DDDDDD;
    padding-right: 10px;
}

.release#ruiner ol li {
    font: normal 19px/29px "questrial";
    /* letter-spacing: 5px; */
    font-variant: all-petite-caps;
}


/*   if  */
.release#if {
    background: #463763;
        padding: 150px 0;
    font: 400 12px/21px "Arimo";
}
.release#if .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#if ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #DDDDDD;
    padding-right: 10px;
}
.release#if ol li {
  font: normal 15px/29px "questrial";
/* letter-spacing: 5px;*/
}

/*   vulgar  */
.release#vulgar {
    background: #222222;
        padding: 150px 0;
    font: 400 12px/21px "questrial";
}
.release#vulgar .text {
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 860px;
}
.release#vulgar ol {
    float: left;
    position: relative;
    width: 241px;
    z-index: 2;
    color: #ffffff;
    padding-right: 10px;
}
.release#vulgar ol li {
  font: normal 15px/29px "Arimo";
/* letter-spacing: 5px;*/
}