.list {
        font-family:sans-serif;
        margin:0;
        padding:20px 0 0;
}
.list > li {
        display:block;
        background-color: #eee;
        padding:10px;
        box-shadow: inset 0 1px 0 #fff;
}
li > a {
        font-size: 16px;
        margin:0 0 0.3rem;
        font-weight: normal;
        font-weight:bold;
        color:#111;
}
li p.itemtitle {
        font-weight:bold;
} 

.sort {
        /* padding:8px 30px 8px 30px; */
        border-radius: 6px;
        border:none;
        display:inline-block;
        color:#fff;
        text-decoration: none;
        background-color: #28a8e0;
        height:30px;
}
.sort:hover {
        text-decoration: none;
        background-color:#1b8aba;
}
.sort:focus {
        outline:none;
}
.sort:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid transparent;
        content:"";
        position: relative;
        top:-10px;
        right:-5px;
}
.sort.asc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        content:"";
        position: relative;
        top:13px;
        right:-5px;
}
.sort.desc:after {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        content:"";
        position: relative;
        top:-10px;
        right:-5px;
}