h2 {
    position: relative;
}

span.beta {
    color: red;
    font-weight: bold;
    font-variant: italic;
    background-color: #faa;
    padding: 0 0.2em 0;
    border: 1px solid #f99;
    opacity: 0.8;
    font-size: 40%;
    margin-bottom: 1em;
    top: 0.3em;
    right: 0;
    position: absolute;
}

table.rating {
    width: 100%;
    border-spacing: 0;
}

table.rating tr.current td {
    background-color: #fae283;
}

table.rating th {
    padding: 0 0.1em 0.6em;
    text-align: center;
}

table.rating td {
    border-top: dotted 1px #dedcdc;
    padding: 0.4em 0 0.4em;
    text-align: center;
}

table.rating td.user {
    border-top: dotted 1px #dedcdc;
    padding: 0.4em 0em 0.4em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: center left;
}

table.rating td.user .mini-face {
    margin-right:10px;
    border-radius:0;
    display:inline-block;
    padding-left:24px;
    height:26px;
    top: 0;
    padding-bottom: 0;
}

table.rating td.l,
table.rating th.l {
    text-align: left;
}

table.rating td.c {
    text-align: center;
}

table.rating td.r {
    text-align: right;
}

table.rating td.v {
    font-weight: bold;
    font-size: 140%;
    color:#1d1d1d;
}

table.rating td.user.d {
    background-position: center left;
    padding-left: 30px;
    text-align: left;
}

table.rating td.user.d a {
    display: block;
}

table.rating td.pos {
    background-position: center 0.7em;
    background-repeat: no-repeat;
    padding: 2em 0.5em 0;
    font-size: 80%;
}

table.rating td.up {
    background-image: url(/static/img/new/a-u.png);
}

table.rating td.down {
    background-image: url(/static/img/new/a-d.png);
}

.best-pointers td.user {
    width: 50%;
}

.day-hours td.user {
    width: 6em;
}

.day-hours tr.solver-of-a-day td {
    padding-left: 0.5em;
}

.day-hours tr.solver-of-a-day td div.user {
    float: right;
    width: 130px;
    padding: 160px 0.5em 0 0;
    background-position: top center;
    background-repeat: no-repeat;
}

.day-hours tr.solver-of-a-day div.title {
    font-size: 250%;
    color:#222;
    font-weight: bold;
    padding: 1.5em 0 1em 0;
 
}

.day-hours tr.solver-of-a-day td div.user a {
    display: block;
}

table.rating.best-puzzles {
    width:auto;
    margin:auto;
}


table.rating.best-puzzles td {
    padding-left:10px;
    padding-top:0.4em;
    padding-bottom:0.4em;
    padding-right:10px;
    text-align:left;
}

table.rating.best-puzzles td:nth-child(1) {
    font-size:200%;
    text-align:right;
}


.years li {
    display: inline;
    font-size: 120%;
}

.years li.current a {
    font-size: 150%;
}

.months li {
    display: inline;
}

.months li.current a {
    font-size: 150%;
}

#collection-info .stats {
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 2em 100px 2em 0.5em;
}

#collection-info .stats li {
    text-align: right;
    padding-right: 60%;
    font-size: 90%;
}

#collection-info .stats li .value {
    right: auto;
    left: 45%;
    width: 80%;
    text-align: left;
    line-height: normal;
    font-size: 100%;
}

#collection-info .stats li.section {
    padding-top: 1em;
    font-weight: bold;
}

@media screen and (max-width: 800px){
    /* szaradzista dnia */
    .rating.monthly-crawling th:nth-child(4),
    .rating.monthly-crawling td:nth-child(4) { 
        display:none;
    }

    /* liczba rozwiazan/skutecznosc */
    .rating.monthly-crawling th:nth-child(5),
    .rating.monthly-crawling td:nth-child(5) { 
        display:none;
    }

    /* szaradzista dnia */
    .rating.best-pointers th:nth-child(4),
    .rating.best-pointers td:nth-child(4) { 
        display:none;
    }

    /* liczba rozwiazan/skutecznosc */
    .rating.best-pointers th:nth-child(5),
    .rating.best-pointers td:nth-child(5) { 
        display:none;
    }

    /* liczba gier */
    .rating.racings th:nth-child(5),
    .rating.racings td:nth-child(5) { 
        display:none;
    }
}

@media screen and (max-width: 600px){
    /* zmiana (tydzien) */
    .rating.monthly-crawling th:nth-child(2),
    .rating.monthly-crawling td:nth-child(2) { 
        display:none;
    }

    /* zmiana (tydzien) */
    .rating.best-pointers th:nth-child(2),
    .rating.best-pointers td:nth-child(2) { 
        display:none;
    }

    /* zmiana (tydzien) */
    .rating.racings th:nth-child(2),
    .rating.racings td:nth-child(2) { 
        display:none;
    }    

    /* Rozwiazane krzyzowki */
    .rating.day-hours th:nth-child(2),
    .rating.day-hours td:nth-child(2) { 
        display:none;
    }

    .ranking-description img {
        float: left;
        width: 60px;
        height: 60px;
        margin-right: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
    }
}