/* --- SCROLLBAR --- */
 
::-webkit-scrollbar-thumb:vertical {
background-color:#504f6b;
height:30px;
}
 
::-webkit-scrollbar-thumb:horizontal {
background-color:#504f6b;
height:5px!important;
}
 
::-webkit-scrollbar {
background-color:#FFFFFF;
height:5px;
width:5px;
}
 
 
/* --- POSTS --- */
 
body {
color:#4c4e57;
background-attachment:fixed;
background-color:#FFFFFF;
background-image: url('https://assets.tumblr.com/images/x.gif?v=1');
background-position:bottom left;
background-repeat:no-repeat;
text-align:justify;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:10px;
}
 
a {
color: #8a86a0;
text-decoration:none;
}
 
a:hover {
text-decoration:none;
color:#666581;
}
 
#container {
width:900px;
margin:auto;
padding-bottom:30px;
}
 

 

#entries {
position:absolute;
overflow:hidden;
width:630px;
margin-left:340px;
margin-top:5px;
}
 
#posts {
background-color:#FFFFFF;
padding:7px;
width:500px;
margin-bottom:15px;
}
   


 
 
/* --- SIDEBAR --- */
 
#sidebar {
position:fixed;
margin-top:70px;
margin-left:40px;
width:230px;

width:280px;
margin-left:-10px;

}
 
#sidebarimage img {
margin-top:2px;
margin-bottom:5px;
max-width:200px;

max-width:250px;

height:auto;
text-align:center;
border:7px solid #FBFBFF;
}
   
#description {
font-size:10px;
font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
margin-left:12px;
margin-right:12px;
color:#4c4e57;
text-align:justify;
}
 
 
/* --- TITLES --- */
 
#title {
font-size:16px;
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
font-style:italic;
text-transform:lowercase;
color:#4c4e57;
text-align:center;
margin-top:-10px;
margin-bottom:5px;
}
 
#title1 {
font-size:14px;

font-size:18px;


font-style:italic;
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
text-decoration:none;
text-align:center;
text-transform:lowercase;
margin-bottom:-5px;
}
 
#title2 {
font-size:12px;

margin-bottom:-5px;
text-align:center;
text-transform:lowercase;

font-size:14px;

font-style:italic;
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}
 
 
/* --- SIDELINKS & NAVIGATION --- */
 
#sidelinks {
position:fixed;
margin-top:95px;
margin-left:268px;
}
 
#sidelinks a {
display:block;
margin-bottom:-12px;
font-family:calibri;
font-size:10px;
text-align:left;
padding:1px;
height:auto;
text-transform:uppercase;
color:#89869b;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
 
#sidelinks a:hover {
color:#666581;
border-left:5px solid #FFFFFF;
}
 
.navigation {
position:fixed;
margin-left:26px;
margin-top:100px;

margin-left:-24px;

}
 
.navigation a {
width:120px;
display:block;
padding:1px;
height:auto;
font-family:calibri;
font-size:8px;
margin-bottom:2px;
letter-spacing:2px;
text-transform:uppercase;
text-align:left;
color:#FFFFFF;
background-color:#716f85;
border-left:10px solid #FFFFFF;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
 
.navigation a:hover {
background-color:#716f85;
color:#FFFFFF;
margin-left:-50px;
}
 
 
/* --- AUDIO --- */
 
#audio {
margin-bottom:5px;
width:500px;
height:105px;




}
 
.albumart {
width:100px;
height:100px;




position:absolute;
}
 
.albumart img {
width:100px;
height:100px;




float:left;
}
 
.playercontainer {
opacity:.2;
display:block;
width:100px;
height:100px;




background-color:white;
position:absolute;
z-index:3;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
 
.playercontainer:hover {
opacity:.7;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}
 
.player {
margin-left:36px;
margin-top:36px;




width:25px;
height:25px;
overflow:hidden;
background-color:white;
}
 

.audioinfo {
margin-left:110px;
width:388px;

float:left;
padding:2px;
margin-bottom:3px;
background-color:#FFFFFF;
}

 

 
 
/* --- CHAT POSTS --- */
 
.chat {
line-height:12px;
list-style:none;
}
 
.chat ul {
line-height:15px;
list-style:none;
padding:0px;
line-height:20px;
}
 
.person1 {
background-color:#FFFFFF;
color:#4c4e57;
}
 
.person1 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
.person2 {
color:#4c4e57;
}
 
.person2 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
.person3 {
background-color:#FFFFFF;
color:#4c4e57;
}
 
.person3 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
.person4 {
color:#4c4e57;
}
 
.person4 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
.person5 {
background-color:#FFFFFF;
color:#4c4e57;
}
 
.person5 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
.person6 {
color:#4c4e57;
}
 
.person6 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:#4c4e57;
}
 
 
/* --- INFO & OTHER --- */
 

 

#info {
padding:4px;
margin-top:3px;
color:#4c4e57;
font-size:9px;
font-family:calibri;
text-transform:uppercase;
width:493px;
text-align:left;
border-bottom:1px solid #EFEDF8;
background-color:transparent;
line-height:90%;
}
   
#info a {
background-color:transparent;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
 
#info a:hover {
background-color:#EDF2F8;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

 
#questions {
color:#4c4e57;
padding:5px;
margin-bottom:0px;
font-size:9px;
font-family:georgia;
text-transform:lowercase;
text-align:center;
font-style:italic;
background-color:#FEFEFF;

border-bottom:2px solid #EFEDF8;


}
 
#questions a {
color:#8a86a0;
}
 
#questions a:hover {
color:#666581;
}
 

#tags {  
font-family:georgia;
text-align:left;
text-transform:lowercase;
font-style:italic;
margin-top:2px;
font-size:9px;
}
 
#tags a {
background-color:transparent;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
 
#tags a:hover {
background-color:#EDF2F8;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

 
#source {
margin-top:10px;
text-align:right;
margin-bottom:5px;
font-size:10px;
}
   
.pagination {
margin-top:10px;
margin-bottom:10px;
text-align:center;
line-height:20px;
font-family:calibri;
font-size:10px;
}
   
.pagination a {
text-decoration:none;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
color:#4c4e57;
background-color:#EFEDF8;
}
   
.pagination a:hover {
background-color:#FFFFFF;
color:#4c4e57;
}
 
.postnotes {
margin-top:-5px;
}
 
ol.notes, .notes li {
width:500px;
list-style:none;
}
 
blockquote {
border-left:4px solid #4c4e57;
padding:0px;
padding-left:5px;
margin:5px;
}
