/**commom css**/
*{margin:0px;padding:0px}
body{background:#FFFFFF}

/**wrapper**/
#wrapper{width:100%;height:1000px;background:#C0C0C0}

/**header**/
#header,#footer{width:100%;height:150px;background:#0080C0}
#heading{padding:25px}
.logo{float:left;width:20%;height:150px;background:#000040}
.navigation{float:right;width:80%;height:150px;background:#0080C0}

@font-face{
	font-family:Pridi;
	src:url(Pridi-SemiBold.ttf);
}
  h1{font-family:Pridi;font-size:50px;text-align:center;color:yellow}

/**content**/
#content{width:100%;height:700px}
#left-sidebar{float:left;width:20%;height:700px;background:#000000}
#heading1{text-align:center;color:white;margin:10px}
.left-sidebar1{float:left;width:100%;height:60px;background:#F60002}
#button1{border:none;padding:12px 55px;margin-left:40px;margin-top:8px;background:#3C2B99}
#button1:hover{background:#000000;padding:15px 64px;border-top-left-radius:30px;border-bottom-left-radius:30px}
#click1{text-decoration:none;color:white}
.left-sidebar2{float:left;width:100%;height:60px;background:#F7BA05}
#button2{border:none;padding:12px 55px;margin-left:40px;margin-top:8px;background:#000080}
#button2:hover{background:#000000;padding:15px 64px;border-top-left-radius:30px;border-bottom-left-radius:30px}
#click2{text-decoration:none;color:white}
.left-sidebar3{float:left;width:100%;height:60px;background:#F7F702}
#button3{border:none;padding:12px 55px;margin-left:40px;margin-top:8px;background:#0097F6}
#button3:hover{background:#000000;padding:15px 64px;border-top-left-radius:30px;border-bottom-left-radius:30px}
#click3{text-decoration:none;color:white}
.left-sidebar4{float:left;width:100%;height:60px;background:#01AA4E}
#button4{border:none;padding:12px 55px;margin-left:40px;margin-top:8px;background:#000040}
#button4:hover{background:#000000}
#click4{text-decoration:none;color:white}
.left-sidebar5{float:left;width:100%;height:60px;background:#0097F6}
#button5{border:none;padding:12px 55px;margin-left:40px;margin-top:8px;background:#F7F702}
#button5:hover{background:#ffffff}
#click5{text-decoration:none;color:black}
.left-sidebar6{float:left;width:100%;height:60px;background:#000080}
.left-sidebar7{float:left;width:100%;height:60px;background:#3C2B99}
.post{float:right;width:80%;height:700px;background:#C0C0C0}

#footer{width:100%;height:150px;background:#000000}
.footer-left{float:left;width:50%;height:150px;background:#004080}
.footer-right{float:right;width:50%;height:150px;background:#008080}