/* line 1, variables.scss */
* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Raleway-Regular";
  src: url("fonts/Raleway-Regular.otf");
}

@font-face {
  font-family: "Raleway-Thin";
  src: url("fonts/Raleway-Thin.otf");
}

/* line 3, main.scss */
body {
  background: url(images/bg.jpg);
  background-repeat: repeat;
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  color: #b4305b;
}

/* line 10, main.scss */
#wrapper {
  width: 80%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
  overflow: hidden;
}

/* line 18, main.scss */
#nav {
  width: 100%;
  position: relative;
  bottom: 10px;
}

/* line 24, main.scss */
#nav_left {
  width: 37%;
  float: left;
}

/* line 29, main.scss */
#nav_center {
  width: 26%;
  float: left;
}

/* line 34, main.scss */
#nav_right {
  width: 37%;
  text-align: right;
  float: right;
}

/* line 40, main.scss */
#content {
  width: 100%;
  clear: both;
  background-color: #3f3050;
}

/* line 46, main.scss */
#left {
  width: 75%;
  float: left;
}

/* line 51, main.scss */
#right {
  width: 25%;
  float: right;
  background-color: #3f3050;
  text-align: center;
}

/* line 58, main.scss */
#content_top {
  background-color: #3f3050;
}

/* line 62, main.scss */
#content_middle {
  background-color: #b4305b;
}

/* line 66, main.scss */
#content_bottom {
  background-color: white;
}

/* line 70, main.scss */
#items {
  padding: 0% 1.5% 0% 1.5%;
}

/* line 74, main.scss */
#items_unfiltered {
  padding: 1.5% 1.5% 0% 1.5%;
}

/* line 1, image_classes.scss */
.item_preview {
  background-color: #b4305b;
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  float: left;
  position: relative;
  width: 24%;
  padding-bottom: 24%;
  margin: 0.5%;
}

/* line 12, image_classes.scss */
.item_preview_inner {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow: hidden;
}

/* line 21, image_classes.scss */
.item_preview_inner img {
  width: 100%;
  height: 100%;
}

/* line 26, image_classes.scss */
.item_preview_inner .item_preview_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: -50px;
  padding: 10px;
  text-align: center;
  background-color: #3f3050;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* line 42, image_classes.scss */
body.no-touch .item_preview_inner:hover .item_preview_title, body.touch .item_preview_inner.touchFocus .item_preview_title {
  margin-bottom: 0;
}

/* line 46, image_classes.scss */
.item_preview_artist_page {
  background-color: #b4305b;
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  float: left;
  position: relative;
  width: 24%;
  padding-bottom: 24%;
  margin: 0.5%;
}

/* line 57, image_classes.scss */
.item_preview_inner_artist_page {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  overflow: hidden;
}

/* line 66, image_classes.scss */
.item_preview_inner_artist_page img {
  width: 100%;
  height: 100%;
}

/* line 71, image_classes.scss */
.item_preview_inner_artist_page .item_preview_title_artist_page {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: -50px;
  padding: 10px;
  text-align: center;
  background-color: #3f3050;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* line 87, image_classes.scss */
body.no-touch .item_preview_inner_artist_page:hover .item_preview_title_artist_page, body.touch .item_preview_inner_artist_page.touchFocus .item_preview_title_artist_page {
  margin-bottom: 0;
}

/* line 91, image_classes.scss */
.item_img {
  background: transparent;
  float: left;
  position: relative;
  width: 50%;
  padding-bottom: 50%;
  margin: 1%;
}

/* line 100, image_classes.scss */
.item_img_inner {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow: hidden;
}

/* line 109, image_classes.scss */
.item_img_inner img {
  width: 100%;
  height: 100%;
}

/* line 114, image_classes.scss */
.user_img {
  background: #b4305b;
  position: relative;
  width: 80%;
  padding-bottom: 80%;
  margin: 3%;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}

/* line 125, image_classes.scss */
.user_img_inner {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 4px;
  bottom: 4px;
  overflow: hidden;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}

/* line 137, image_classes.scss */
.user_img_inner img {
  width: 100%;
  height: 100%;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}

/* line 80, main.scss */
.form_box {
  margin: 0 auto;
  text-align: center;
  padding: 2% 2% 2% 2%;
}

/* line 86, main.scss */
#footer {
  clear: both;
  width: 100%;
  background-color: #3f3050;
}

/* line 92, main.scss */
.clear {
  clear: both;
  padding-top: 20px;
}

/* line 97, main.scss */
h1 {
  visibility: hidden;
  font-size: 0px;
}

/* line 102, main.scss */
h2 {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fac475;
  font-size: 4em;
  font-weight: 100;
  padding: 1% 2% 0.5% 2%;
}

/* line 111, main.scss */
h3 {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fac475;
  font-size: 2em;
  font-weight: 100;
  padding: 1% 2% 0.5% 2%;
}

/* line 121, main.scss */
h3.pink {
  color: #b4305b;
  font-size: 2em;
}

/* line 126, main.scss */
h3.sea {
  color: #559589;
}

/* line 130, main.scss */
h4 {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fac475;
  font-size: 1em;
  font-weight: 100;
  padding: 1% 2% 0.5% 2%;
}

/* line 139, main.scss */
h4.sea {
  color: #559589;
  padding: 3% 2% 0.5% 2%;
}

/* line 144, main.scss */
p {
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.3em;
  font-weight: 100;
  padding: 0% 2% 0.5% 2%;
}

/* line 152, main.scss */
p.nav {
  color: #fac475;
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
  padding: 120px 2% 0% 2%;
}

/* line 160, main.scss */
p.large {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  font-weight: 100;
  font-size: 1.3em;
  padding: 0% 2% 1.5% 2%;
}

/* line 168, main.scss */
p.comment {
  padding: 1.5% 2% 1.5% 2%;
}

/* line 172, main.scss */
p.browse {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  color: #fac475;
  text-align: center;
  padding: 1.3% 2% 1.3% 2%;
  font-size: 1.5em;
}

/* line 182, main.scss */
p.form {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  color: #fac475;
  text-align: center;
  padding: 0.5% 2% 0.5% 2%;
  font-size: 1em;
}

/* line 192, main.scss */
p.smaller {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  color: #fac475;
  text-align: center;
  padding: 0.5% 2% 0.5% 2%;
  font-size: 0.8em;
}

/* line 202, main.scss */
p.footer {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  text-transform: uppercase;
  padding: 0.5% 2% 0.5% 2%;
  text-align: center;
  font-size: 0.8em;
}

/* line 211, main.scss */
a {
  color: #fac475;
  text-decoration: none;
}

/* line 216, main.scss */
a.sea {
  color: #559589;
}

/* line 220, main.scss */
a.nav {
  color: #fac475;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0% 1% 0% 1%;
}

/* line 227, main.scss */
a.nav_current {
  color: #fac475;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0% 1% 0% 1%;
  text-decoration: line-through;
}

/* line 235, main.scss */
a.item_preview_title {
  color: #fac475;
  text-decoration: none;
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  display: block;
  padding: 0.5%;
}

/* line 243, main.scss */
ul {
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fac475;
  font-weight: 100;
  padding: 1% 2% 2% 4%;
  font-size: 1.2em;
}

/* line 252, main.scss */
ul.horizontal {
  list-style: none;
  text-align: center;
  padding: 1% 2% 2% 2%;
}

/* line 258, main.scss */
li.horizontal {
  display: inline;
}

/* line 262, main.scss */
img.logo {
  display: block;
  margin: 0 auto;
}

/* line 267, main.scss */
.input {
  border: 1px solid #fac475;
  background: #b4305b;
  font-family: "Raleway-Regular", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  font-size: 1em;
  padding: 0.25%;
  line-height: 1.3em;
  font-weight: 100;
}

/* line 278, main.scss */
select {
  border: 1px solid #fac475;
  background: #b4305b;
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #fac475;
  font-size: 1.2em;
  padding: 0.25%;
}

/* line 288, main.scss */
.button {
  border: 1px solid #fac475;
  background: #b4305b;
  font-family: "Raleway-Thin", Century Gothic, Helvetica, sans-serif;
  color: #fac475;
  text-transform: uppercase;
  font-size: 1.2em;
  padding: 0.25%;
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/* line 302, main.scss */
.button:hover {
  opacity: 0.5;
}

/* FADE CLASS */
/* line 308, main.scss */
.fade {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/* line 315, main.scss */
.fade:hover {
  opacity: 0.5;
}

/* line 319, main.scss */
.fadelink {
  opacity: 0.5;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/* line 326, main.scss */
.fadelink:hover {
  opacity: 1;
}