@charset "UTF-8"; body { background-color: #FFFFFF; font-size: 13px; line-height: 20px; margin: 0; padding: 0; text-align: left; } a { color: #9a2850; } ul { list-style-type: none; } h1{ color: #34495e; font-size: 28px; padding: 0 0 15px; } h2{ border-bottom: 1px dotted #1c1c1c; color: #CE4072; line-height: 35px; padding: 15px 0 5px 32px; position: relative; } h2:after, h2:before { content:''; height: 18px; width: 4px; display: block; background: #26424F; position: absolute; top: 24px; left: 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); } h2:before{ height: 10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); top: 32px; left: 7px; } h2 a { text-decoration: none; } #wrapper { } .top { background: #F09819; background: -webkit-linear-gradient(90deg, #FBD3E9 10%, #BB377D 90%); background: -moz-linear-gradient(90deg, #FBD3E9 10%, #BB377D 90%); background: -ms-linear-gradient(90deg, #FBD3E9 10%, #BB377D 90%); background: -o-linear-gradient(90deg, #FBD3E9 10%, #BB377D 90%); background: linear-gradient(90deg, #FBD3E9 10%, #BB377D 90%); border-bottom: 2px solid #de8cb8 ; font-size: 30px; margin: 0 auto 20px; padding: 50px 0; width: 100%; } #top-inner{ width: 960px; margin: 0 auto; } #top-inner a { color: #ffffff; text-decoration: none; text-shadow: 1px 1px 3px rgba(0,0,0,1); } #container { width: 960px; overflow: hidden; margin: 0 auto 20px; } .side { float: left; width: 250px; } .category, .archive, .freespace { background: #fcf6f8; border-bottom: 2px solid #d6cfcf; border-radius: 4px; color: #26424f; margin-bottom: 20px; padding: 15px 0 10px 15px; } .category ul, .archive ul, .freespace ul { border-top: 1px solid #26424F; margin-left: -15px; padding: 10px 0 0; } .category li, .archive li, .freespace li { line-height: 25px; padding-left: 20px; padding-right: 10px; } .main { border: 1px solid #efede7; border-radius: 5px; float: right; min-width: 630px; padding: 20px; width: 645px; } .footer { background-color: #de8cb8; border-top: 2px solid #FBD3E9; clear: both; margin: 0 auto; padding: 30px 0; text-align: center; width: 100%; } #footer-inner { width: 960px; margin: 0 auto; } #footer-inner p { color: #ffffff; } #footer-inner a { color: #ffffff; text-decoration: none; }