Тупой вопрос по css

@greatseo, Держи, мой первый css-файл)))))))))

Код:

@charset "windows-1251";
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
/* FONT */
@font-face {font-family:'MicraDi-Regular';src:url('fonts/MicraDi-Regular.eot');src:url('fonts/MicraDi-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/MicraDi-Regular.woff') format('woff'),url('fonts/MicraDi-Regular.ttf') format('truetype'),url('fonts/MicraDi-Regular.svg#MicraDi-Regular') format('svg');font-weight:normal;font-style:normal;}
/* MAIN STYLE'S */
    html {background:#ffffff url(data:image/png;base64,iVBORw0.......VORK5CYII=) repeat;}
    body {font:14px Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;background:#ffffff;width:1000px;margin:0 auto;}
    a {color:#000000;text-decoration:none;}
/* HEADER */
    header {position:relative;background:#353435;height:35px;padding:10px 20px;}
    /* CATEGORY */
        nav {position:absolute;right:0;top:0;font-size:0;background:#444444;z-index:1;}
        .links {background:#353435;padding:19px 10px 20px 10px;display:inline-block;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
        .links > a {font:14px 'MicraDi-Regular';color:#f8f8f8;padding:19px 10px 20px 10px;text-transform:uppercase;}
        .arrow {position:absolute;top:-8px;left:45%;width:0;height:0;border:8px solid transparent;border-bottom-color:#444444;border-top:0;}
        /* HOVER LINK'S */
            .links > a:hover {padding:35px 10px 20px 10px;}
            .links:hover {padding:19px 10px 5px 10px;transform:translate(0, 15px);}
            .sale-cat,.free-cat,.psd-cat {display:none;position:absolute;top:48px;left:0;background:#444444;padding:10px;}
            .sale-cat {width:180px;line-height:17px;left:-35px;}
            .free-cat {width:180px;line-height:17px;left:-15px;}
            .psd-cat {width:120px;line-height:17px;left:15px;}
            .sale-cat li a,.free-cat li a,.psd-cat li a {color:#f8f8f8;font:12px Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;}
            .sale-cat li a:hover,.free-cat li a:hover,.team-cat li a:hover,.psd-cat li a:hover {color:#d9d9d9;text-decoration:underline;}
            .links:nth-child(1):hover .sale-cat {display:block;}.links:nth-child(2):hover .free-cat {display:block;}.links:nth-child(4):hover .psd-cat {display:block;}
    /* USER PANEL */
        .user-panel {height:30px;background:#f0f0f0;position:relative;}
        .search-input {color:#a2a2a2;margin:4px 20px;border:0;border-left:1px solid #888888;height:20px;background:transparent;padding:1px 5px;width:50px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
        .search-input:hover,.search-input:focus {border-right:3px solid #888888;width:250px;text-overflow:ellipsis;transition:ease-in 1s;}
        .search-input::-webkit-input-placeholder {color:#cecccc;}.search-input::-moz-placeholder {color:#cecccc;}.search-input:-ms-input-placeholder {color:#cecccc;}.search-input:-moz-placeholder {color:#cecccc;}
        /* PROFILE */
            .profile {position:absolute;right:20px;top:5px;}
            .avatar {width:20px;height:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
            .profile > a {display:inline-block;color:#a2a2a2;padding:5px 10px;position:relative;top:-5px;}
            .profile > a:last-child {padding-right:0;}
            .profile > a:hover {color:#888888;text-decoration:underline;}
            .profile > a > sup {vertical-align:super;color:#c0392b;font-size:10px;}
/* WELCOME BLOCK */
    .welcome-stats {position:relative;background:#f8f8f8;width:830px;height:53px;border:1px solid #ededed;margin:20px auto;padding:10px;}
    .txt {font-size:11px;color:#444444;position:absolute;top:10px;left:70px;line-height:13px;}
    .txt > span {font-weight:bold;}
    .txt > .red {color:#d35400;}
/* CONTENT */
    article {width:960px;height:350px;border:3px solid #2e302f;margin:0 auto 20px auto;}
    article:last-child {margin:0 auto 30px auto;}
    /* LEFT */
        .left-col {float:left;}
        .screens {background:#444444;width:230px;height:74px;position:relative;}
        .screens img {width:70px;height:70px;}
        .zoom {background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:230px;height:74px;}
        .screens:hover .zoom {display:none;}
        /* SCREEN'S BORDER */
            .screens .sale {border:2px solid #c57f10;}
            .screens .free {border:2px solid #32b2b0;}
            .screens .psd {border:2px solid #3280b2;}
            .screens .team {border:2px solid #cd5548;}
            .descr {/*word-break:break-all;*/line-height:13px;padding:5px;background:#444444;width:220px;height:65px;font-size:11px;color:#ffffff;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
        /* PREWIEV COM'S */
            .comm-prew {width:230px;height:174px;position:relative;}
            .comm-prew a {text-decoration:underline;color:#e4e4e4;}
            .noComm {text-align:center;font-size:16px;color:#e4e4e4;width:150px;position:absolute;top:110px;left:45px;}
            .comm {height:174px;overflow:auto;}
            .comm-txt {background:#ededee;color:#888888;font-size:11px;padding:10px 5px;position:relative;z-index:1;}
            .comm-txt:nth-child(2n) {background:#f7f6f6;}
            .comm-txt > img {float:left;margin-right:5px;width:35px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
        /* BUTTON MORE */
            .more {width:230px;height:20px;position:relative;}
            .more-button {text-align:center;background:#444444;color:#ffffff;text-transform:uppercase;font-size:14px;padding:5px 0;cursor:pointer;}
            .more > a {display:none;padding:5px 10px;background:#444444;color:#ffffff;}
            .more:hover > a {display:block;position:absolute;top:0;left:0;width:940px;z-index:1;}
    /* RIGHT */
        .right-col {float:right;position:relative;}
        .right-col img {width:730px;height:350px;}
        /* MARK'S */
            .mark-sale,.mark-free,.mark-psd,.mark-team {position:absolute;top:0;right:0;color:#ffffff;padding:5px 10px;text-transform:uppercase;font-size:11px;cursor:default;}
            .mark-sale {background:#cb8039;}
            .mark-free {background:#32b2b0;}
            .mark-psd {background:#3280b2;}
            .mark-team {background:#cd5548;}
/* PAGINATION */
    .pagination {background:#444444;height:30px;}
    .backward a,.forward a {display:block;color:#ffffff;text-transform:uppercase;font-size:13px;padding:7px 20px;}
    .backward a {float:left;}.forward a {float:right;}
    .backward a:hover,.forward a:hover,.pages a:hover {background:#353435;}
    .pages {float:left;width:80%;text-align:center;color:#cccccc;margin-top:6px;cursor:default;}
    .pages a {color:#cccccc;padding:6px 8px;}
    .pages .active {font-weight:bolder;color:#ffffff;}
/* FOOTER */
    footer {height:230px;background:#e3e2e2;opacity:0.5;filter:alpha(opacity=50);}
    footer:hover {opacity:1;filter:alpha(opacity=100);}
    footer .up-now {height:115px;cursor:pointer;text-transform:uppercase;text-align:center;color:#b9b9b9;padding:115px 0 0 0;font-size:23px;}