/* thank you! http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* 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; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

body.is-debug div.center-wrapper { background-image: url("/static/images/grid.png"); background-repeat: repeat-y; background-position: 20px 0; }

h1 { font-family: "Verlag Comp A", "Verlag Comp B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 36px; letter-spacing: 0.02em; line-height: 39px; }

p { margin-bottom: 1em; line-height: 26px; text-align: left; }

img { max-width: 100%; height: auto; }
img.extend_size { width: 100%; }

a { color: #323232; text-decoration: underline; }
a:hover { color: #999999; }

html { min-width: 100%; }

body { font-family: "Verlag A", "Verlag B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; color: #323232; font-size: 17px; line-height: 26px; background-color: #f3f3f3; padding-top: 98px; }

a.anchor { display: block; position: relative; top: -116px; visibility: hidden; }

div.center-wrapper { max-width: 1180px; padding: 0 20px 0 20px; margin: 0 auto; position: relative; }

section.mainsection { clear: both; margin-bottom: 50px; }
section.mainsection > header h1 { display: none; }

nav.mainnav ul li { display: block; float: left; line-height: 18px; margin-left: 60px; }
nav.mainnav ul li a { font-family: "Verlag Comp A", "Verlag Comp B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 18px; letter-spacing: 0.03em; text-decoration: none; }
nav.mainnav ul li a:hover { color: #999999; text-decoration: none; }

body > header, body > footer { width: 100%; }
body > header h1, body > footer h1 { display: block; float: left; font-family: "Verlag Comp A", "Verlag Comp B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 18px; margin: 0; line-height: 18px; }
body > header h1 a, body > footer h1 a { text-decoration: none !important; }
body > header h1 span.divider, body > footer h1 span.divider { margin: 0 0.3em; }
body > header nav.mainnav, body > footer nav.mainnav { display: block; float: right; }
body > header p.copyright, body > footer p.copyright { display: block; margin: 0; padding: 0; float: left; font-family: "Verlag A", "Verlag B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; margin-left: 10px; }
body > header:after, body > footer:after { content: " "; display: block; height: 0; clear: both; }

body > header { position: fixed; background-color: white; left: 0; top: 0; padding: 40px 0 40px 0; z-index: 5000; }

body > footer { clear: both; background-color: #323232; color: #f3f3f3; padding: 40px 0 40px 0; }
body > footer h1 a { color: #f3f3f3; }
body > footer nav.mainnav a { color: #f3f3f3; }

article.masthead { position: relative; margin-bottom: 52px; white-space: nowrap; }
article.masthead header { overflow: hidden; position: relative; width: 100%; white-space: nowrap; color: #323232; text-align: center; z-index: 500; cursor: pointer; padding: 0; margin: 0; transition: z-index 0.5s step-end, opacity 0.5s ease; z-index: 500; }
article.masthead header h1 { display: none; }
article.masthead header iframe.ytvideo { z-index: 200; }
article.masthead header img { display: block; width: 100%; height: auto; margin-bottom: 0; }
article.masthead header img.overlay { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); }
article.masthead header.behind { opacity: 0.0; z-index: -1; }
article.masthead iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 400; }

section#releases div.column { width: 45.76271%; float: left; margin-bottom: 156px; }
section#releases div.column.col-odd { margin-right: 8.47458%; }
section#releases article.release { clear: both; display: block; width: 100%; position: relative; margin-bottom: 156px; }
section#releases article.release p, section#releases article.release summary { line-height: 26px; }
section#releases article.release header { display: block; float: right; width: 45.76271%; margin-bottom: 52px; }
section#releases article.release div.copy { display: block; float: right; width: 45.76271%; margin-bottom: 70px; }
section#releases article.release img.cover { display: block; float: left; width: 45.76271%; margin-right: 8.47458%; height: auto; }
section#releases article.release div.external { clear: both; display: block; position: absolute; bottom: 0; margin-bottom: -13px; left: 54.23729%; width: 45.76271%; vertical-align: bottom; }
section#releases article.release div.external ul.buy-links li { margin-bottom: 13px; display: block; float: left; width: 45.76271%; }
section#releases article.release div.external ul.buy-links a { font-family: "Verlag Comp A", "Verlag Comp B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; text-decoration: underline; }
section#releases article.release div.soundcloud { clear: both; display: block; margin-bottom: 13px; background-color: #fff; height: 20px; width: 100%; padding: 4px; margin-left: -8px; }
section#releases article.release:after { content: " "; display: block; height: 0; clear: both; }

section#videos article.smallvideo { float: left; width: 45.76271%; margin-bottom: 78px; }
section#videos article.smallvideo.col-odd { clear: both; margin-right: 8.47458%; }
section#videos article.smallvideo div.videotaco { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 13px; }
section#videos article.smallvideo div.videotaco iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section#contact { position: relative; background: url("/static/images/contact-background.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 500px; padding-bottom: 100px; margin-bottom: 0; }
section#contact div.center-wrapper { background-color: #f3f3f3; padding: 52px; }
section#contact div.center-wrapper:after { content: " "; display: block; height: 0; clear: both; }
section#contact div.column { text-align: center; display: block; float: left; width: 32.20339%; }
section#contact div.column p { text-align: center; margin-bottom: 0; }
section#contact div.column p.fn { font-family: "Verlag Comp A", "Verlag Comp B", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 700; text-transform: uppercase; }
section#contact div.column p.email a { text-decoration: none; }
section#contact div.column p.email a:hover { text-decoration: none; }

@media screen and (max-width: 1100px) { section#contact { background: url("/static/images/contact-background.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media screen and (max-width: 1000px) { section#releases article.release { margin-bottom: 78px; }
  section#releases article.release header { width: 100%; float: none; margin-top: 13px; margin-bottom: 13px; } }
@media screen and (max-width: 600px) { body { min-width: 100%; margin: 0; padding: 0; }
  a.anchor { top: 0; }
  body > header { position: relative; background: none; padding: 30px 0 20px 0; }
  body > header nav.mainnav { display: none !important; }
  article.masthead header img.overlay { -moz-transform: translate(-50%, -50%) scale(1.5, 1.5); -o-transform: translate(-50%, -50%) scale(1.5, 1.5); -ms-transform: translate(-50%, -50%) scale(1.5, 1.5); -webkit-transform: translate(-50%, -50%) scale(1.5, 1.5); transform: translate(-50%, -50%) scale(1.5, 1.5); }
  section#releases div.column { float: none; width: 100%; }
  section#releases div.column.col-odd { margin-right: 0; margin-bottom: 26px; }
  section#releases div.column.col-even { margin-bottom: 78px; }
  section#releases article.release { margin-bottom: 78px; }
  section#releases article.release div.external { width: 100%; position: relative; bottom: 0; left: 0; }
  section#releases article.release div.external ul.buy-links li { width: auto; margin-right: 30px; }
  section#releases article.release div.copy { float: none; width: 100%; margin-bottom: 39px; }
  section#releases article.release img.cover { float: none; width: 100%; margin-right: 0; margin-bottom: 26px; }
  section#videos article.smallvideo { width: 100%; margin-right: 0; }
  section#videos article.smallvideo div.col-odd { margin-right: 0; }
  section#contact { background: url("/static/images/contact-background.jpg") repeat-y top center; -webkit-background-size: 170%; -moz-background-size: 170%; -o-background-size: 170%; background-size: 170%; padding-top: 300px; padding-bottom: 0; }
  section#contact div.column { margin-right: 0; width: 100%; margin-bottom: 52px; } }