/*
    Document   : main
    Created on : Apr 11, 2010, 6:17:48 PM
    Author     : Kettle Solutions, LLC
    Description:
        Revisions for new homepage / transversal design
*/


/* LAYOUT */
div#main, div.content {
    width:940px;
    padding-top:1px;
}

#notice, #login-notice {
    position:absolute;
}

div.left-column-group,
div.right-column {
    width:220px;
    overflow-x:hidden;
    margin:0 0 0 0;
    margin-right:0px;
}

div.new-side-nav-item {

    position:relative;
    border:1px solid #d4d3cd;
    width:100%;
    width:218px;
    margin-bottom:15px;

}
div.new-side-nav-item h2 {
    background-color:#f0eee8;
    margin-top:1px;
    font-size:18px;
    color:#272a2b;
    padding:10px 16px 10px 16px;
}
div.new-side-nav-item ul li a {
    font-size:12px;
    color:#999999;
    text-decoration:none;
}
div.new-side-nav-item ul li a:hover {
    color:#666666;
}
div.new-side-nav-item ul li {
    padding-bottom:18px;
    border-bottom:1px dotted #d4d3cd;
    margin-top:12px;
}
div.new-side-nav-item ul li.last {
    border-bottom:none;
}
div.new-side-nav-item ul {
    width:180px;
    margin-left:16px;
}


div#login_unit {

    width:219px;
    margin-top:-9px;
    position:relative;
    margin-bottom:15px;
}
div#login_unit div.login_form_wrapper input.input1 {
    background-color:transparent;
    border:none;
    width:178px;
    height:30px;
    position:absolute;
    padding:0 5px;
    color:#666666;
}
div#login_unit div.login_form_wrapper input.input2 {
    position:absolute;
    width:190px;
    height:30px;
    top:190px;
    left:15px;
    background-color:transparent;
    text-indent:-99999em;
    border:none;
    cursor:pointer;
}
input#email {
    top:88px;
    left:16px;
}
input#password {
    top:147px;
    left:16px;
}
div#login_unit div.login_form_wrapper p.forgot-password {
    position:absolute;
    color:#8d8c88;
    font-size:11px;
    top:121px;
    left:165px;
}
div#login_unit div.login_form_wrapper p.forgot-password a {
    color:#8d8c88;
}
div#login_unit div#bu {
    position:relative;
    width:220px;
    z-index:10;
}
div.login_form_wrapper {
    width:219px;
    height:379px;
    background-image:url(/images/new/login_background.gif);
}
div.login_form_wrapper.logged {
    background-image:url(/images/new/login_background_logged.gif);
    width:219px;
    height:261px;
}
a#login_link_join {
    display:block;
    text-indent:-99999em;
    width:190px;
    height:30px;
    position:absolute;
    top: 320px;
    left:14px;
}
/* END LAYOUT */

/* NEW HOMEPAGE */
div#new_hp {
    width:720px;
}
div#new_hp h1.new {
    font-size:32px;
    color:#272a2b;
    margin:30px 0 24px 8px;
}
div#new_hp h2.new {
    clear:both;
    font-size:17px;
    color:#ffffff;
    background-image:url(/images/new/banner_background.gif);
    width:688px;
    height:33px;
    margin-top:40px;
    text-transform:none;
    padding:7px 0 0 10px;
}
div#new_hp h1.new cufon { z-index:-10; }
div#new_hp h1 span { color:#f56620; }
div#callout {
    position:relative;
}
div#callout a {
    font-size:12px;
    color:#151616;
    text-decoration:none;
    text-align:center;
    padding:168px 24px 0 24px;
    display:block;
    position:relative;
    float:left;
    width:172px;
    height:70px;
    margin-right:18px;
    background-image:url(/images/new/callout_background.gif);
    cursor:default;
}
div#callout a.middle {
    background-position:-220px 0;
}
div#callout a.last {
    margin-right:0;
    background-position:-440px 0;
}

div.homepage_vignette {
    border:1px solid #d4d3cd;
    width:698px;
    position:relative;
    margin-bottom:24px;
    background-color:transparent;
}
div#howitworks a.tab {
    display:block;
    text-indent:-99999em;
    position:relative;
    float:left;
    width:349px;
    height:47px;
    background-image:url(/images/new/how_it_works_tabs.gif);
}
div#howitworks a.tab.powered { background-position:0 -47px; }
div#howitworks a#powered { background-position:-349px 0; }
div#howitworks a#powered.powered { background-position:-349px -47px; }
div#needs_howitworks {
    background-image:url(/images/new/how_it_works_left.gif);
    height:616px;
    width:698px;
}
div#needs_howitworks a.howitworks_moreinfo {
    display:block;
    position:absolute;
    text-indent:-999em;
    top:212px;
    left:130px;
    width:70px;
    height:20px;
}
div#powered_howitworks {
    background-image:url(/images/new/how_it_works_right.gif);
    height:759px; display:none;
    width:698px;
}

div#past_matches {
    position:absolute;
    width:312px;
    top:84px;
    left:370px;
}

div#past_matches h3.new,
div#enlist_the_team h3.new {
    color:#272a2b;
    font-size:19px;
    margin-bottom:10px;
}
div#past_matches li {
    background-image:url(/images/new/bullet_arrow.gif);
    background-repeat:no-repeat;
    padding:8px 15px 8px 33px;
    border-top:1px solid #d6f3f8;
    color:#272a2b;
    font-size:13px;
}
div#past_matches li.last { border-bottom:1px solid #d6f3f8; }
div#past_matches li em { font-style:italic; }
div.homepage_vignette a.apply {
    display:block;
    width:310px;
    height:42px;
    background-image:url(/images/new/apply_beta.gif);
    margin-top:10px;
    text-indent:-99999em;
}
div#enlist_the_team {
    position:absolute;
    width:290px;
    top:84px;
    left:17px;
}
div.homepage_vignette a.contact_us {
    display:block;
    width:310px;
    height:42px;
    background-image:url(/images/new/contact_us_blue.gif);
    margin-top:10px;
    text-indent:-99999em;
}
div#enlist_the_team p {
    font-size:13px;
    margin-bottom:1.5em;
    /*line-height:22px;*/
}
div#enlist_the_team p.last { margin-bottom:2.5em; }
div#enlist_the_team h3.new { margin-bottom:1em; }

div.homepage_vignette p.introduction {
    color:#272a2b;
    font-size:13px;
    padding:23px 50px 21px 80px;
    background-image:url(/images/new/intro_bg.gif);
    background-repeat:no-repeat;
    border-bottom:1px solid #d4d3cd;
}

div#protect_maintain {
    height:310px;
    background-image:url(/images/new/powered_by_option.gif);
}

div.homepage_vignette a.powered_by_il {
    display:block;
    height:20px;
    width:184px;
    position:absolute;
    top:261px;
    left:287px;
    text-indent:-99999em;
}

div#still_questions {
    width:700px;
    height:194px;
    position:relative;
    margin-top:-30px;
    background-image:url(/images/new/questions.gif);
}
div#still_questions a {
    display:block;
    position:absolute;
    text-indent:-99999em;
}
div#still_questions a#faq_section {
    width:90px;
    height:20px;
    top:130px;
    left:190px;
}
div#still_questions a#apply_beta_today {
    width:310px;
    height:44px;
    top:40px;
    left:368px;
}
/* END NEW HOMEPAGE */






/* TRANSVERSAL ELEMENTS */
/* HEADER */
div#header {
    width:100%;
    height:111px;
    background-image:url(/images/new/header_background.gif);
    background-repeat:repeat-x;
    position:relative;
    z-index: 5;
}
div#header_container {
    position:relative;
    width:940px;
    margin:0px auto;
}
div#header_container h1 {
    position:absolute;
    top:0px;
    left:0px;
    width:166px;
    height:128px;
    background-image:url(/images/new/logo.png);
}
div#header_container ul.primary {
    position:absolute;
    top:30px;
    left:223px;
    float:left;
    height:80px;
}
div#header_container ul.primary li {
    position:relative;
    float:left;
    height:80px;
    background-image:url(/images/new/navigation.gif);
}
div#header_container ul.primary li a,
div#header_container ul.secondary li a
{
    display:block;
    text-indent:-99999em;
    width:100%;
    height:100%;
}
li#primary_1 {
    width:161px;
    background-position:0 0;
}
li#primary_2 {
    width:158px;
    background-position:-161px 0;
}
li#primary_3 {
    width:162px;
    background-position:-319px 0;
}
ul.secondary {
    position:absolute;
    top:73px;
    left:775px;
    height:19px;
}
ul.secondary li {
    position:relative;
    float:left;
    height:19px;
    background-image:url(/images/new/secondary_navigation.gif);
    background-repeat:no-repeat;
    width:70px;
}
ul.secondary li.last {
    width:94px;
    background-position:-70px 0;
}
div#new_subnav {
    display:none;
    position:absolute;
    background-image:url(/images/new/post_dropdown.gif);
    width:158px;
    height:215px;
    top:30px;
    left:384px;
}
div#new_subnav a {
    position:absolute;
    display:block;
    width:123px;
    height:16px;
    left:9px;
    font-size:18px;
    text-decoration:none;
    color:#fff;
    padding:10px 8px;
}
div#new_subnav a:hover { background-image:url(/images/new/post_dropdown_hover.gif); }
div#new_subnav a#new_subnav_idea { top:82px; }
div#new_subnav a#new_subnav_brief { top:119px; }
div#new_subnav a#new_subnav_job { top:156px; }

div#header_container h1 a {
    display:block;
    width:100%;
    height:100%;
    text-indent:-99999em;
}

div.header_links {
    position:absolute;
    width:100%;
    left:0px;
    top:7px;
    text-align:right;
}
div.header_links a {
    margin-left:25px;
    font-size:12px;
    text-transform:uppercase;
    text-decoration:none;
    color:#62615f;

}
div.header_links a.join {
    color:#00b9cd;
    margin-right:4px;
}
div.header_links.admin a {
    margin-left:5px;
    font-size:10px;
    text-transform:uppercase;
    text-decoration:none;
    color:#62615f;
}
/* END HEADER */


/* FOOTER */
div#footer {
    width:100%;
    height:77px;
    background-image:url(/images/new/footer_background.gif);
    background-repeat:repeat-x;
    background-color:#e2e1df;
    clear:both;
}
div#footer ul {
    width:940px;
    margin:20px auto;
}
div#footer ul {
    width:940px;
    margin:0 auto;
    padding-top:20px;
}
div#footer ul li {
    position:relative;
    float:left;
    font-size:12px;
    margin-right:7px;
}
div#footer ul li a {
    color:#4d4d4b;
    text-decoration:none;
}
div#footer p {
    width:940px;
    margin:0 auto;
    padding-top:6px;
    clear:both;
    color:#4d4d4b;
    font-size:11px;
}