/* @override http://david.quickcrew.springload.co.nz/css/homepage.css */

/*********************
 * Homepage Styles and Over-rides
 ********************/

html {
    overflow: auto;
    height: 100%;
}

body {
    background: #4d4d4d;
    height: 100%;
}

.sticky_footer_top { 
    position: relative; 
    min-height: 100%; 
} 
* html .sticky_footer_top { 
    height: 100%; 
} 

#footer {
    margin-top: -60px;
    position: relative;
    z-index: 100;
}

#content {
    margin: 0 48px;
    position: relative;
    min-height: 351px;
    padding-top: 10px !important;
}

.container {
    background: #fff url(/images/bg-content.png) repeat-x left bottom;
    border-top: 5px solid #a2d182;
}

/*
=header
---------------------------------------------- */

#homepage_header {
    margin: 28px 0 35px 48px;
    font-family: georgia, times, serif;
    font-weight: normal;
    position: relative;
    width: 920px;
}

#homepage_header span.date {
    font-weight: normal;
    color: #666;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -8px;
    left: 6px;
}

#hopepage_header form#loginForm {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
}

#homepage_header form#loginForm {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

#homepage_header form#loginForm div.button_block {
    width: auto;
}

#homepage_header form#loginForm label {display: block;}

#homepage_header form#loginForm div.button_block label {display: inline;}

div.home_username {
    float: left;
    margin-right: 8px;
}

div.home_password {
    float: right;
    background: transparent url('/images/secure.gif') no-repeat 100% 0;
}

div.home_username input,
div.home_password input {
    background: transparent url('/images/input-bg.png') no-repeat 0 0;
    border: none;
    width: 136px;
    height: 13px;
    font-size: 11px;
    margin-top: 3px;
    padding: 3px 5px;
}

div.home_username input:focus,
div.home_password input:focus {
    background-position: 0 100%;
}

div.button_block {clear: both;}
div.button_block span.remember {float: left; margin-right: 6px;}
div.button_block .checkbox {margin-top: 0; position: relative; top: 0; margin-left: 0; margin-right: 4px;}

/******** not logged in template *********/

.header {
    background: transparent url(/images/header-shadow.png) repeat-x scroll left bottom;
    height: 48px;
    padding: 13px 44px 0;
}

.header a.home_link {
    display: inline-block;
    position: relative;
    top: 5px;
    left: -5px;
}

.header a.home_link + a {
    font-style: italic;
    font-family: georgia,times,serif;
    font-size: 13px;   
}


/*
=intro
---------------------------------------------- */
div.feedback {
    margin: 10px 48px;
}

img.preview_screenshot {
    position: absolute;
    bottom: 0;
    left: 2px;
}

div.controls a.previous {
    position: absolute;
    top: 0px;
    width: 10px;
    height: 11px;
    left: -3px;
    background: transparent url('/images/button-home-still-prev.gif') no-repeat 3px 3px;
    padding: 3px;
}

div.controls a.next {
    position: absolute;
    right: -3px;
    top: 0;
    width: 10px;
    height: 11px;
    background: transparent url('/images/button-home-still-next.gif') no-repeat 3px 3px;
    padding: 3px;
}

div.controls a.previous:hover, div.controls a.next:hover {
    background-position: 3px -17px;
}

div.home_intro {
    width: 440px;
    float: right;
    margin: 30px 30px 0 0;
    position: relative;
    z-index: 5;
}

div.home_intro p.members {
    font-family: georgia, times, serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
    margin-bottom: 18px;
    position: relative;
    top: -4px;
}

div.home_intro p.members span {
    font-size: 24px;
    color: #71a54a;
}

div.home_intro p.shout {
    font-family: georgia, times, serif;
    font-size: 22px;
    font-style: italic;
    color: #333;
    line-height: 36px;
}

div.home_intro a.sign_up span {
    position: absolute;
    left: -999em;
}

div.home_intro p.not_local {
    font-family: georgia, times, serif;
    margin: 20px 0 6px;
    font-size: 16px;
    font-style: italic;
    color: #999;
}

div.home_intro .homepage_buttons a img, .middle_word {
    display: block;
    float: left;
    height: 45px;
    margin-right: 10px;
}

.middle_word {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 10px;
    color: #333;
}



/*
=quicklinks
---------------------------------------------- */

div#quicklinks {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-bottom: 5px solid #a2d182;
    padding: 18px 0 24px 48px;
    margin-top: 20px;
    min-width: 920px;
}

div#quicklinks ul {
    margin: 0;
    padding: 0;
    width: 920px;
}

div#quicklinks ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 276px;
    margin-left: 46px;
}

div#quicklinks ul li.first {margin-left: 0;}

div#quicklinks ul li h2 {
    color: #71a54a;
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    margin: 0 0 0.4em;
}

div#quicklinks ul li p {
    color: #666;
    line-height: 20px;
}

div#quicklinks ul li a {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
}




/*
=home footer
---------------------------------------------- */

div#home_footer {
    background: #4d4d4d url('/images/home-footer-bg.png') repeat-x 0 0;
    padding: 20px 0 74px 48px;
    line-height: 20px;
    color: #999;
    min-width: 920px;
}

div#home_footer .content_wrapper {width: 940px;}

div#home_footer ul {
    list-style-type: none;   
    margin: 0;
    padding: 0;
}

div#home_footer ul li {
    float: left;
    width: 200px;
    background: #4b4b4b url(/images/bg-footer-li.png) repeat-x left top;
    margin-right: 20px;
    padding: 10px;
}


div#home_footer ul li.last {
    margin-right: 0;
}

div#home_footer ul ul li{
    float: none;
    background-image: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 1px;
}

div#home_footer ul ul li a {
    color: #ccc;
    font-size: 13px;
}

div#home_footer h2 {
    color: #bee8a1;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    border: none;
    margin: 0 0 2px 0;
    padding: 0;
}

div#home_footer input {
    width: 300px;
    height: 20px;
    border: 1px solid #ccc;
}

a.subscribe_button img {
    margin: 12px 0;
}

a.subscribe_button span {
    position: absolute;
    left: -999em;
}

/*
=not logged in pages
-----------------------------------------------------*/

#content.not_logged_in {
    margin-left: 40px;
}

#content.not_logged_in h2:first-child, #content.not_logged_in h1:first-child {
    margin: 0 -4px 13px;
    padding-left: 4px; 
    color: #333;
}

#content.not_logged_in h3 {
    font-size: 16px;
    color: #4f4f4f;
}


/* Signup page */
ul.signup_options {
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    width: 617px;
}

ul.signup_options li {margin: 10px 0;}

ul.signup_options a {
    display: block;
    font-size: 14px;
    background: transparent url(/images/bg-signup-options.png) no-repeat left -59px;
    height: 33px;
    padding: 16px 47px 0;
}


ul.signup_options a:hover {
    text-decoration: none;
    background-position: left top;
}

fieldset {
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
    margin: 0 0 30px;
}

ul.signup_options a span {
    color: #000;
    font-weight: bold;
}

form.formstyle {
    margin-top: 29px; 
}

#content.not_logged_in div.feedback {
    margin: 0 0 30px;
}

/*** video ***/