html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, div, abbr, dfn, acronym,
input, select, option, textarea {
    margin: 0;
    padding: 0;
    font: 12px 'Arial', 'Helvetica', 'sans-serif';
    text-align: left;
    line-height: 18px;
}
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, abbr, dfn, acronym {
    cursor: text;
}
.clearfix:after {
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block }
*:active, object:focus, embed:focus, a { outline: none }
input::-moz-focus-inner { border: 0 }
*.pointer, label { cursor: pointer }
fieldset { border: none }
input, select, option, textarea { font-size: 100%; outline-style: none; }
textarea { resize: none; }
.bug { border: 1px solid red }

body {
    background: #f2f2f2 url('../gfx/bg-body.png') repeat-x 0 0;
    border-top: 2px solid #b9b9b9;
    color: #666;
}

div#container {
    float: left;
    width: 100%;
}
div#content {
    background: transparent url('../gfx/bg-content.png') no-repeat 0 0;
    width: 740px;
    min-height: 340px;
    margin: 60px auto 0 auto;
    padding: 90px 0 0;
    position: relative;
}
div#content-in {
    background: #fff;
    width: 480px;
    margin: 0 auto;
    padding: 6px;
    border: 1px solid #d3d3d3;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    -webkit-border-radius: 11px;
    box-shadow: 0 0 10px #e2e2e2;
    -moz-box-shadow: 0 0 10px #e2e2e2;
    -ms-box-shadow: 0 0 10px #e2e2e2;
    -o-box-shadow: 0 0 10px #e2e2e2;
    -webkit-box-shadow: 0 0 10px #e2e2e2;
}
div.header {
    margin: 0;
    padding: 10px 5px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
}
div.data { padding: 10px 5px 0; }
div#copy {
    float: right;
    margin: 0;
    color: #999;
    font-size: 9px;
    position: relative;
    right: 135px;
    text-shadow: 1px 1px 1px #fff;
}

h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
h2 {
    margin: 0 0 10px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}
p {
    padding: 5px 5px 10px;
    line-height: 18px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
}
ul li {
    background: transparent url('../gfx/bg-li.gif') no-repeat 0 6px;
    margin: 0;
    padding: 0 0 10px 10px;
    line-height: 18px;
}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
.marked { font-weight: 700; }

/**
 * Colors
 */
body.red { border-top: 2px solid #de2415; }
body.blue { border-top: 2px solid #00adef; }
body.green { border-top: 2px solid #7ab833; }

body.red div.header { background: #de2415; }
body.blue div.header { background: #00adef; }
body.green div.header { background: #7ab833; }

body.red h2 { color: #de2415; }
body.blue h2 { color: #00adef; }
body.green h2 { color: #7ab833; }

body.red a { color: #de2415; }
body.blue a { color: #00adef; }
body.green a { color: #7ab833; }