body {
   background-color: #b6e2e5;
   font-family: Lato;
   color: black;
   background-image: url(../images/bg3.png)
}

#header {
   width: 105%;
   margin: -10px;
}

#container {
   margin: 0 auto;
   position: absolute;
   top: 250px;
   left: 400px;
   width: 750px;
   height: 100%;
   background-color: rgba(0,0,0,0.1);
   border-radius: 5px;
   padding: 20px;
}

#navigation {
   <!--margin: 0 0 0 300px;-->
   position: absolute;
   padding: 70 0px;
   <!--background-color: lightblue;-->
   margin: -20px;
   color:white;
   width: 105%;
   background-image: url(../images/nav.png)
}

#navigation li {
   display: inline-block;
   position: relative;
   padding: 0 20px;
   top: 15px;
   left: 170px;
   font-size: 16px;
   text-transform: uppercase;
   
}

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

#logo {
   width:10%;
   position: absolute;
   margin: 10 0 0 50px;
   top: 10px;
}

li {
   list-style: none;
   padding: 10 0 px;
}

#search {
   <!--background-color: rgba(0,0,0,0.2);-->
   opacity: 20%;
   border-radius: 20px;
   float: right;
   padding: 10 10px;
   position: relative;
   margin: 0 30px;
   width: 200px;
   top: -100px;
   right: 100px;
}

<!--#searchbox {
   border-radius: 5px;-->
}

#searchicon {
    position: absolute;
    padding: 0 5px;
}

#sidebar {
   position: fixed;
   background-color: rgba(0,0,0,0.2);
   height: 500px;
   border-radius: 10px;
   margin: 250px 0 0 50px;
   width: 210px;
}

#sidebar li {
   position: relative;
   padding: 0 0 20 0px;
   left: -20px;
   text-transform: uppercase;
   top: 20px;
   font-size: 0.8em;
   color:white;
}

.post {
   display: block;
   padding: 15 20px;
}

.headline {
   background-color:#ddf3f2;
   padding: 20 0px;
   border-radius: 5px;
   font-size: 17px;
}

.headline a {
   color: darkslategray;
}

.rating {
   background-color: rgba(0,0,100,0.2);
   border-radius: 5px;
   float: left;
   width: 50px;
   height: 75px;
   position: relative;
   margin: 30 10;
   font-size: 15px;
}

#header {
   background-color: white;
}

.subtext {
   font-size: 10px;
   line-height: 90%;
}

.up {
   position: relative;
   left: 15px;
   top: 5px;
}

.down {
   position: relative;
   padding: 20 15px;
}

a {
   text-decoration: none;
}

a:hover {
   color: white;
}

.picture{
   width: 100px;
   height: 100px;
   border-radius: 5px;
   float: right;
   position: relative;
   top: -100px;
   right: 20px;
}

.numrate {
   position: absolute;
   top: 10px;
   left: 15px;
   padding: 2 0px;
}

.share {
   position: relative;
   left: 10px;
}

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

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