/**common css**/
*{margin:0px;padding:0px}
.clear{clear:both}
body{background:#C0C0C0}

/**wrapper start**/
.wrapper{width:1000px;height:1300px;border:1px;margin:20px auto;background:#559B86}

/**header start**/
#header{width:100%;height:150px;background:#000064}

/**content start**/
#content{width:100%;height:1100px;background:#FA0530}
#post-1{width:100%;height:200px}
.left1{float:left;width:50%;height:200px;background:#0080FF}
.right1{float:left;width:50%;height:200px;background:#FFFE00}

#post-2{width:100%;height:120px}
.left2{float:left;width:80%;height:120px;background:#26D0D9}
.right2{float:right;width:20%;height:120px;background:#266DD9}

#post-3{width:100%;height:150px}
.left3{float:left;width:50%;height:150px;background:#008000}
.right3{float:left;width:50%;height:150px;background:#F0F0F0}

#post-4{width:100%;height:130px;background:#000000}

#post-5{width:100%;height:100px;background:#FF8B17}
.left5{float:left;width:20%;height:100px;background:#FF870F}
.right5{float:right;width:80%;height:100px;background:#F0F0F0}

#post-6{width:100%;height:100px;background:#0000FF}
.left6{float:left;width:20%;height:100px;background:#F0F0F0}
.right6{float:right;width:80%;height:100px;background:#0000FF}

#post-7{width:100%;height:100px;background:#FF0000}
.left7{float:left;width:20%;height:100px;background:#008000}
.right7{float:right;width:80%;height:100px;background:#FF0000}

#post-8{width:100%;height:200px;background:#0080FF}

/**footer start**/
#footer{width:100%;height:100px;background:#000064}