body {
  background: #f5f4f0;
  color: #5A5353; }

#container {
  position: relative;
  margin: auto;
  width: 950px; }

.title {
  font-family: 'Prompt', sans-serif;
  color: #5A5353; }

#name {
  position: relative;
  font-size: 32pt;
  font-style: normal;
  font-weight: 600;
  margin-bottom: -20px;
  z-index: 100; }

#desc {
  position: relative;
  overflow-y: hidden;
  line-height: 1.75em;
  height: 1.75em;
  font-size: 22pt;
  font-style: normal;
  font-weight: 400; }
  #desc #label {
    position: relative;
    display: block;
    float: left;
    z-index: 10; }
    #desc #label b {
      font-weight: 700; }
  #desc ul {
    position: relative;
    margin: 0px;
    padding-left: 0.6ch;
    position: relative;
    display: inline-block;
    list-style-type: none;
    z-index: -10; }

#descCover {
  background: #f5f4f0;
  background: -webkit-linear-gradient(#f5f4f0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #f5f4f0);
  background: -o-linear-gradient(#f5f4f0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #f5f4f0);
  background: -moz-linear-gradient(#f5f4f0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #f5f4f0);
  background: linear-gradient(#f5f4f0, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #f5f4f0);
  position: absolute;
  font-size: 22pt;
  margin-top: -1.75em;
  width: 100%;
  height: 1.75em;
  z-index: 0; }

.nav {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 11pt;
  color: #5A5353; }
  .nav ul {
    overflow: hidden;
    list-style-type: none;
    margin: 10px 0px;
    padding-left: 0px; }
    .nav ul li a {
      position: relative;
      display: block;
      float: left;
      text-decoration: none;
      color: #333;
      font-size: 10.5pt;
      font-weight: 500;
      border-radius: 5px;
      border: 0.75px solid grey;
      margin: 1px 10px 10px 0px;
      padding: 5px 10px; }
      .nav ul li a .navBG {
        position: absolute;
        z-index: -5;
        top: 0px;
        left: 0px;
        border-radius: 4px;
        width: 100%;
        height: 100%; }

.navControl {
  display: block;
  float: right;
  margin-top: 5px;
  font-size: 10pt;
  text-align: right;
  line-height: 1em; }

.main {
  position: relative;
  overflow: hidden;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12pt;
  color: #5A5353;
  padding-bottom: 40px; }
  .main .module {
    position: relative;
    display: block;
    float: left;
    background: #fff;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 10px 0px 0px;
    height: 195px;
    display: none; }
    .main .module img.playOver {
      position: absolute;
      left: 10px;
      top: 58.5px;
      width: 205px;
      opacity: 0.9; }
      .main .module img.playOver:hover {
        opacity: 1; }
    .main .module .yt {
      position: absolute;
      left: 10px;
      top: 58.5px;
      width: 205px;
      height: 115.3125px; }
    .main .module .sc {
      position: absolute;
      left: 10px;
      top: 58.5px;
      width: 205px;
      height: 115.3125px; }
    .main .module a {
      color: #222;
      text-decoration: none; }
      .main .module a:hover {
        text-decoration: underline; }
  .main ul {
    position: absolute;
    list-style-type: none;
    overflow: hidden;
    padding-left: 0px;
    margin: 10px 0px 0px 0px;
    font-size: 9pt;
    font-family: 'Roboto', sans-serif;
    bottom: 0px; }
    .main ul li {
      display: block;
      float: left;
      color: #222;
      background: #d4d2d2;
      border: 1px solid grey;
      border-radius: 5px;
      padding: 0px 4px 2px 4px;
      margin: 0px 5px 5px 0px; }

img.moduleThumb {
  position: absolute;
  left: 10px;
  top: 58.5px;
  width: 205px; }
  img.moduleThumb:hover {
    opacity: 0.85; }

/*# sourceMappingURL=style.css.map */
