/* 
    Document   : main
    Created on : Jun 14, 2012, 5:16:30 PM
    Author     : dscimeca
    Description:
        Purpose of the stylesheet follows.
*/

body{
    margin:0;
    padding:0;
}
a, a img{
    outline: none;
    border:none;
    text-decoration: none;
}
#pageWrapper{
    background-image: url("http://a.dolimg.com/friendsforchange/interim/imgs/page_bg.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}
.graphic_overlay{
    position:absolute;
    z-index:10;
}
.graphic_overlay.top{
    top:0;
    left:0;
    right:0;
}
.graphic_overlay.bottom{
    bottom:0;
    left:0;
    right:0;
    background-position: left bottom;
}
.graphic_overlay.left{
    left:0;
    background-position: left;
}
.graphic_overlay.right{
    right:0;
    background-position: right;
}
.block{
    position:relative;
    z-index: 10;
}
.block .content{
    position:relative;
}

.block{
    position:relative;
    margin:0;
}

.block .overlay_button{
    z-index: 20;
}
.controllers{
    position:absolute;
    bottom: 19px;
    right:20px;
}
.controllers a{
    background-image: url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/slider_buttons_sprite.png");
    width:19px;
    height:19px;
    display:inline-block;
}
.controllers a.left{
    background-position: left -1px;
}
.controllers a.right{
    background-position: right -1px;
    margin-left:3px;
}
.controllers a.left:hover{
    background-position: left bottom;
}
.controllers a.right:hover{
    background-position: right bottom;
}

#page{
    width:1020px;
    margin:0 auto;
}
#disneyMainTopBar{
    text-align: center;
}
#content{
    margin-top:60px;
    position:relative;
    height:684px;
}
.nav.block{
    width:198px;
    height:301px;
    position: relative;
}
.nav.block .graphic_overlay{
    background-image:url('http://a.dolimg.com/friendsforchange/interim/imgs/newhome/nav_block_background.png');
    background-repeat:no-repeat;
}
.nav.block .content{
    width:159px;
    top:125px;
    left:18px;           
}
.nav.block ul{
    position: relative;   
    margin:0;
    padding:0; 
}
.nav.block li{
    list-style: none;
    background-image:url('http://a.dolimg.com/friendsforchange/interim/imgs/newhome/nav_button_background_sprite.jpg');
    background-repeat: repeat-x;
    height:37px;
}
.nav.block li a{
    text-decoration: none;
    height:37px;
    line-height: 37px;
    background:url('http://a.dolimg.com/friendsforchange/interim/imgs/newhome/nav_block_link_text.png') no-repeat;
    text-indent: -99999px;
    display: block;
}
.nav.block li:hover{
    background-position: left bottom;
}
.nav.block .overlay_button{
    height: 125px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.nav.block li.take_action a{ background-position: 9px 12px;}
.nav.block li.explore_and_vote a{ background-position: 9px -25px;}
.nav.block li.get_creative a{ background-position: 9px -62px;}
.nav.block li.about_ffc a{ background-position: 9px -99px;}

#content .total_ffc_pledges.block {
    width:287px;
    height:86px;
    background:url('http://a.dolimg.com/friendsforchange/interim/imgs/newhome/total_pledges_block_background.png') no-repeat;
}
#content .total_ffc_pledges.block .content{
    top:40px;
    left:95px;
    color:white;
    font-weight: bold;
    font-family: Verdana;
    font-size: 11px;
}
#content .promo_gallery.block{
    width:287px;
    height:215px;
}
#content .promo_gallery.block .content{
    top:13px;
    left:19px;
    width:250px;
    height:150px;
}
#content .promo_gallery.block .graphic_overlay{
    background-image:url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/promo_slider_block_background.png");
}
#content .promo_gallery.block .controllers{
    bottom:18px;
}
#content .vote.block{
    height:302px;
    width:321px;
}
#content .pledge.block{
    height:301px;
    width:403px;
}
.featured_project.block{
    width:208px;
    height:302px;
    margin-top: -3px;
}
.featured_project.block .graphic_overlay{
    background-image:url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/featured_block_background_sprite.png");
    background-repeat: no-repeat;
}
.featured_project.block .graphic_overlay.bottom{
    background-position:left -248px;
}
.featured_project.block:hover .graphic_overlay.bottom{
    background-position: bottom left;
}
.featured_project.block .content{
    width: 169px;
    height: 213px;
    top: 40px;
    left: 18px;
}
.other_ambassador_projects.block{
    width:366px;
    height:301px;
}
.other_ambassador_projects.block .graphic_overlay{
    background-image: url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/other_ambassadors_block_background.png");
}
.other_ambassador_projects.block .content{
    width: 331px;
    top: 40px;
    left: 16px;
    height: 230px;
}
.other_ambassador_projects.block .content a{
    float:left;
}
.other_ambassador_projects.block .content a.second{
    margin-left:8px;
}
.community_spirit_art.block{
    width:268px;
    height:151px;
    background-image: url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/community_spirit_block_sprite.png");
    background-position: left top;
}
.community_spirit_art.block:hover{
    background-position: left bottom;
}
.get_involved.block{
    width:268px;
    height:152px;
    background-position: left top;
}
.get_involved.block:hover{
    background-position: left bottom;
}
.book_reading.block{
    width:287px;
    height:301px;
}
.book_reading.block .graphic_overlay{
    background-image: url("http://a.dolimg.com/friendsforchange/interim/imgs/newhome/book_reading_slider_background.png");
}
.book_reading.block .content{
    top: 20px;
    left: 18px;
    width: 249px;
    height: 230px;
}
.vote.block{
    width:321px;
    height:302px;
    overflow:hidden;
}
.pledge.block{
    width:405px;
    height:302px;
}
.helping_communities.block{
    width:277px;
    height:300px;
    background-position: left -2px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.helping_communities.block:hover{
    background-position: left -303px;
}
.video_playlist.block{
    width:603px;
    height:303px;
}
#content .video_playlist.block .graphic_overlay{
    background-image:url('http://a.dolimg.com/friendsforchange/interim/imgs/newhome/playlist_block_background.png');
    background-repeat: no-repeat;
}
#content .video_playlist.block .graphic_overlay.middle{
    left:400px;
    width:20px;
    background-position: -400px -18px;
    top:18px;
}
.video_playlist.block .content{
    position: relative;
    top: 18px;
    left: 20px;
    height:253px;
    width:562px;
}
#content .ambassador_profile{
    position:absolute;
    top:0;
    right:0;
    z-index: 3;
}