.headers {
    margin: 10px 20px;
}

.headers .col1, .headers .col2{
    float: left;
}

.headers .col1{
    width: 190px;
}

.headers .col2{
    margin-left: 20px;
    width: 690px;
}

.headers .at-a-glance{
    margin-left: 20px;
    height: 82px;
    position: relative;
    top: 10px;
}


.headers .current-projects{
    margin-left: 25px;
    height: 61px;
}


/* Sidebar */

.sidebar{
    margin-top: 40px;
    float: left;
    width: 240px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.sidebar .tab{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    width: 240px;
    padding: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    cursor: pointer;
    margin-bottom: 10px;

}

.sidebar .tab .num {
    float: right;
    position: relative;
    top: 9px;
    font-size: 10px;
    color: #00adef;
}

.sidebar .tab .v-down{
    background: #00adef url(https://tongal.s3.amazonaws.com/resources/images/landing/project-thread/v.png) no-repeat 8px 11px;
    width:30px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}


.sidebar .tab .text {
    float: left;
    margin-top: 5px;
    font-size: 23px;
    font-weight: bold;
    color: #16b8f6;
}

.sidebar .items{
    color: #16b8f6;
    margin: 0 10px 20px 10px;
    font-size: 14px;
}

.sidebar .items li{
    margin: 5px 0;
}

.sidebar .items .item a{
    color: #16b8f6;
    text-decoration: none;
}

.sidebar .items .money{
    color: #000;
    float: right;
}

/* Main Section */

.main{
    float: left;
    width: 695px;
    margin: 10px 0 0 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.main .sort-nav li{
    float: left;
    margin-right: 10px;
}

.main .sort-nav .sort-by{
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.main .sort-nav .btn:hover{
    background-color: #aaa;
}

.main .sort-nav .btn:hover{
    background-color: #aaa;
}

.main .sort-nav .btn {
    padding: 3px 15px;
    background-color: #ccc;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    -moz-transition: background-color .2s;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.main .sort-nav .btn.active{
    background-color: #00adef;
}

.main .sep{
    margin: 30px 0 0 0;
}

/* Projects */

.main .projects{
    margin-top: 20px;
}

/*deprecated: .main .projects .project*/

/*deprecated: .main .projects .project .default*/

/*deprecated: .main .projects .project .image*/

/*deprecated: .main .projects .project .info*/

/*deprecated: .main .projects .project .info h2*/

/*deprecated: .main .projects .project .info .money*/

/*deprecated: .main .projects .project .info h2*/

/*deprecated: .main .projects .project .info .star*/

/* Project Description */
/*deprecated: .main .projects .project .desc*/

/*deprecated: .main .projects .project .desc p*/
/*deprecated: .main .projects .project .desc h2*/

/*deprecated: .main .projects .project .desc .money*/

/*deprecated: .main .projects .project .desc a*/

/*deprecated: .main .projects .project .desc a.btn */

/*deprecated: .main .projects .projectt .info .star.active, .main .projects .project .info .star:hover*/

/*deprecated: .main .projects .project .info .brand a*/

/*deprecated: .main .projects .project .info .days-left*/

/*deprecated: .main .projects .project.push-l*/

.hidden{
    display: none;
}

.main .load-more{
    background: #f7f7f7 url(https://tongal.s3.amazonaws.com/resources/images/landing/arrow-down-black.png) no-repeat 24px 20px;
    width: 240px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px 0 0 25px;
    text-align: center;
    margin: 0 auto 20px auto;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}

.main .load-more .image{
    position: absolute;
    left: 116px;
}

/* Start number bubble */
/*deprecated: .main .projects .project .how-many-wrap*/
/*deprecated: .main .projects .project .how-many */

/*deprecated: .main .projects .project .desc .how-many */

/*deprecated: .main .projects .project .how-many .bubble */

/*deprecated: .main .projects .project .how-many .text */

/*deprecated: .main .projects .project .how-many .text.hideCount */

/* End number bubble */

.main .right-links{
    float: right;
}

.main .right-links a{
    color: #16b8f6;
    font-size: 14px;
    text-decoration: none;
}

.ending-soon-tab {
    background-color: #f0f0f0;
    height: 15px;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    position: absolute;
    top:-25px;
    z-index: -100;
}
.ending-soon-tab a {
    color: #00adef;
}
.expired-img {
    opacity: .5;
}
.upcoming {
    background-color: #00ADEF;
    width: 70px;
    height: 15px;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    position: absolute;
    top:-25px;
    font-style: italic;
}
/*deprecated: .main .projects .project .desc a.btn-expired */

.season-points {
    color: #D8171E;
    font-size: 14px;
}

.project-banner-overlay {
    position: absolute;
    width: 334px;
    height: 160px;
    background-image: url(https://tongal.s3.amazonaws.com/resources/images/landing/project-detail/trans-65.png);
}

.project-banner-overlay.evaluated {
    background-image: url(https://tongal.s3.amazonaws.com/resources/images/landing/project-detail/trans-66.png);
}

.project-banner-overlay .status {
    width: 200px;
    height: 45px;
    color: #fff;
    background-color: #00ADEF;
    border-radius: 3px 3px 3px 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 27px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 45px;
    font-weight: bold;
}