Constellation icon-list

/****************** Icon list *******************/
.icon-list {
    margin: 0 -19px 0.833em -7px;
    }
    .icon-list > li {
        float: left;
        background: url(../images/corner.png) no-repeat right bottom;
        padding: 7px 26px 21px 61px;
        width: 7.5em;
        height: 3.75em;
        margin-top: 1.125em;
        font-weight: bold;
        font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
        }
        .icon-list > li > a {
            display: block;
            font-size: 1.5em;
            margin: -7px -26px -21px -61px;
            padding: 7px 26px 21px 61px;
            width: 5em;
            height: 2.5em;
            }
            html.dark .icon-list > li > a {
                color: white;
            }
            html.dark .block-content .icon-list > li > a {
                color: #39c;
            }
            .icon-list > li > a:hover,
            html.dark .icon-list > li > a:hover,
            html.dark .block-content .icon-list > li > a:hover {
                color: #33CCFF;
            }
        .icon-list > li small {
            font-size: 0.667em;
            font-weight: normal;
            text-transform: none;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            vertical-align: 20%;
            }
            html.dark .icon-list > li small {
                color: #b0b0b0;
            }
            html.dark .block-content .icon-list > li small {
                color: #808080;
            }
        .icon-list > li .icon {
            display: block;
            float: left;
            width: 48px;
            height: 48px;
            margin: -3px 0 0 -54px;
            background-position: center center;
            background-repeat: no-repeat;
        }