/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

@font-face {
  font-family: 'LeagueGothicRegular';
  src: url("../fonts/League_Gothic-webfont.eot");
  src: url("../fonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/League_Gothic-webfont.woff") format("woff"), url("../fonts/League_Gothic-webfont.ttf") format("truetype"), url("../fonts/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* apply a natural box layout model to all elements */
/* line 28, ../sass/screen.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 36, ../sass/screen.scss */
.grid-wrap {
  float: left;
  margin-right: 20px;
  width: 940px;
  float: none;
  margin: 0 auto; }

/* line 42, ../sass/screen.scss */
.one-fourth {
  float: left;
  margin-right: 20px;
  width: 220px; }

/* line 46, ../sass/screen.scss */
.one-third {
  float: left;
  margin-right: 20px;
  width: 300px; }

/* line 50, ../sass/screen.scss */
.half, .one-half, .two-fourths {
  float: left;
  margin-right: 20px;
  width: 460px; }

/* line 54, ../sass/screen.scss */
.two-thirds {
  float: left;
  margin-right: 20px;
  width: 620px; }

/* line 58, ../sass/screen.scss */
.three-fourths {
  float: left;
  margin-right: 20px;
  width: 700px; }

/* line 62, ../sass/screen.scss */
.last {
  margin-right: 0; }

/* line 66, ../sass/screen.scss */
body {
  min-width: 1050px; }

/* line 70, ../sass/screen.scss */
.page-header {
  height: 630px;
  background: url(../img/brushed-metal.png) top center #cccccc;
  -webkit-box-shadow: 0 0 35px 0px black;
  -moz-box-shadow: 0 0 35px 0px black;
  box-shadow: 0 0 35px 0px black;
  border-top: 10px solid #383838;
  padding-top: 20px;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 999; }
  /* line 80, ../sass/screen.scss */
  .page-header .ec-logo {
    width: 772px;
    height: 172px;
    margin: 0 auto;
    background: url(../img/logo.png) top center;
    position: relative;
    left: -10px;
    text-indent: -99999%; }
  /* line 90, ../sass/screen.scss */
  .page-header .featured-albums-wrapper {
    height: 377px;
    background: url(../img/header-stripes.png) center center repeat-x;
    position: relative; }
    /* line 95, ../sass/screen.scss */
    .page-header .featured-albums-wrapper .albums {
      background: url(../img/albums.jpg) center center no-repeat;
      margin: 0 auto;
      height: 336px;
      width: 1041px;
      position: relative;
      top: 20px; }
      /* line 103, ../sass/screen.scss */
      .page-header .featured-albums-wrapper .albums .featured-text {
        text-transform: uppercase;
        font-size: 3.2em;
        text-align: center;
        position: relative;
        top: 140px;
        color: #fee16b;
        font-family: "LeagueGothicRegular", sans-serif; }
  /* line 115, ../sass/screen.scss */
  .page-header .header-links {
    position: relative;
    top: -70px; }
    /* line 120, ../sass/screen.scss */
    .page-header .header-links .social-icons li {
      float: left;
      margin: 0 8px; }
    /* line 127, ../sass/screen.scss */
    .page-header .header-links .left-links a {
      display: block;
      float: left;
      margin-right: 5px; }
    /* line 135, ../sass/screen.scss */
    .page-header .header-links .right-links a {
      display: block;
      float: right;
      margin-left: 5px; }

/* line 144, ../sass/screen.scss */
.merch-section {
  background: url(../img/triangles.jpg) center center;
  height: 375px;
  padding-top: 100px;
  border-bottom: 1px solid #666;
  -webkit-box-shadow: 0 0 7px -3px black;
  -moz-box-shadow: 0 0 7px -3px black;
  box-shadow: 0 0 7px -3px black;
  position: relative;
  z-index: 99; }
  /* line 153, ../sass/screen.scss */
  .merch-section .merch-banner {
    height: 150px;
    background: url(../img/brushed-metal.png) top center #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px -6px black;
    -moz-box-shadow: 0 0 15px -6px black;
    box-shadow: 0 0 15px -6px black; }
    /* line 159, ../sass/screen.scss */
    .merch-section .merch-banner .promo-tshirt {
      width: 191;
      float: left;
      position: relative;
      top: -60px;
      left: -30px;
      margin-right: 30px; }
    /* line 168, ../sass/screen.scss */
    .merch-section .merch-banner .header-text {
      text-transform: uppercase;
      font-size: 2.5em;
      padding-top: 10px;
      text-align: left;
      color: #444;
      font-family: "LeagueGothicRegular", sans-serif; }
    /* line 177, ../sass/screen.scss */
    .merch-section .merch-banner .merch-link {
      display: inline-block;
      background: #555;
      color: #fff;
      font-family: "LeagueGothicRegular", sans-serif;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 2.2em;
      padding: 5px 15px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      margin-left: 50px;
      margin-top: 5px; }
  /* line 191, ../sass/screen.scss */
  .merch-section .band-image img {
    position: relative;
    top: -20px;
    border: 3px solid #f3f3f3;
    -webkit-box-shadow: 0 0 15px -6px black;
    -moz-box-shadow: 0 0 15px -6px black;
    box-shadow: 0 0 15px -6px black; }

/* line 199, ../sass/screen.scss */
.media-section {
  height: 490px;
  background: url(../img/noise.jpg) #999999;
  padding-top: 70px; }

/* line 205, ../sass/screen.scss */
.page-footer {
  background: url(../img/brushed-metal.png) top center #cccccc;
  height: 140px;
  border-bottom: 20px solid #2a2a2a;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 0 15px -6px black;
  -moz-box-shadow: 0 0 15px -6px black;
  box-shadow: 0 0 15px -6px black;
  padding-top: 15px; }
  /* line 213, ../sass/screen.scss */
  .page-footer .skor-credit {
    display: inline-block;
    float: right;
    width: 54px;
    height: 14px;
    background: url(../img/skor.png) no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    margin-top: 40px;
    margin-right: 10px; }
    /* line 224, ../sass/screen.scss */
    .page-footer .skor-credit:hover {
      background: url(../img/skor-hover.png) no-repeat center center; }