*{
    margin:0;
    padding:0;
}

body{
    color:beige;
    background:#4d4233 url('/img/layout/maids-bg.png');
    background-repeat:repeat-x;
    background-attachment:fixed;
    font-size:1.2em;
    padding:10px;
    font-family:monospace;
}

a{
    color:#ffeac4;
}

a:Hover{
    color:#fff;
}

img{
    max-width:100%;
    height:auto;
}

h1{
    margin-bottom:10px;
    text-align:center;
}

/* SITE LAYOUT */

#page{
    max-width:850px;
    margin:10px auto;
}

main{
    padding:15px;
    background:rgba(0,0,0,0.9);
    border-radius:10px;
}

.post{
    overflow:hidden;
    margin-bottom:10px;
}

.post-thumb{ 
    float:left; 
    width:200px; 
    margin-right:20px; 
}

.post-info small{ 
    display:block; 
    margin-bottom:15px; 
    color:rgb(199, 199, 174); 
}

nav{ 
    text-align:center; 
    overflow:hidden; 
    margin-top:20px; 
    font-size:1.2em;
}

.prev{ 
    float:left; 
}

.next{ 
    float:right; 
}

footer{
    margin-top:10px;
    text-align:center;
    text-shadow:1px 1px 2px #000;
}

/* RESPONSIVE VIDEO EMBEDS */

.embed {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.embed::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}