[ Telerik CSS] LAYOUT 04-W3Fools CSS

/* RESET */
        body, h1, h2, dl, dt, dd, ul, li, p {
            margin: 0;
            padding: 0;
        }

        /* TAGS */
        body {
            background: #F1F1F1;
            font: 12px/1.2 Verdana, sans-serif;
        }

        h1, h2, p {
            margin-bottom: 10px;
        }

        h2 {
            padding: 3px;
            background: #808080;
            color: #fff;
            font-size: 100%;
        }

        a {
            color: #961917;
        }

        /* GRID */
        .row {
            overflow: hidden;
            margin-left: -10px;
        }

        [class ^= "span"], [class *= " span"] {
            float: left;
            margin-left: 10px;
        }

        .span1 {
            width: 150px;
        }

        .span3 {
            width: 450px;
        }

        .container {
            margin: 10px auto;
            padding: 0 10px;
            width: 770px; /* 150 + 10 + 450 + 10 + 150 */
            border: 1px solid #000;
        }

        /* CLASSES */
        .pull-left {
            float: left;
            margin-right: 10px;
        }

        .search input[type = "search"] {
            width: 90px;
        }

        /* ICONS */
        [class ^= "icon"], [class *= " icon"] {
            display: inline-block;
            width: 19px;
            height: 20px;
            vertical-align: text-bottom;
        }

        .icon-home {
            background: url(../IMAGES/icon-home.png);
        }

        /* LISTS */
        .unstyled {
            list-style: none;
        }

        .inline li {
            display: inline-block;
        }

        .styled dt {
            font-weight: bold;
        }

        .styled dd a {
            color: #000;
        }

        .styled a {
            text-decoration: none;
        }

            .styled a:hover {
                text-decoration: underline;
            }

        /* PAGINATION */
        .pagination a {
            display: block;
            padding: 3px;
            width: 100px;
            border: 1px solid #2A2A2A;
            color: #0F0F0F;
            text-align: center;
            text-decoration: none;
        }

        .pagination li {
            position: relative;
        }

        .prev::after, .next::after {
            position: absolute;
            top: 3px;
        }

        .prev::after {
            left: 3px;
            content: "◄";
        }

        .next::after {
            right: 3px;
            content: "►";
        }

        /* BOX */
        .box {
            margin-bottom: 2px;
            padding: 2px;
            border: 1px solid #8A8A8A;
            background: #fff;
        }

            .box h2 {
                margin: -2px -2px 0 -2px;
            }

        /* SITE */
        .nav, .aside {
            padding-top: 10px;
        }

            /* NAV */
            .nav .styled {
                margin-bottom: 10px;
            }

        /* CONTENT*/
        .content {
            margin-top: 10px;
            padding: 10px;
            border: 1px solid #A1A1A1;
            background: #fff;
        }

        /* ASIDE */
        .aside {
            text-align: center;
        }

            .aside h2 {
                margin-bottom: 2px;
                text-transform: uppercase;
            }