* {
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;
}