/****
* wh.css
* (c) 2010, 2Catalyze, Inc. All rights reserved
******/

@import "ui.tabs.css";

/*******************************************************************************
* Containers
*******************************************************************************/

body{
    background:url('../images/bg_body.jpg') no-repeat top center #051a6c;
    font-size:13px;
    font-family:"Trebuchet MS", Trebuchet, Verdana, sans-serif;
    line-height:140%;
    text-align:center;
}

/*******************************************************************************
* Header
*******************************************************************************/

#header{
    background:url('../images/bg_header.png') no-repeat bottom center transparent;
    height:276px;
    margin:0 auto;
    position:relative;
    width:980px;
}
    #header h1{
        margin:0px;
        padding:0px;
    }

#logo{
    display:block;
    height:225px;
    left:342px;
    outline:none;
    position:absolute;
    text-indent:-9999px;
    top:50px;
    width:295px;
    z-index:1;
}
    #header a.male{background:url('../images/logo_male.png') no-repeat top left;}
    #header a.female{background:url('../images/logo_female.png') no-repeat top left;}

#nav{
    left:50px;
    list-style:none;
    margin:0px;
    padding:0px;
    position:absolute;
    top:200px;
}
    #nav li{
        float:left;
        height:31px;
        width:150px;
    }
        #nav_winners{
            margin:0 280px 0 0;
        }
        
    #nav a{
        background-color:#2b3474;
        background-image:url('../images/nav.png');
        background-repeat:no-repeat;
        display:block;
        height:31px;
        outline:none;
        text-indent:-9999px;
        width:150px;
    }
        #nav_prizes a{background-position:left top;}
        #nav_winners a{background-position:left -30px;}
        #nav_news a{background-position:left -60px;}
        #nav_how a{background-position:left -90px;}

        #nav a:hover{
            background-color:#2137d8;
        }
        
        #nav li.current a{
            background-color:#5e2726;
        }

    #rypple{
        display:block;
        height:48px;
        outline:none;
        position:absolute;
        right:256px;
        text-indent:-9999px;
        top:104px;
        width:111px;
    }
    
/*******************************************************************************
* Content
*******************************************************************************/

#content{
    background:#eaedf5 url('../images/bg_content.png') bottom right no-repeat;
    color:#393939;
    margin:0px auto;
    overflow:hidden;
    padding:40px 20px 160px 20px;
    text-align:left;
    width:840px;
}
    #content h2{
        color:#203776;
        margin:12px 0 6px 0;
    }
    
    #content p{
        margin:0 0 6px 0;
    }
    
#main{
    float:left;
    margin:0 30px 0 0;
    width:610px;
}

    #contest_desc{
        clear:left;
        font-size:16px;
        line-height:140%;
    }

        #contest_desc h2 a{
            background:url('../images/titles/contest.png') no-repeat;
            display:block;
            height:29px;
            margin:10px 0 10px 0;
            outline:none;
            text-indent:-9999px;
            width:479px;
        }
    
    #content #prizes{
        margin:20px 0;
        text-align:center;
    }
        #prizes img{
            border:0;
        }
        
    #content #enter{
        text-align:center;
    }
        #content #enter a{
            background-color:#425da7;
            background-image:url('../images/blue_button.png');
            background-position:top left;
            background-repeat:repeat-x;
            border:1px #203776 solid;
            color:white;
            display:block;
            font-size:18px;
            font-weight:bold;
            height:30px;
            margin:0 auto;
            outline:none;
            padding:8px 0 0 0;
            text-align:center;
            text-decoration:none;
            width:340px;
        }
        #content #enter a:hover{
            background-position:0px -40px;
        }
        
        #content #rulesandregs{
            color:#4f4f4f;
            font-size:11px;
            text-align:center;
        }
            #content #rulesandregs a{
                color:#4f4f4f;
            }
    
    body#home #how_to_enter{
        float:left;
        margin:20px 20px 0 0;
        padding:0 20px 0 0;
        width:280px;
    }
        body#home #how_to_enter h2{
            background:url('../images/titles/how_to.png') no-repeat;
            height:21px;
            margin:0 0 10px 0;
            text-indent:-9999px;
            width:229px;
        }
        
        body#home #how_to_enter ol{
            margin:0;
            padding:0 0 0 20px;
        }
        body#home #how_to_enter li{
            margin:0 0 10px 0;
        }
        body#home #how_to_enter .enter_step{
            display:block;
            font-size:11px;
        }

        
    body#home #instant_winners{
        border-left:1px solid #ccc;
        float:left;
        margin:20px 0 0 0;
        padding:0 0 0 10px;
        width:279px;
    }
        body#home #instant_winners h2{
            background:url('../images/titles/instant.png') no-repeat;
            height:21px;
            margin:0 0 10px 0;
            text-indent:-9999px;
            width:228px;  
        }
    
    .latest{
        float:left;
        margin:0 5px 0 0;
        width:200px;
    }
    
        .latest h2{
            border-bottom:1px solid #cbd2e6;
            border-top:1px solid #cbd2e6;
            padding:5px 0;
            text-align:center;
        }
    
    #content #sxsw_page{
        margin:0 0 30px 0;
    }

/*******************************************************************************
* Prizes
*******************************************************************************/

body#prizes #main h2{
    background:url('../images/titles/prizes.png') no-repeat;
    height:21px;
    margin:0 0 10px 0;
    text-indent:-9999px;
    width:523px;
}

#prize_list{
    list-style:none;
    margin:40px 0 0 0;
    padding:0;
}
    #prize_list li{
        clear:left;
        margin:0 0 30px 0;
        overflow:hidden;
    }
    
    .prize_desc{
        float:left;
        position:relative;
        width:400px;
    }
    
        #prize_list .photo{
            float:left;
            margin:0 10px 0 0;
        }

        .prize_desc p{
            width:320px;
        }

        #prize_list h3{
            color:#203776;
            font-size:18px;
            margin:0 0 5px 0;
            width:400px;
        }
        
        #prize_list p.desc{
            font-size:11px;
            margin:0 0 3px 0;
        }
        
        #prize_list p.logo{
            text-align:center;
            margin:10px 0;
            width:320px;
        }
            #prize_list p.logo img{
                border:0;
            }
        
        #prize_list p.award{
            font-weight:bold;
            margin:0 0 3px 0;
        }
    
        #prize_list p.available{
            float:right;
            margin:0 0 0 20px;
            position:absolute;
            right:0px;
            top:30px;
            width:60px;
        }
            #prize_list p.available a{
                background:url('../images/prizes/available.png') no-repeat top left;
                color:#4a4a4a;
                display:block;
                font-size:35px;
                font-weight:bold;
                height:75px;
                padding:29px 0 10px 0;
                text-align:center;
                text-decoration:none;
                width:60px;
            }

/*******************************************************************************
* Winners
*******************************************************************************/

body#winners #main h2{
    background:url('../images/titles/winners.png') no-repeat;
    height:21px;
    margin:0 0 10px 0;
    text-indent:-9999px;
    width:414px;
}
    #winner_list{
        list-style:none;
        margin:20px 0 0 0;
        padding:0;
    }

    .winner{
        background:white;
        border-bottom:2px solid #ccc;
        border-left:1px solid #ccc;
        border-right:2px solid #ccc;
        border-top:1px solid #ccc;
        height:250px;
        float:left;
        margin:0 10px 10px 0;
        text-align:center;
        width:190px;
    }
        .winner h4{
            font-size:13px;
            margin:20px 0 10px 0;
        }
        
        .domain{
            color:#686868;
            font-size:11px;
        }

    body#sxsw h2#page_title{
        background:url('../images/titles/instant.png') no-repeat;
        height:21px;
        text-indent:-9999px;
        width:451px;
    }
        
    body#sxsw #winner_list{
        overflow:hidden;
        margin:0 0 20px 0;
    }
    
    body#sxsw #winner_list li{
        clear:left;
    }
        
    .instant_photo{
        float:left;
        margin:0 10px 0 0;
        width:200px;
    }
        .instant_photo img{
            border:0px;
        }
    
    .instant_winner{
        float:left;
        margin:0;
        width:350px;
    }

/*******************************************************************************
* How
*******************************************************************************/

body#how h2#page_title{
    background:url('../images/titles/how.png') no-repeat;
    height:21px;
    margin:0 0 10px 0;
    text-indent:-9999px;
    width504px;
}

#content #give_now{
    margin:0 0 40px 0;
}

/*******************************************************************************
* News
*******************************************************************************/

body#news #main h2{
    background:url('../images/titles/news.png') no-repeat;
    height:21px;
    margin:0 0 10px 0;
    text-indent:-9999px;
    width:360px;
}

.meta{
    border-top:1px solid #d2d2d3;
    color:#9f9fa1;
    font-size:11px;
    margin:20px 0 0 30px 0;
    padding:5px 0 0 0;
}

/*******************************************************************************
* Sidebar
*******************************************************************************/

#sidebar{
    color:#4d4d4d;
    float:left;
    width:200px;
}
    
    #sidebar h2{
        clear:both;
        line-height:150%;
        margin:0px 0 20px 0;
    }
        #sidebar h2 a{
            color:#203776;
            text-decoration:none;
        }
        
    .pod{
        margin:0 0 20px 0;
        overflow:hidden;
    }
    
    #sidebar_enter a{
        background-color:#425da7;
        background-image:url('../images/blue_button.png');
        background-position:top left;
        background-repeat:repeat-x;
        border:1px #203776 solid;
        color:white;
        display:block;
        font-size:18px;
        font-weight:bold;
        height:30px;
        margin:0 auto;
        outline:none;
        padding:8px 0 0 0;
        text-align:center;
        text-decoration:none;
        width:200px;
    }
        #sidebar_enter a:hover{
            background-position:0px -40px;
        }
    
    #content p.loading, #content p.message{
        font-size:11px;
        margin:10px 0;
        text-align:center;
    }
    
    #sidebar_sxsw h2 a{
        background:url('../images/titles/sxswi.png') no-repeat;
        display:block;
        height:18px;
        outline:none;
        text-indent:-9999px;
        width:70px;
    }
    
    #sxsw_logo{
        float:left;
        margin:0 10px 10px 0;
        outline:none;
    }
        #sxsw_logo img{
            border:none;
        }
        
    #sidebar_subnav ul{
        list-style:none;
        margin:0;
        padding:0;
    }
    
    #sidebar_subnav ul ul{
        list-style-image:url('../images/sxsw_bullet.png');
        margin:0;
        padding:0 0 0 25px;
    }
        #sidebar_subnav a{
            text-decoration:none;
        }
        #sidebar_subnav a:hover{
            text-decoration:underline;
        }

        body#sxsw #sidebar_subnav h2{
            background:url('../images/titles/sxsw_guide.png') no-repeat;
            height:18px;
            text-indent:-9999px;
            width:158px;
        }
    
    #sidebar_leaderboard h2{
        background:url('../images/titles/leaderboard.png') no-repeat;
        height:18px;
        text-indent:-9999px;
        width:177px;
    }

        .leaderboard_listing{
            font-size:10px;
            margin:0px;
            padding:0px;
        }
        
             .leaderboard_listing td{
                overflow:hidden;
                padding:3px;
                white-space:nowrap;
             }
    
            .leaderboard_ranking{color:#a2a2a2;text-align:center;width:5px;}
            .leaderboard_name{line-height:100%;width:130px;}
            .leaderboard_points{text-align:center;width:15px;}
    
            .leaderboard_domain{color:#686868;font-size:9px;}
            
            .altRow{
                background-color:#e9edf6;
            }
    
    #filter{
        font-size:10px;
        margin:5px 0;
        text-align:center;
    }
        #domain_name{
            margin:0 0 0 5px;
            width:110px;
        }

    #sidebar_photo h2{
        background:url('../images/titles/photo.png') no-repeat;
        height:18px;
        text-indent:-9999px;
        width:180px;
    }
    
    #sidebar_photo a{
        color:#4d4d4d;
        text-decoration:none;
    }
        #sidebar_photo a:hover{
            text-decoration:underline;
        }

    #sidebar_tweets h2{
        background:url('../images/titles/tweets.png') no-repeat;
        height:18px;
        text-indent:-9999px;
        width:186px;
    }
    
    .twtr-hd{
        display:none;
    }
    .twtr-join-conv{
        font-size:10px;
    }
    
/*******************************************************************************
* Footer
*******************************************************************************/

#footer{
    color:#5d6eb3;
    font-size:11px;
    text-align:center;
}
    #footer a{
        color:#5d6eb3;
    }