body {
font-family: 'Lato', sans-serif;
margin: 0 auto;
overflow-x: hidden;

}

#background {
background-image: url(assets/images/bg3.png);
position: absolute;
z-index: -1;
width: 120%;
top: 200px;

}

#navbar {
position: relative;
width: 100%;
height: 200px;
background-image: url(../images/nav.png)
}

#navbar ul {
display: inline-block;
position: relative;
top: 90px;
left: 180px;
color: white;
}


.bigheading {
text-align: center;
margin-top: -10px;

}

.post {
border-radius: 5px;

}

.subscribers {
position: relative;
right: 100px;
top: 70px;
font-size: 10px;

}

.heading {
color: white;

}

#newpost {
background-color: white;
border-radius: 5px;
text-align: center;
padding: 15px;
margin: 10px 20px;
position: relative;
top: 10px;


}

#sidebar {
position: fixed;
background-color: rgba(0,0,0,0.2); 
height: 100%;
width: 200px;
border-radius: 5px;
left: 40px;
top: 335px;

}

#sidebar li {
position: relative;
right: 20px;
color: white;
top:20px;
font-size: 14px;
line-height: 20px;
}

#container0 {
height: 100%;
margin: 0 auto;
left: 250px;
position: relative;
top: 50px;

}

.uparrow {
width: 50%;
position: relative;
top: 2px;
}

.downarrow {
width: 50%;
position: relative;
bottom: 28px;
}

.rating {
position: relative;
background-color: lightblue;
width: 50px;
height: 75px;
float: left;
margin: 30px 10px;
border-radius: 5px;
bottom: 20px;
text-align: center;

}

.number {
position:relative;
bottom: 15px;

}

#container {
width: 500px;
height: 100%;
padding: 30px 0px;
margin: 0px 20px 0px 20px;
position: relative;
display: inline-block;
background-color: rgba(0,0,0,0.2); 
border-radius: 5px;


}

#container2 {
width: 500px;
height: 100%;
padding: 30px 0px;
margin: 0px 20px 0px 20px;
position: relative;
display: inline-block;
background-color: rgba(0,0,0,0.2); 
border-radius: 5px;
top: -95px;


}

#search {
padding: 0px 10px 10px 10px;
margin: 0 auto;
background-color: rgba(0,0,0,0.2); 
border-radius: 5px;
text-align: center;
width: 600px;
margin-top: 20px;

}

#searchbox {
height: 40px;
width: 500px;
font-size: 12pt;
top: 10px;
border-radius: 10px;

}

#searchbutton {
height: 40px;
width: 40px;
position: relative;
top: 15px;

}

#relevance {
position: relative;
top: -50px;
right: 20px;
}

.post {
padding: 20px 0px;
margin: 10px 20px 20px 20px;
background-color: white;
font-size: 16px;

}


.subheadings {
font-size: 10px;
line-height: 5px;

}

.subscribe {
position: relative;
background-color: lightblue;
float: left;
margin: 30px 10px;
border-radius: 5px;
bottom: 5px;
text-align: center;
padding: 15px;

}
li {
list-style: none;
}

.show {
   background-color:rgba(200,200,200,0.8);
   border-radius: 3px;
   padding: 0 5px;
   font-size: 14px;
   float: right;
}

#smore {
   position: relative;
   top:-20px;
   right: 20px;
}

#smore2 {
   position: relative;
   top: 70px;
   right: 20px;
}