/*

    WORKSHOP Framework
    -------------------------------

    @file       style.css
    @version    0.0.1b
    @date       2009-06-01 11:15:56 -0400 (Mon, 1 Jun 2009)
    @author     Josh Stewart <josh@workshoplovesyou.com>

    Copyright (c) 2009 WORKSHOP <http://workshoplovesyou.com>
    Based off of the Zen theme for Drupal


    light green = #5C9F20
    light green (80%) = #7CB34D
    dark green = #4C8818
    
    dark grey (80%) = #333333
    medium grey (60%) = #666666
    light grey (20%) = #CCCCCC

*/

/* ========= */
/* ! RESET   */
/* ========= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,dl,dt,dd,ul,li,form,label,legend,caption,tbody,tfoot,thead,tr,th,td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    line-height:1;
    }

:focus {
    outline:0;
    }

table {
    border-collapse:collapse;
    border-spacing:0;
    }

/* ========== */    
/* ! LAYOUT   */
/* ========== */

body {
    background-color: #7CB34D;
    min-width: 960px;
    padding-bottom: 20px;
    }

#page {
    margin:0 auto;
    width:990px;
    background: url(/inv/img/bkg-tall.png) bottom center no-repeat #ffffff;
    }

#header {
    margin: 0 65px 25px;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    }

#main {
    position:relative;
    }

#content {
    float:left;
    width:460px;
    margin-left:65px;
    margin-right:-525px;/* Negative value of #content's width + left margin. */
    padding:0;/* DO NOT CHANGE. Add padding or margin to #content-inner. */
    }

#content-wide {
    float:left;
    width:760px;
    margin-left:65px;
    margin-right:-225px;/* Negative value of #content's width + left margin. */
    padding:0;/* DO NOT CHANGE. Add padding or margin to #content-inner. */
    }

#sidebar {
    float:left;
    width:300px;
    margin-left:625px;/* Width of content + sidebar-left. */
    margin-right:-760px;/* Negative value of #sidebar-right's width + left margin. */
    padding:0;/* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
    }

#footer {
    float: left;
    clear:left;
    margin-left: 65px;
    border-top: 1px solid #CCCCCC;
    width: 860px;
    }

#login {
    position: absolute;
    right: 0px;
    bottom: 35px;
    }

.node {
    border-top: 1px solid #CCCCCC;
    overflow: auto;
    clear: both;
    margin: 20px 0;
    }

/** Prevent overflowing content **/
#header,#content,#sidebar-left,#sidebar-right,#footer {
    overflow:visible;
    word-wrap:break-word;/* A very nice CSS3 property */
    }

/* If a div.clear-block doesn't have any content after it, Firefox and Safari
will mistakenly place several pixels worth of space between the bottom of
the div and the bottom of the viewport. This fixes it. */
#page {
    overflow-y:hidden;/* CSS3 property */
    }
    
/* ============== */    
/* ! TYPOGRAPHY   */
/* ============== */
/*
*   http://www.alistapart.com/articles/howtosizetextincss
*
* All modern browsrs use a 16px default font size. Specifying the font-size
* and line-height in ems (relative to the 16px default font) allows the user
* to resize the font in the browser and produces the most consistent results
* across different browsers.
*/

body {
    font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
    }

#page {
    font-size: 1em; /* 16px x 1 = 16px */
    }

body, caption, th, td, input, textarea, select, option, legend, fieldset {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #333333;
    }

pre, code {
    font-size: 1.1em; /* Monospace fonts can be hard to read */
    font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
    }

h1 {
    font-size: 2em;
    font-weight: normal;
    color: #4C8818;
    margin-bottom: .375em;
    /* margin-top: 0; */
    /* margin-bottom: 0.5em; */ /* 0.5em is equavalent to 1em in the page's base font.
                         Remember, a margin specified in ems is relative to
                         the element's font-size, not to the pages' base
                         font size. So, for example, if we want a 1em margin
                         (relative to the base font), we have to divide that
                         length by the element's font-size:
                         1em / 2em = 0.5em */
    }

h2 {
    font-size: 2em; /* 16px x 2 = 32px */
    line-height: 1.3em;
    font-weight: normal;
    margin-top: .5625em;  /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
    /* margin-bottom: 0.667em; */
    }

    #sidebar h2 {
        padding: 0;
        font-size: 1.5em;
        margin: 0;
        }

.faqqhead {
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: bold;
    margin-top: 0.769em; 
    margin-bottom: 0.769em; 
    }

.faqqhead a {
        text-decoration: none;
}

h3 {
    font-size: 1.125em;
    line-height: 1.333em;
    font-weight: normal;
    margin-top: 0.769em; 
    }

h3 a {
        text-decoration: none;
}

h4, h5, h6 {
    font-size: .75em;
    line-height: 2em;
    font-weight: normal;
    }

ul, ol, dl, pre, table, fieldset, blockquote {
    margin: 1em 0;
    }

ul {
    list-style:none;
    }

p {
    font-size: 1em; /* 16px x 1 = 16px */
    line-height: 1.5em; /* 16px x 1.5 = 24px */
    margin-bottom: 1.125em; /* 16px x 1.125 = 18px */
    }   

    p.pricing {
        color: #666666;
        font-style: italic;
        font-size: 1.5em; /* 16px x 1.5 = 24px */
        margin-bottom: 10px;
        }
    
    span.intro {
        color: #4C8818;
        font-size: 2em; /* 16px x 2 = 32px */
        line-height: 1.225em;
        margin-bottom: 45px;
        }
    
    span.introsub {
        /*color: #4C8818;*/
        color: #333333;
        font-size: 1.0em; /* 16px x 2 = 32px */
        line-height: 1.2em;
        font-style: italic;
        }
    
    p.categories a {
        color: #666666;
        }
    
    p.legal {
        margin: 40px 0;
        font-style: italic;
        color: #666666;
        }

h1#site-name,
div#site-name {
    font-size: 3.43em;
    font-weight: normal;
    font-style: italic;
    margin: 25px 0;
    line-height: 1.3em;
    }

    h1#site-name a,
    div#site-name a {
        text-decoration: none;
        color: #333333;
        }

span.helper {
    font-size: .75em;
    }

#footer {
    font-size: .75em; /* 16px x .75 = 12px */
    color: #666666;
    text-align: right;
    padding: 10px 0 30px 0;
    }

    #footer a {
        margin-right: 2.5em;
        color: #666666;
        text-decoration: none;
        float: left;    
        }

#search-box {
    display: block;
    padding: 20px 0 10px 0;
    clear: both;
    }

    form.search,
    #register-box {
        background-color: #CCCCCC;
        padding: 10px;
        position: relative;
        }

input {
    height: 22px;
    padding: 5px;
    font-size: 1em; /* 16px x 1 = 16px */
    margin: 0 10px 0 0;
    border: 1px solid #666666;
    }
            
    input#keyword {
        width: 268px;
        }

        body.home input#keyword {
            width: 184px;
            }

    <!--input.submit {
        padding: 0;
        border: none;
        height: auto;
        width: auto;
    }  -->

    input#basicsubmit {

        height: auto;
        padding: 0;
        border: 1px solid #666666;
        width: auto;
        font-weight:normal;
        font-size:1em;
        
    }

    input#buttonsearch {
        background:transparent url(/inv/img/button-search.png) no-repeat scroll 0 0;
        border: none;
        cursor:pointer;
        height:34px;
        margin-top:0;
        padding:0;
        width:74px;
        position: static;
        }

    input#buttonlogin {
        background:transparent url(/inv/img/button-login.png) no-repeat scroll 0 0;
        border: none;
        cursor:pointer;
        height:34px;
        margin-top:0;
        padding:0;
        width:74px;
        position: static;
        }

    #buttoncreate {
        background:transparent url(/inv/img/button-create.png) no-repeat scroll 0 0;
        border: none;
        cursor:pointer;
        height:34px;
        margin-top:0;
        padding:0;
        width:88x;
        position: static;
        }

    input#buttonregister {
        background:transparent url(/inv/img/button-register.png) no-repeat scroll 0 0;
        border: none;
        cursor:pointer;
        height:34px;
        margin-top:0;
        padding:0;
        width:88px;
        position: static;
    }

    input#days {
        width: 30px;
        margin: 0 5px;
        }

    body.home input#buttonsearch {
        position: absolute;
        bottom: 10px;
        right: 0;
        }
    body.reg input#buttonregister {
        position: absolute;
        bottom: 10px;
        right: 0;
        }
    body.post input#buttoncreate {
        position: absolute;
        bottom: 10px;
        right: 0;
        }
    body.asearch input#buttonsearch {
        position: relative;
        bottom: 10px;
        right: 0;
        }
        
select {
    width: 280px;
    font-size: 1em; /* 16px x 1 = 16px */
    }
                
label {
    display: block;
    padding-bottom: 5px;
    }

#search-box form.search ul li {
    border-top:1px solid #666666;
    margin-top: 10px;
    padding-top: 10px;
    }
        
body.login #content ul li {
    margin-top: 10px;
    padding-top: 10px;
    }       

body.login #content ul li input {
    width: 300px;
    }
        
#sidebar ul {
    padding: 0;
    margin: 0;
    }

#sidebar ul li {
    border-top: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    }

#login {
    font-size: .75em;
    line-height: 2em;
    }

body.psearch #content ul li {
    border-top: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
    }

/* ========= */
/* ! LINKS   */
/* ========= */

a:link {
    color: #4C8818;
    }

a:visited {
    color: #4C8818;
    }

a:hover, a:focus {
    }

a:active {
    }

element {
    color: #5c9f20;
    }

#sidebar a {
    color: #666666;
    }

#sidebar ul li a {
    color: #4C8818;
    }

/* =========== */
/* ! BUTTONS   */
/* =========== */

#create {
    display: block;
    width: 300px;
    height: 34px;
    background:url(/inv/img/button-create.png) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    }

    #create a {
        display:block;
        width:100%;
        height:100%;
        }
      
        #create a:hover {
            background:url(/inv/img/button-create.png) no-repeat 0 -34px;
            }
        
.start {
    display: block;
    width: 109px;
    height: 34px;
    background:url(/inv/img/button-start.png) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    }

    .start a {
        display:block;
        width:100%;
        height:100%;
        }
      
        .start a:hover {
            background:url(/inv/img/button-start.png) no-repeat 0 -34px;
            }
            
.register {
    display: block;
    width: 88px;
    height: 34px;
    background:url(/inv/img/button-register.png) no-repeat 0 0;
    text-indent: -10000px;
    float: left;
    z-index: 100;
    }

    .register a {
        display:block;
        width:100%;
        height:100%;
        }
      
        .register a:hover {
            background:url(/inv/img/button-register.png) no-repeat 0 -34px;
            }
            

#register-box ul li {
    overflow: auto;
    border-top:1px solid #666666;
    margin-top: 10px;
    padding-top: 0px;
    }   
    
    #register-box ul li h3 {
        margin:5px 0;
        }
    
#terms {
    width: 460px;
    height: 200px;
    display: block;
    overflow-y: scroll;
    border: 1px solid #666666;
    padding: 5px;
    }       

body.reg #content ul li {
    border-top:1px solid #666666;
    margin: 10px 0;
    overflow: auto;
    }

body.reg #content ul {
width: 650px; 
    }

body.reg #content ul li label {
    display: block;
    margin-top: 10px;
    }

body.reg #content ul li.primary input {
    width: 288px;
    }

body.reg #content ul li div {
    float: left;
    }

body.reg #content ul li input#state {
    width: 25px;
    }

body.reg #content ul li input#zip {
    width: 75px;
    }

div.check {
    clear: both;
    display: block;
    }

li.bump {
    padding-bottom: 10px;
}
    
div.last {
    margin-top: 10px;
}