/* Main: =Structure {{{1
============================================================================ */

html,
body {
    font-family: Verdana,Trebuchet MS,Arial,sans-serif;
    background-color: #000; }

#container {
    position: relative; width: 800px; margin: 0 auto; overflow: hidden;
    font-family: Georgia,Times New Roman,Times,serif;
    background-color: #fff; }

#branding h1,
#navigation h2 {
    text-indent: -99999em; }

#branding { }

    #branding h1 a {
        display: block; width: 800px; height: 185px;
        position: relative; z-index: 50; 
        border-bottom: solid 48px #000;
        background: url('/static/img/branding.png') no-repeat top left; }

#content {
    overflow: hidden; width: 780px; margin: 0 auto; }

body.index #content { width: 800px; }


    #content h2 {
        color: gray;
        border-bottom: 2px solid gray; }

#navigation {
    height: 104px; border-bottom: 1px solid gray;
    background: url("/static/img/nav-supp.png") no-repeat right bottom; }

    #navigation ul { list-style-type: none; margin: 0; }
    #navigation ul li a { text-decoration: none; }

    #nav-main {
        position: absolute; z-index: 100; top: 180px; right: 40px;
        font-variant: small-caps; }

        #nav-main li {
            text-indent: 40px; float: left; width: 9em; height: 43px; line-height: 43px;
            background: url('/static/img/dropcap-letters.png') no-repeat left top; }

        #nav-main #nav-home { background-position: 0px 0px; }
        #nav-main #nav-products { background-position: 0px -75px; }
        #nav-main #nav-about { background-position: 0px -150px; }
        #nav-main #nav-contact { background-position: 0px -222px; }

        #nav-main li a {
            color: #fff; font-size: 1.2em; line-height: 35px; }

        #nav-main li a:hover {
            font-size: 1.5em; position: relative; left: -0.2em; }

/* Misc: =Specific styles {{{1
============================================================================ */

body.index #content h2 {
    height: 236px; text-indent: -99999em;
    background: url('/static/img/masts/index.jpg') no-repeat top left; }
body.index #content h2 a { display: block; height: 236px; }
body.index #content p {
    width: 40em; font-size: small; margin-left: 2em; }

body.products #content h2 { background-image: url('/static/img/masts/collections.jpg'); }
body.products #content ul {
    list-style-type: none; margin-left: 0; padding-right: 500px; text-align: right;
    background: url('/static/img/collections.png') no-repeat right 500px; }
body.products #content a {
    color: #545454; text-decoration: none;
    font: small-caps 1.1em/2.2em Georgia,Times New Roman,Times,serif; }
body.products #content a:hover { color: #ac8c39; }
/*
body.products #content #presidential { background-position: 0px -2000px; }
body.products #content #vega { background-position: 0px -2400px; }
body.products #content #the-masters { background-position: 0px -800px; }
body.products #content #sierra { background-position: 0px -1200px; }
body.products #content #ancient-world { background-position: 0px -3600px; }
body.products #content #titan { background-position: 0px -4000px; }
body.products #content #mundial { background-position: 0px -1600px; }
body.products #content #e-granite { background-position: 0px -2800px; }
body.products #content #master-chef { background-position: 0px -400px; }
*/

body.product-detail h3,
body.product-list h3 {
    clear: left; border-top: 2px solid gray; padding-top: 1em; }

body.product-detail dl,
body.product-list dl {
    width: 240px; height: 450px; overflow: hidden;
    float: left; margin: 0 5px 3em; }

body.product-detail dt,
body.product-list dt {
    color: #666; }

body.product-detail dd,
body.product-list dd {
    margin-left: 0; font-size: 10px; }

.collections a {
    text-decoration: none; color: #000; }

.collections a:hover { color: #545454; }

/* Forms =Generic styles {{{1
============================================================================ */

dl.form-align { overflow: hidden; margin-bottom: 0; }
dl.form-align dt {
    width: 25%; float: left; margin: 0 0 1em; padding: 0 0.3em; text-align: right;
    clear: left; font-weight: normal; display: inline; }
dl.form-align dd {
    width: 70%; float: left; margin: 0; padding: 0.3em; display: inline; }
dl.form-align select { margin: 0; } /* undo blueprint default */
dl.form-align .addtl-detail {
    margin-bottom: 0; padding-bottom: 0; padding-top: 0.3em; }
dl.form-align p.help-text { margin-bottom: 0; }
dl.form-align .addtl-detail input { margin-left: 0; }