.filter {
    text-align: right;
    padding: 0 0 10px 0;
}

    .filter span {
        height: 30px;
        line-height: 30px;
        margin: 20px 10px 0 0;
    }

.go input[type=text] {
    width: 50px;
    margin: 0 10px 0 0;
}

.pages ul {
    text-align: center;
    margin: 25px 0 0 0;
}

    .pages ul li {
        display: inline-block;
        margin: 0 1px;
    }

        .pages ul li a {
            background: #F8F8F8;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset;
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF inset;
            color: #8D8F8F;
            font-size: 12px;
            padding: 5px 7px;
            text-shadow: 0 1px 0 #FFF;
        }

            .pages ul li a:hover {
                background: #fff;
            }

.pages .current, .pages a:active {
    background-color: #e3e3e3;
    cursor: default;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    color: #838383;
    text-shadow: 0 1px 0 #FFF;
    padding: 5px 7px;
    font-weight: bold;
}

    .pages .current:hover {
        background: #ededed;
    }

.pages a:active {
    background-color: #EDEDED !important;
    cursor: pointer;
}

.pages ul span {
    text-shadow: 0 1px 0 #FFF;
}

@media (max-width: 480px) {
    .filter {
        text-align: center;
    }
}