body {
    background-color: #f0e6e8;
    color: #C1A4A9;
    font-family: 'Pixel Operator', sans-serif;
    src: url(fonts/PixelOperator.ttf) format("truetype");
    font-size: 12px;
    line-height: 100%;
    height:100%;
    overflow-x:hidden!important;
}
 
a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:#C1A4A9;
}
     
img {
    border:none;
}


::-webkit-scrollbar-thumb {
height:auto;
background-color:#EF8BAC;
}
 
::-webkit-scrollbar {
height:5px;
width:5px;
background-color:#f0e6e8;
} 

#sidebar {
    position:fixed; 
    width:175px; 
    background:#1B1930; 
    height:100%;  
    float:left;
    z-index:9999999999;
    top:0; 
    left:0; 
    overflow:hidden;
}
#sidebarcontent {
    position:absolute; 
    bottom:0; 
    margin-bottom:350px;
}
#thetitle {
    position:relative;  
    color:#f0e6e8; 
    font-size:36px; 
    text-align:center; 
    width:175px; 
    line-height:26px;
}
#subtitle {
    position:relative;  
    font-size:24px; 
    text-align:center; 
    width:175px; 
    line-height:22px;   
    color:#EF8BAC; 
    margin-top:1px;
}

.links {
    position:relative;  
    text-align:center; 
    width:175px; 
    color:#EF8BAC; 
    margin-top:10px;}

.links a {
    text-decoration:none; 
    color:#C1A4A9;
}

.content {
    position:absolute; 
    background:none; 
    margin-left:175px;  
    height:auto; 
    padding:10px; 
    width:calc(100% - 145px);
    width:-webkit-calc(100% - 145px);
    width:-moz-calc(100% - 145px); 
    float:left; 
}

.content.open {
    width:calc(100% - 245px);
    width:-webkit-calc(100% - 245px);
    width:-moz-calc(100% - 245px);
}
.content.moreopen {
    width:calc(100% - 685px);
    width:-webkit-calc(100% - 685px);
    width:-moz-calc(100% - 685px);
}
.film { 
    position:relative; 
    margin:10px; 
    width:300px; 
    height:225px; 
    background:#1B1930; 
    float:left; 
    overflow:hidden; 
}
.cover {
    width:300px; 
    height:175px; 
    overflow:hidden; 
    position:relative; 
    z-index:1; 
    background:#C1A4A9;
}
.cover img {
    width:300px;
    height:100%;
    position:absolute;
}

.filminfo {
    width:260px; 
    z-index:0; 
    position:relative; 
    padding:0 20px; 
    height:100px; 
    background:#1B1930; 
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}

.filmtitle {
    width:260px; 
    text-align:center; 
    color:#f0e6e8;
    line-height:38px; 
    font-size:22px; 
}

.filmyear {
    width:260px; 
    text-align:center; 
    color:#f0e6e8;  
    margin-top:-8px; 
    color:#EF8BAC; 
    text-align:center;
}

.insidetext {
    color:#C1A4A9; 
    text-transform:uppercase; 
    font-style:italic; 
    font-size:14px; 
    width:260px; 
    text-align:left; 
    line-height:14px; 
    border-top:1px solid #C1A4A9; 
    width:260px; 
    padding:0px; 
    position:relative; 
    margin-top:10px; 
    padding-top:10px; 
}

.filmdate {
    color:#C1A4A9; 
    text-transform:uppercase; 
    word-spacing:5px; 
    font-size:14px;  
    text-align:right; 
    line-height:14px;   
    padding:0px; 
    position:relative;  
    margin-top:-14px; }

.film:hover .filminfo {
    margin-top:-45px; 
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}