body {
    margin: 1em 8%;
    background-attachment: fixed;
}

#container {
    position: relative;
    padding: 0 5%;
}
* html #container {
    float: left;
}
* html #container * {
    position: relative;
}

#header {
    padding-top: 25px;
}

#navigation {
    margin: 20px 0;
    clear: both;
}

#navigation ul {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#navigation li {
    display: inline;
}
#navigation li a {
    display: block;
    float: left;
    height: 1em;
    padding: 8px 1em;
}

h1 {
    margin-right: 35%;
}
h1,h2,h3,h4 {
    clear: both;
}
#content h1,#header h1 {
    margin-right: 0;
}
#content {
    position: relative;
    padding: 1em 0;
    width: 65%;
    float: left;
    clear: left;    /* subtle product placement */
}

#extra {
    position: relative;
    width: 30%;
    float: right;
    clear: right;
}

#subnavigation {
    margin-bottom: 2em;
}
#subnavigation li {
    display: inline;
}
#subnavigation a {
    display: block;
    padding: 10px;
}

#q {
    width: 75%;
}

.blogroll {
    margin-bottom: 2em;
}
.blogroll li {
    display: inline;
}
.blogroll a {
    display: block;
    padding: .2em .5em;
}

#footer {
    clear: both;
    margin-top: 5em;
}
label {
    display: block;
}
.calendar {
    margin: auto;
}
.promo {
    width: 100%;
    margin: 1em 0;
}
.promo dd {
    padding: 0 60px 60px 60px;
}

.comment {
    padding-top: 1em;
    margin: 1em 0;
}
.comment p {
    padding: 0 1em;
}
.comment p.attribution {
    padding: 1em;
    margin: 0;
}

.divider {
    display: block;
    margin: auto;
}