/* Elements */
* {
    margin: 0;
    padding: 0;
    }
    body {
        color: #1d1d18; /* orig(psd) 757561 darker 5c5c3f even darker 4b4b34 darkest 3b3b31 mo darkest 1d1d18 */
        background-color: #f2e6bb;
        font-family: "Verdana", "Trebuchet MS", "Lucida Sans", "Lucida", "Geneva", sans-serif;
        font-size: 62.5%; /* = 10px */
        line-height: 2.2em; /* 22px */
        text-align: center;
        }

/* Containers */
div.print { /* use id="print" to make something only show up when printed */
    display: none;
    }
div.container {
    margin: 0;
    text-align: left;
    }
    div.header {
        margin: 0;
        }
        div.headerin {
            min-height: 100px;
            height: 100px;
            padding: 0px;
            color: #f7f4e9;
            background-color: #3e0808;
            }
        div.headerlogo {
            min-height: 100px;
            height: 100px;
            width: 178px;
            float: left;
            background-position: bottom left;
            background-image: url(../images/corner_logo.png);
            }
        div.headercontent {
            margin-left: 178px;
            background-color: #821010;
            }
        div.accountandsearch {
            min-height: 24px;
            height: 24px;
            padding: 10px 0 1px 16px;
            }
        div.toplevelnav {
            min-height: 34px;
            height: 34px;
            padding-left: 16px;
            }
        div.toplevelnavhints {
            padding-left: 16px;
            color: #ab4b41;
            background-image: url(../images/burg_stripe.png);
            background-repeat: repeat-x;
            background-color: #3e0808;
            min-height: 31px;
            height: 31px;
            }
    div.content-wrap {
        clear: both;
        min-width: 750px;
        }
        div.left {
            margin: 0 8px;
            float: left;
            width: 160px; /* 14.55em = 160px */
            font-size: 1.1em; /* 11px */
            line-height: 1.45em; /* 16px */
            }
            div.localnav, div.featured, div.find_by_title, div.featuredheading, div.parametric_search_posts {
                background-color: #f7f1da;
                border: solid #a69e80;
                border-width: 0 2px 2px 0;
                margin: 0 0 8px 0;
            }
            div.localnav, div.featured, div.find_by_title, div.featuredheadinglinks, div.parametric_search_posts {
                padding: 8px;                
                }
            div.featuredlast {
                margin: 0;
                }
        div.main {
            font-size: 1.2em; /* 12px */
            line-height: 1.85em; /* 22px */
            margin: 0 136px 8px 176px;
            background-color: #f7f1da;
            border: solid #a69e80;
            border-width: 0 2px 2px 0;
            }
            div.mainin {
                padding: 18px;
                min-height: 360px;
                }
                div.mainin div.callout {
                    padding: 13px 18px;
                    background-color: #fcfcf7;
                    border: solid #bfbaa8;
                    border-width: 0 2px 2px 0;
                    }
                div.mainin table th, div.mainin table td {
                    padding-right: 1em;
                    vertical-align: top;
                    line-height: 1.45em; /* 16px */
                    padding-bottom: .5em;
                    }
                    div.mainin table th {
                        font-size: 1.09em;
                        }
                div.mainin div.pagination div.previous_next_links {
                    width: 100%;
                    }
                div.mainin div.pagination div.previous_link  {
                    float: left;
                    }
                div.mainin div.pagination div.next_link {
                    text-align: right;
                    }
                div.mainin div.pagination div.previous_link_no_next {
                    }
                div.mainin div.pagination div.next_link_no_previous {
                    text-align: right;
                    }
                div.mainin div.pagination div.jump_links a {
                    padding: 1px 3px 2px 3px;
                    }
                div.mainin div.pagination span.current_page {
                    padding: 1px 3px 2px 3px;
                    background-color: #671613;
                    color: #F7F1DA;
                }
                div.jump_to_post div.previous_link_no_next, div.jump_to_post div.previous_link {
                    width: 9.5em;
                    text-align: left;
                    float: left;
                    margin-top: 2px;
                    }
                div.jump_to_post div.next_link_no_previous, div.jump_to_post div.next_link {
                    width: 9em;
                    text-align: right;
                    float: right;
                    margin-top: 2px;
                    }
        div.footer {
            font-size: 1.2em; /* 12px */
            line-height: 1.85em; /* 22px */
            margin: 0 136px 8px 176px;
            background-color: #f7f1da;
            border: solid #a69e80;
            border-width: 0 2px 2px 0;
            min-width: 436px;
            }
            div.footerin {
                padding: 10px 18px 16px 18px;
                }
                div.footerin p, div.footerin ul {
                    margin-bottom: 10px;
                }
        div.wideads {
            font-size: 10px;
            margin: 0 136px 8px 17.6em; /* 17.6em = 176px */
            padding: 0px;
            }
            div.wideads div.googleleaderboard {
                width: 728px;
                height: 90px;
                }
            div.wideads div.googlebanner {
                width: 468px;
                height: 60px;
                }
        div.tallads {
            margin: 8px;
            float: right;
            width: 120px;
            }
            div.tallads div.googleskyad {
                width: 120px;
                background-color: #821010;
                }
                /* hacky until better new-style ad image is available */
                div.tallads div.googleskyad img {
                    padding: 1px 1px 0px 1px;
                    }

        /* CSS hacks to address IE6's "3 pixel jog" float bug; this block applies only to IE6 win \*/
        * html div.headerlogo {
            margin-right: -3px;
            }
        * html div.accountandsearch, div.toplevelnav, div.toplevelnavhints {
            margin-left: -3px;
            }
        * html div.left {
            margin-left: 4px;
            margin-right: -3px;
            }
        * html div.mainin table {
            margin-right: -3px;
            margin-left: -3px;
            }
        * html div.tallads {
            margin-left: -10px;
            margin-right: 4px;
            }
        /* close hack, DO NOT REMOVE THIS COMMENT */

/* Lists */
ul.nav-left {
    margin: 2px 4px;
    list-style: none;
    }
    ul.nav-left li {
        padding-left: 7px;
        background: transparent url(../images/list_dash.png) no-repeat left 0.7em;
        }
        ul.nav-left li a {
            color: #937600;
            }
        ul.nav-left li a:visited {
            color: #400808;
            }
        ul.nav-left li a:hover {
            color: #9c1313;
            }
        
ul.navlinks {
    padding: 0;
/*    background-color: #000; */
    list-style: none;
    display: inline;
    font-size: 1.3em; /* 13px */
    }
    ul.navlinks li {
        display: inline;
        /*  text color: #f7f4e9
            antialiased pipe color (screen cap): #ddc2ba
            50% alpha in photoshop over cranberry bg: #bd827d  */
        border: solid #bd827d;
        border-width: 0 1px 0 0;
/*        background-color: #070;*/
        padding: 0 .5em 3px 2px;
        margin: 0;
        }
    ul.navlinks li.first {
        padding: 0 .5em 3px 0px;
        }
    ul.navlinks li.last {
        border: none;
        padding: 0 0 3px 2px;
        }
        ul.navlinks li a {
            margin: 0;
            padding: 0 3px;
            color: #f7f4e9;
/*            background-color: #007;*/
            font-size: 1em; /* 13px */
            }
        ul.navlinks li.first a {
            padding: 0 3px 0 0;
            }
        ul.navlinks li.last a {
            padding: 0 0 0 3px;
            }
        ul.navlinks li a:visited {
            color: #f7f4e9;
            }
        ul.navlinks li a:hover {
            color: #f0d66a;
            }

div.mainin ol {
    list-style-position: outside;
    font-size: 1em; /* 12px */
    line-height: 1.85em; /* 22px */
    padding-left: 18px;
    padding-right: 18px;
}
div.mainin ol.legal li {
    margin-bottom: 1em;
}

div.footer ul {
    /*background-color: #0f0;*/
    }
    div.footer ul li {
        display: inline;
        border: solid #a9a791;
        border-width: 0 1px 0 0;
        padding: 0 .5em 3px 2px;
        margin: 0;
        }
    div.footer ul li.first {
        padding: 0 .5em 3px 0px;        
        }
    div.footer ul li.last {
        border: none;
        padding: 0 0 3px 2px;
        }            

/* Sortable table stuff */
div.mainin table.sortable {
    width: 100%;
    }
    div.mainin table.sortable th {
        text-align: left;
        }
    div.mainin table.sortable tr.odd {
        /*background-color: #faf8ed;*/  /* uglier with it than w/o*/
        }
    div.mainin table.sortable th img {
        margin-left: .5em;
        border: 0;
        }
    div.mainin table.profile_summary {
        width: auto;
        }

/* FDA Nutrient Label */
div.mainin table.fda_label {
    width: 22em;
    color: black;
    background-color: white;
    border: 1px solid black;
    padding: 4px;
    margin: 0px;
    border-spacing: 0px;
}

div.mainin table.fda_label td#headline {
    font-weight: bold;
    font-size: 2.25em; /* 27px */
    line-height: 1em; /* 27px */
    margin: 0 0 2px 0;
}

div.mainin table.fda_label tr, div.mainin table.fda_label td {
/*    background-color: red;*/
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.5em; /* 18px */
}

div.mainin table.fda_label td#amt_per_serving {
    font-size: 0.917em; /* 11px */
    line-height: 1.45em; /* 16x */
    font-weight: bold;
    border-top: 10px solid black;
}

div.mainin table.fda_label tr.value_line td {
    margin: 0px;
/*    background-color: gray;*/
}

div.mainin table.fda_label tr.value_line td span {
    display: block;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid black;
}

div.mainin table.fda_label tr.value_line td span.indented {
    margin-left: 1.5em;
/*    background-color: yellow;*/
}

div.mainin table.fda_label td.nutrient_value {
    text-align: right;
}

div.mainin table.fda_label td.dv {
    border-top: 3px solid black;
    font-size: 0.917em; /* 11px */
    line-height: 1.45em; /* 16x */
    font-weight: bold;
}

div.mainin table.fda_label td.vit_min {
    border-top: 3px solid black;
}

div.mainin table.fda_label td.footnote {
    border-top: 1px solid black;
    font-size: 0.917em; /* 11px */
    line-height: 1.18em; /* 13px */
}

/* Typography */
*.x { /* use class="x" to hide stuff */
    display: none;
    }
div.header h1 {
    padding: 5px;
    font-size: 2.6em;
    }
div.toplevelnavhints p {
    padding-top: 5px;
    vertical-align: top;
/*    background-color: #000;*/
    }

div.left h1, div.tallads h2 {
    margin: 0;
    }
div.left div.featuredheading h1 {
    margin: 0;
    padding: 5px 11px;
    font-size: 1.18em; /* 13px */
    line-height: .81em; /* 13px */
    color: #f7f1da;
    background-color: #821010;
    }
div.left h2 {
    margin: 0;
    color: #4b4b34;
    font-size: 1.09em; /* 12px */
    line-height: 1.34em; /* 16px */
    }
div.left div.find_by_title h2 {
    margin-bottom: .5em;
    }
div.main h1 {
    font-size: 2em; /* 24px */
    line-height: 1.25em; /* 30px */
    color: #633644;
    margin: 0 0 12px 0;
    }
    div.main h1 span.thread_subject {
        font-weight: normal;
    }
div.main h2, div.main h3 {
    font-size: 1.34em; /* 16px */
    color: #4b4b34;
    margin: 0 0 10px 0;
    padding: 1em 0 0.325em 0;
    font-weight: bold;
    line-height: 1.25em; /* 20px */
}

div.main h4 {
    font-size: 1.083em; /* 13px */
    line-height: 1.69em; /* 22px */
    color: #4b4b34;
    margin: 0 0 20px 0;
    font-weight: bold;
    }
div.main p {
    margin: 5px 0 20px 0;
    font-size: 1em; /* 12px */
    line-height: 1.85em; /* 22px */
    }
    div.main p.food_info {
        margin-left: 0.3em;
    }
    div.main div.callout p {
        margin: 5px 0 0 0;
        }
    div.mainin div.post h2 {
        padding-top: 5px;
        margin-bottom: 0;
        }
    div.mainin div.post_body p, div.mainin div.post_body pre {
        margin-bottom: 0;
        }
    div.mainin pre {
        font-size: 1.439em; /* was 1.238em; */
        line-height: 1.5em;
        }
    div.main p strong {
      color: #4b4b34; 
        font-weight: bold;
    }
    div.main p.food_history {
        margin-left: 2.8em; /* p.food_info's margin-left + 2.5em */
        text-indent: -2.5em;
    }

div.left p, div.tallads p {
    margin: 0 20px 5px 20px;
    }
p a, div.footer a, div.mainin a {
    color: #937600;
    }
    p a:visited, div.footer a:visited, div.mainin a:visited {
        color: #400808;
        }
    p a:hover, div.footer a:hover, div.mainin a:hover {
        color: #9c1313;
        }
p a, div.footer a {
    font-weight: bold;
    }
div.mainin div.parent_child_view_line div.parent_link {
    width: 9.5em;
    float: left;
    }
div.mainin div.parent_child_view_line div.child_link {
    width: 9em;
    text-align: right;
    float: right;
    }
div.mainin table th a, div.mainin div.pagination th a {
    color: #400808;
    }
    div.mainin table a:hover, div.mainin div.pagination a:hover {
        color: #9c1313;
        }
div.mainin div.pagination a {
    font-weight: normal;
    }
div.mainin .confirmation {
    font-weight: bold;
    color: #4b4b34;
    }
div.mainin .notification {
    font-weight: bold;
    color: #8d7415;
    }
div.mainin .error_message {
    font-weight: bold;
    color: #a60000;
    }
div.localnav em {
    color: #4b4b34;
    font-weight: bold;
}

/* No thanks, Firefox, I actually wanted forms to use the fonts I specified in the BODY. */
form input, form submit {
    font-family: "Verdana", "Trebuchet MS", "Lucida Sans", "Lucida", "Geneva", sans-serif;
    }

img.cc_badge {
    border-width: 0;
    float: left;
    margin: 7px 9px 3px 0;
}

/* Form on every page, in the top navigation area */
form.globalsearch {
    display: inline;
    font-size: 1.3em; /* 13px */
    line-height: 1.23em; /* 16px */
    margin-left: 1.23em; /* 16px */
    }
form.globalsearch select {
    color: #1f1f15;
    background-color: #f7f1da;
    }
form.globalsearch input {
    color: #1f1f15;
    background-color: #f7f1da;
    }
form.globalsearch input.gobtn {
    vertical-align: top;
    }

/* Forms in discussion left column */
form.find_topic_by_title input.topic_search {
    width: 132px;
    color: #1f1f15;
    background-color: #fffffa;
    padding: 1px;
    margin-bottom: .5em;
    }
form.find_topic_by_title input.search_button, form.parametric_search_posts input.search_button, div.jump_to_post form input.search_button, div.post_byline form input.forward_button, div.post_byline form input.reply_button, form.post_new_thread input.post_new_thread_button {
    border: 2px outset #f7f1da;
    color: #292918;
    background-color: #ded5b4;
    }
form.find_topic_by_title input.search_button, form.parametric_search_posts input.search_button {
/*  padding: 2px 7px;*/
    margin-left: 5em;
    }
div.jump_to_post form input.search_button, div.post_byline form input.forward_button, div.post_byline form input.reply_button {
    padding: 2px 7px;
    margin: 0px;
    }
form.parametric_search_posts input#keywords, form.parametric_search_posts input#author, form.parametric_search_posts input#from_date, form.parametric_search_posts input#to_date {
    color: #1f1f15;
    background-color: #fffffa;
    padding: 1px;
    margin-bottom: .2em;
    }
form.parametric_search_posts input#keywords, form.parametric_search_posts input#author {
    width: 132px;
    }
form.parametric_search_posts input#from_date, form.parametric_search_posts input#to_date {
    width: 132px; /* remove ~3em to leave enough room for a date picker */
    }
form.parametric_search_posts input.search_button {
    margin-top: .5em;
    }


/* Forms in main content area */
div.mainin form {
    padding: 16px;
    background-color: #faf8ed; /* was #fcfcf7; but field edges were hard to see */
    border-right: solid #dbd5c1 2px;
    border-bottom: solid #dbd5c1 2px; /* was #bfbaa8, became #dbd5c1  */
    border-left: solid #f1ebd5 1px; /* was f1ebd5, ece6d0 */
    border-top: solid #f1ebd5 1px;
    margin-bottom: 1em;
    }
    div.mainin div.post_byline {
        margin-bottom: 1.5em;
        }
    div.mainin div.parent_child_view_line {
        margin-bottom: 1em;
        }
        div.mainin div.jump_to_post form, div.mainin div.post_byline form, div.mainin form.post_new_thread {
            padding: 0;
            background-color: inherit;
            border: 0;
            margin-bottom: 0;
            }
            div.mainin div.jump_to_post form {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: .5em;
                text-align: center;
                }
            div.mainin div.post_byline div.action_buttons {
                float: right;
                }
            div.mainin div.post_byline div.action_buttons form {
                display: inline;
                vertical-align: bottom;
                }
            div.mainin div.jump_to_post form input.post_sequence_number {
                width: 3em;
                text-align: right;
                }
    div.mainin div.parent_child_view_line div.change_post_view {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        }
    div.mainin div.parent_child_view_line div.change_post_view a {
        }
    div.mainin form fieldset {
        border: none;
        }
    div.mainin form legend { /* should look the same as div.mainin h2 */
        font-size: 1.25em; /* 16px */
        line-height: 1.25em; /* 20px */
        color: #4b4b34;
        margin: 0;
        padding-bottom: 1.25em; /* instead of margin-bottom, for Safari */
        font-weight: bold; /* implied in H3, explicit here*/
        }
    div.mainin form div.formrow {
        text-align: left;
        margin-bottom: 1em;
        }
    div.mainin form div.longrow {
        margin: 0 0 0 12.5em;
        padding-bottom: 1em;
        }
    div.mainin form div.radio {
        margin: 0 0 0 12.5em;
        }
    div.mainin form div.radio_first {
        margin-bottom: 0px;
        }
    div.mainin form div.formrow label, div.mainin form div.formrow span.captcha_label {
        display: block;
        float: left;
        text-align: right;
        margin-right: .5em;
        width: 12em;
        margin-bottom: .5em;
        font-weight: bold;
        }
        div.mainin form div.longrow label {
            float: none;
            display: inline;
            line-height: 1em;
            margin-left: 1em;
            font-weight: bold;
            }
        div.mainin form fieldset#signin div.formrow label {
            width: 8em;
            }
    div.mainin form div label.wide {
        display: block;
        text-align: left;
        margin: 0;
        font-weight: bold;
        float: none;
        }
    div.mainin form fieldset#change_password div.formrow label {
        width: 15em;
        }
    div.mainin form div.captcha_question, div.mainin form div.current_email_address {
        margin-bottom: 0;
        }
        div.mainin form div.captcha_question span.captcha_text {
            font-style: italic;
        }
    div.mainin form div.captcha_answer {
        margin-bottom: 2em;
        padding-top: 3px;
        margin-left: 12.5em;
        }
    div.mainin form div.captcha_question span.captcha_label {
        margin-bottom: 2px;
        }
    div.mainin form span.hint {
        display: block;
        margin-top: 6px;
        }
    div.mainin form div.submit label {
        padding-top: .3em;
        }
    div.mainin form div.submit {
        margin-bottom: 1em;
        }
    div.mainin form input, div.mainin form textarea {
        color: #1f1f15; /* was #3d3d2a;*/
        background-color: #fffffa;
        padding: 1px;
        }
        div.mainin form div.fieldWithErrors {
            display: inline;
            }
        div.mainin form div.errorExplanation {
            margin-left: 2em;
            color: #a60000;
            font-weight: bold;
            }
            div.mainin form div.errorExplanation h4 {
                font-weight: normal;
                margin-bottom: 1em;
                }
            div.mainin form div.errorExplanation p {
                margin-bottom: 0em;
                padding-bottom: 0;
                }
            div.mainin form div.errorExplanation ul {
                margin: 0;
                padding: 0 0 2em 1.33em;
                }
        div.mainin form div.formError {
            color: #a60000;
            font-weight: bold;
            margin-left: 12.5em;
            }
        div.mainin form div.fieldWithErrors input {
            background-color: #f8cdc4;
            color: #400;
            font-weight: bold;
            }
        div.mainin form div.longrow input {
            text-align: left;
            float: left;
            }
        div.mainin form input.button {
            border: 3px outset #fffffa;
            color: #fffffa;
            font-size: 1.083em; /* 13px */
            font-weight: bold;
            padding: 2px 7px;
            background-color: #821010; /* #3e0808; */
            }
        div.mainin form div.nolabel input.button {
            margin-left: 12.5em;
            }
        div.mainin form fieldset#signin div.nolabel input.button {
            margin-left: 8em;
            }
        div.mainin form fieldset#change_password div.nolabel input.button {
            margin-left: 14em;
            }
    div.mainin form textarea {
            font-size: 1.238em;
            line-height: 1.25em; 
            }