body {
    margin: 0;
    padding: 0;
    background: #d8cfbd;
    color: #201b16;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    line-height: 1.55;
}

a {
    color: #0d5b73;
}

a:hover {
    color: #083949;
}

.page {
    width: 780px;
    margin: 0 auto;
    background: #f8f3e8;
    border-left: 1px solid #b19f80;
    border-right: 1px solid #b19f80;
}

.site-header {
    background: #1f3c3a;
    color: #f7f0df;
    padding: 28px 32px 24px 32px;
    border-bottom: 6px solid #c36b2f;
}

.site-header h1 {
    margin: 0 0 10px 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 38px;
    line-height: 1.1;
}

.site-header p {
    margin: 0;
    color: #ddd3c1;
}

.site-nav {
    background: #eadfc9;
    border-bottom: 1px solid #c9b792;
    padding: 10px 32px;
}

.site-nav a {
    margin-right: 16px;
    font-weight: bold;
    text-decoration: none;
}

.content {
    padding: 24px 32px 36px 32px;
}

.intro-panel {
    background: #fffaf1;
    border: 1px solid #d8c8aa;
    padding: 18px 20px;
    margin-bottom: 24px;
}

.intro-panel p {
    margin: 0;
}

.section-title {
    margin: 0 0 14px 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 30px;
    color: #362d22;
}

.product-entry {
    background: #fffdf8;
    border: 1px solid #dbcdb0;
    border-top: 4px solid #c36b2f;
    padding: 20px;
    margin-bottom: 24px;
}

.product-entry h2 {
    margin: 0 0 6px 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 28px;
    color: #2a241d;
}

.product-entry h2 a {
    text-decoration: none;
}

.meta-line {
    margin: 0 0 12px 0;
    color: #625341;
    font-size: 13px;
}

.product-image {
    margin: 0 0 16px 0;
    background: #eadfc9;
    border: 1px solid #c8b38b;
    padding: 10px;
    text-align: center;
}

.product-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    border: 1px solid #7d6c53;
}

.button-row {
    margin: 16px 0 4px 0;
}

.button-row a {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 9px 12px;
    text-decoration: none;
    font-weight: bold;
    background: #c36b2f;
    border: 1px solid #8d4d1e;
    color: #fff9f0;
}

.button-row a.alt {
    background: #234d58;
    border-color: #183640;
}

.button-row a.soft {
    background: #f0e3ce;
    border-color: #b79f74;
    color: #453828;
}

.callout {
    background: #f3ead7;
    border-left: 4px solid #234d58;
    padding: 12px 14px;
    margin: 18px 0;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

.spec-table th,
.spec-table td {
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #dccdaf;
}

.spec-table th {
    width: 160px;
    background: #fcf7ef;
    color: #4b3e2f;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3 {
    margin: 22px 0 10px 0;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 23px;
    color: #332b21;
}

ul {
    margin-top: 8px;
}

.footer {
    background: #e8dcc7;
    border-top: 1px solid #c9b792;
    padding: 16px 32px 24px 32px;
    color: #5d4e3d;
    font-size: 13px;
}

.back-link {
    font-weight: bold;
    text-decoration: none;
}

.small-note {
    color: #6d5d49;
    font-size: 13px;
}

.manual-content h1,
.manual-content h2,
.manual-content h3,
.manual-content h4 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #332b21;
}

.manual-content h1 {
    margin: 0 0 12px 0;
    font-size: 34px;
    line-height: 1.15;
}

.manual-content h2 {
    margin: 28px 0 12px 0;
    font-size: 28px;
}

.manual-content h3 {
    margin: 22px 0 10px 0;
    font-size: 23px;
}

.manual-content h4 {
    margin: 18px 0 8px 0;
    font-size: 19px;
}

.manual-content p,
.manual-content li {
    max-width: 680px;
}

.manual-content hr {
    border: 0;
    border-top: 1px solid #d5c6a8;
    margin: 22px 0;
}

.manual-content pre {
    background: #f3ead7;
    border: 1px solid #d4c09b;
    padding: 12px;
    overflow: auto;
}

.manual-content code {
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
}

.manual-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 14px 0 20px 0;
}

.manual-content th,
.manual-content td {
    border: 1px solid #dccdaf;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
}

.manual-content blockquote {
    margin: 18px 0;
    padding: 10px 14px;
    background: #f6efdf;
    border-left: 4px solid #c36b2f;
}

@media only screen and (max-width: 820px) {
    .page {
        width: auto;
        margin: 0;
        border-left: none;
        border-right: none;
    }

    .site-header,
    .site-nav,
    .content,
    .footer {
        padding-left: 18px;
        padding-right: 18px;
    }
}