.maindiv{ width: 1000px; background: transparent url("../img/bg_center.png") repeat-y top center; margin: 0px auto; } .wrapper { width: 90%; margin: 0px auto; } .nav { position: absolute; top: 60px; right: 80px; width: 60%; } .nav li { float: left; width: 100px; border-right: 1px #A8B4B9 solid; text-align: center; width: auto; } .nav li:last-child { border-right: 0px; } .slideshow { margin:5px 0px 60px 0px; } .imginslider img { width: 96%; height: 370px !important; margin:0px auto; } .post { border-bottom: 2px #eee solid; padding: 0px 30px; margin: 0px 20px; position: relative; } .title { font-size: 34px; font-family: cursive; } .detail-post { width: 100%; margin-bottom: 20px; } .detail-post span { margin: 0px 50px 0px 0px; } .imgcontent img { width: 100%; height: 250px; } .content { padding-top: 21px; } .more { height: 20px; width: 100px; background: #eee; text-align: center; margin: 20px 0px; font-size: 14px; } .more a { width: 100%; height: 100%; } .date { position: absolute; margin-left: -109px; height: 130px; top: 10px; background: #F9F9F9; text-align: center; font-size: 30px; width: 80px; box-shadow: inset 0px 0px 16px #ECECEC, 0px 0px 10px #F9F9F9; font-weight: bold; border-top: 1px #C5C5C5 solid; border-bottom: 1px #C5C5C5 solid; border-left: 1px #C5C5C5 solid; } .paging { padding:10px 70px; } .sidebar{ border-left: 1px #eee solid; padding-left: 33px; } .comment { margin: 10px 20px 0px 50px; }