@charset "utf-8";

@import "settings";
@import "imports";

body {
  // background: $offwhite url(/assets/img/bg/white_wall_hash.png);
  color: $dark;
  font-family: $main_font;
}

header{
  background: $dark; // url(/assets/img/bg/congruent_outline.png);
  color: $offwhite;
	width: 100%;
	height: auto;
  position: relative;
}

header nav{
  overflow: hidden;
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 13px 0px;
}

header ul{
  list-style: none;
  margin-left: 0;
  padding: 0;
}

header ul li{
  float: left;
  margin-left: 0;
  font-size: 16px;
  letter-spacing: 1px;
}

header ul.social{
  position: absolute;
  top: 13px;
  right: 0px;
  margin: 10px 0 0 0;
}

header a {
  text-decoration: none;
  color: $offwhite;
  padding: 0 10px;
}

header a:hover {
  color: $offwhite;
  text-decoration: none;
  border-bottom: 4px solid $accent_color;
}

.social a:hover {
  text-decoration: none;
  border: none;
  color: $accent_color;
}

.poster img {
  width: 100%;
}


.side-links {
  font-family: $accent_font;
  text-align: right;
  font-size: .85em;
}

.side-links ul {
  margin: 0 0 20px 0;
  padding: 0;
}
.side-links ul li {
  list-style: none;
}

.side-links a {
  color: $dark;
  font-weight: bolder;
}

.side-links a:hover{
  color: $accent_color;
  text-decoration: none;
}