* { padding: 0px; margin: 0px; } html { padding: 0px; margin: 0px; } body { background: #343434 url(../img/sstripe.png) top left repeat; padding: 0px; margin: 0px; font-family: Helvetica Neue, Arial, verdana, san-serif, georgia; color: #343434; font-size: small; } div.clear { clear: both; } img { border: none; } #wrap { width: 960px; margin: 0px auto; } a { color: #44a1d5; text-decoration: none; } a:hover { text-decoration: underline; } /************************** HEADER **************************/ #header { margin: 30px 0px 15px 0px; } #header img.logo { margin-left: 23px; float: left; } #header p.date { float: right; font-size: 90%; font-weight: bold; color: #fff; text-transform: uppercase; margin-right: 25px; background: #0c0c0c; padding: 0px 12px; line-height: 28px; margin-top: 2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } /************************** CONTENT **************************/ #content { background: #fff; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; padding: 20px 25px; } #main { float: left; width: 570px; } #content h1 { font-size: 200%; } #content h2 { font-size: 130%; margin-bottom: 15px; color: #888; } #main p { padding-bottom: 15px; line-height: 1.8em; } #main img { padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #main ul, #main ol { margin-left: 40px; margin-bottom: 20px; } #main ul li { margin-bottom: 8px; } #main ol li { margin-bottom: 8px; } /************************** SIDEBAR // FORM **************************/ #sidebar { width: 260px; padding: 15px 20px; background: #eee; float: right; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #sidebar .elqLayout { margin-bottom: 10px; } #sidebar form { border-top: 1px solid #bbb; padding: 12px 0px 0px 0px; } #sidebar .elqLayout label{ font-size: 90%; font-weight: bold; } #sidebar .elqLayout input { border: 1px solid #bbb; padding: 3px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } #submit { border: 0px; padding: 0px; margin-top: 10px; } #sidebar h3 { font-size: 180%; color: #44a1d5; } #sidebar h4 { line-height: 1.4em; font-size: 110%; margin-bottom: 10px; } #sidebar p.required { font-size: 90%; letter-spacing: 1px; color: #777; } /************************** FOOTER **************************/ #footer { padding: 10px 20px; color: #fff; margin-bottom: 20px; font-size: 90%; font-weight: bold; } #footer p.left { float: left; } #footer p.right { float: right; }