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

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

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

/**content start**/
#content{}
#post-1{width:100%;height:333.33px;background:#005279}
#left-sidebar{float:left;width:40%;height:333.33px;background:#D84CD8}
.left-sidebar1{float:left;width:100%;height:166.66px;background:#E64C00}
.left-sidebar2{float:left;width:100%;height:166.66px;background:#99E600}

#post-2{width:100%;height:333.33px;background:#00B982}
#left{float:left;width:50%;height:333.33px;background:#CF4F3D}
.left-sidebar5{float:left;width:50%;height:166.66px;background:#8080FF}
.left-sidebar6{float:left;width:50%;height:166.66px;background:#80FF80}
.right-sidebar3{float:left;width:50%;height:166.66px;background:#DC99E6}
.right-sidebar4{float:left;width:50%;height:166.66px;background:#FFFE80}
#right{float:right;width:50%;height:333.33px;background:#D19C3A}
.left-sidebar7{float:left;width:50%;height:166.66px;background:#8080FF}
.left-sidebar8{float:left;width:50%;height:166.66px;background:#80FF80}
.right-sidebar5{float:left;width:50%;height:166.66px;background:#DC99E6}
.right-sidebar6{float:left;width:50%;height:166.66px;background:#FFFE80}

#post-3{width:100%;height:333.33px;background:#3EFF3E}
#left-sidebar{float:left;width:50%;height:333.33px;background:#D84CD8}
.left-sidebar3{float:left;width:100%;height:166.66px;background:#FF0080}
.left-sidebar4{float:left;width:100%;height:166.66px;background:#008400}
#right-sidebar{float:left;width:50%;height:333.33px;background:#D84CD8}
.right-sidebar1{float:left;width:100%;height:166.66px;background:#910048}
.right-sidebar2{float:left;width:100%;height:166.66px;background:#00FF00}

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