body {
  font-family: 'Open Sans', sans-serif;
  max-width:100%;
  overflow-x:hidden;
}
header {
  z-index:20;
  text-align:left;
  position:fixed;
  top:40px;
  left:40px;
  line-height: 70%;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 800;
}
header #title {
  padding:10px;
}
header nav {
    height:0;
    margin-left:-10px;
    padding:10px;
    opacity:0;
}
header:hover nav {
  height:auto;
  opacity:1;
}
nav {
  transition: opacity .75s;
  -webkit-transition: opacity .75s;
  width:100%;
  font-size:2em;
}
nav ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
nav ul li {
  margin-top:60px;
}
nav ul li:first-of-type {
  margin-top:25px;
}
nav ul li a {
    padding:10px;
}
nav ul li a:hover {
    text-decoration:none;
    background-color:transparent;
}
footer {
  width:100%;
  text-align: center;
  text-transform:uppercase;
  letter-spacing: 2px;
  font-size:.8em;
  margin-top:50px;
  padding-top:20px;
  padding-bottom:90px;
}
footer .credit {
  padding:10px;
}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
h2 {
  line-height:70%;
  text-align:center;
  text-transform:uppercase;
}
h3 {
  line-height:70%;
  text-align:center;
  text-transform:uppercase;
}
img {
    max-width:100%;
}
#customFooter {
  margin-right:10px;
}
#pagenation {
    margin-top:40px;
    width:100%;
    text-align:center;
    font-weight:800;
    text-transform:uppercase;
    font-size:20px;
}
#pagenation a {
    padding:30px;
    opacity:.65;
}
#pagenation a:hover {
    text-decoration:none;
    opacity:.95;
}
#c {
    position:fixed;
    bottom:3px;
    right:3px;
}
#c a {
    opacity:.2;
    font-size:.55em;
}
#c a:hover {
    opacity:.8;
    text-decoration:none;
}
.description {
    width:100%;
    margin-top:155px;
}
.description article {
    width:40%;
    margin-left:30%;
    padding:15px;
    border-radius:15px;
}
.postContainer {
    transition: opacity .15s;
    -webkit-transition: opacity .15s;
    display:inline-block;
    width:46%;
    opacity:.75;
    z-index:0;
    padding:20px;
}
.postContainer:hover {
    opacity:1;
    z-index:10;
}
.postContainer:hover .linksUnderPost {
    opacity:1;
}
.post {
    width:60%;
    padding:40px;
    margin-left:30%;
    margin-top:10%;
}
.linksUnderPost {
    margin-top:0px;
    opacity:0;
    font-size:1.5em;
}
.linksUnderPost a:hover {
    text-decoration:none;
}
.linksUnderPost {
    list-style:none;
    padding:0px;
}
.linksUnderPost li {
    float:left;
    margin-right:10px;
}
.link {
    text-transform:uppercase;
    font-weight:800;
    text-align:center;
}
.link a {
    text-decoration:none;
}
.link:hover a {
    text-decoration:none;
    
}
.video iframe:first-of-type, .audio iframe:first-of-type {
    display:block;
    width:250px;
    margin-left:auto;
    margin-right:auto;
}
.video .linksUnderPost iframe:first-of-type, .audio .linksUnderPost iframe:first-of-type {
    display:inline-block;
    width:15px;
}
.quote {
    text-align:center;
}
.quote .quotePortion {
    font-size:1.5em;
}
.quote .qMark {
    display:inline-block;
    font-size:2em;
    font-family: 'Passion One', cursive;
}
.quote .qMark:first-of-type {
    transform:scale(-1, 1);
    -webkit-transform:scale(-1, 1);
    -moz-transform:scale(-1, 1);
}
.quote .quoteSource {
    margin-left:45%;
    font-size:.75em;
}
.chat .name {
    font-weight:800;
}