/* 
    Document   : footerfloat.css
    Created on : Feb 6, 2009, 12:26:04 PM
    Author     : Incendia
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#footerfloat-background {
    background: url('http://cdn.gossipgirls.com/gossipgirls_cdn/footer/assets/bg_new_2.png') 30px 110% repeat-x;
    display: block;
    position:fixed;
    width:100%;
    left:0px;
    bottom:0px;
    z-index:20;
}

#footerfloat-container {
    font-family:Arial;
    background:transparent;
    color:#fff;
    border:none;
    font-size:12px;
    text-align:center;
    margin:0px auto;
    width:1200px;
    height:130px;
    /* margin:-130px auto 0; */
}

#footerfloat-content {
    margin:0px auto;
    margin-top:30px;
    padding-top:30px;
    background:transparent;
    height:100px;
    width:980px;
}

#footerfloat-content .f_share,
#footerfloat-content .f_signup,
#footerfloat-content .f_advertise {
    display:inline;
    float:left;
    margin-top:3px;
    margin-bottom:3px;
    padding:6px;
    text-align:center;
    height:60px;
    min-height:60px;
    _height:90px;
    _min-height:90px;
    _overflow-y:hidden;

}

#footerfloat-content .f_share,
#footerfloat-content .f_signup {
    border-right:1px solid white;
    width:340px;
}

#footerfloat-content .f_advertise {
    text-align:left;
    padding-left:30px;
    width:220px;
}

*:first-child+html #footerfloat-content .f_share,
*:first-child+html #footerfloat-content .f_signup {
    width:340px;
}
*:first-child+html #footerfloat-content .f_advertise {
    width:220px;
}

#footerfloat-content h4 {
    margin:3px 0px;
    font-size:14px;
    border-bottom:none;
}

#footerfloat-content form {
    _padding-bottom:4px;
}
#footerfloat-content div.f_form {
    margin:10px auto 0px auto;
    font-weight:bold;
    background: url('http://cdn.gossipgirls.com/gossipgirls_cdn/footer/assets/signupbg.png') left top no-repeat;
    background-position: 20% 0%;
    padding:0px 0px 3px 0px;
}

#footerfloat-content form label,
#footerfloat-content form input,
#footerfloat-content form a{
    display:inline;
    margin:0px 2px;
}

#footerfloat-content form #f_submit {
    position:relative;
    top:2px;
}

#footerfloat-content form input {
    border:none;
}

#footerfloat-content .arrows {
    background: url('http://cdn.gossipgirls.com/gossipgirls_cdn/footer/assets/arrows.png') top left no-repeat;
    width:23px;
    height:14px;
    display:inline-block;
    position:relative;
    margin-left:3px;
    top:3px;
    _top:0px;
}

*:first-child+html body #footerfloat-content .arrows {
    top:0px;
}

#footerfloat-content form #feedicon {
    position:relative;
    top:6px;
    right:-8px;
}

#footerfloat-content .f_advertise a {
    color:#FF0099;
    text-decoration:none;
}

#footerfloat-content a img,
#footerfloat-container a img{
    border:none;
    text-decoration:none;
}

#footerfloat-content a,
#footerfloat-container a{
    text-decoration:none;
}

#footerfloat-content .f_share .g_myspace,
#footerfloat-content .f_share .g_facebook,
#footerfloat-content .f_share .g_shareit{
    text-align:center;
    float:left;
    display:inline;
    margin: 5px 5px;
    padding: 0px 5px;
}

#footerfloat-content .f_share .g_shareit {
    padding-top:5px;
}

#footerfloat-content .f_share .g_myspace,
#footerfloat-content .f_share .g_facebook {
    border-right:1px dashed gray;
}

#close {
    width:50px;
    height:16px;
    float:right;
    bottom:84px;
    right:40px;
    position:fixed;
}

#footerfloat-container #spcr {
    border:0;
    margin:0;
    padding:0;
    clear:both;
    height:1px;
}

#footerfloat-container div {
    color:#fff;
}