/**
 * Stylesheet: Corkboard
 *= require_self
 * -------------------:--------------------------------------------------------
 */
article#corkboard {
  position            : relative;
}


/**
 * @section: corkboard filters
 * -------------------:--------------------------------------------------------
 */
nav.corkboard.filters {
  position            : absolute;
  top                 : 10px;
  right               : 10px;
  z-index             : 1;
}

nav.corkboard.filters > ul {
  list-style          : none;
  margin              : 0;
}

nav.corkboard.filters li {
  display             : inline-block;
}

nav.corkboard.filters li > a {
  text-decoration     : none;
}


/**
 * @section: corkboard posts
 * -------------------:--------------------------------------------------------
 */
ul.corkboard.posts {
  font-family         : monospace;
  list-style          : none;
  overflow            : hidden;
  margin              : 0 auto;
  padding             : 0;
}

ul.corkboard.posts > li {
  display             : none;
  float               : left;
  overflow            : hidden;
  margin              : 2px;
}

ul.corkboard.posts > li.s {
  width             : 168px;
  height            : 168px;
}

ul.corkboard.posts > li.m {
  width             : 340px;
  height            : 340px;
}

ul.corkboard.posts > li.l {
  width             : 512px;
  height            : 512px;
}

ul.corkboard.posts figure {
  margin              : 0;
  padding             : 0;
  width               : 100%;
  height              : 100%;
}

ul.corkboard.posts img {
  position            : absolute;
  top                 : -5%;
  left                : -5%;
  width               : 110%;
  height              : 110%;
  max-width           : none;
}

ul.corkboard.posts p.caption {
  display             : none;
}