a1ev

исходник страницы

<div id="page-wrap">
        <div id="content-box">
        <h2>Результат поиска</h2>
        <div class="navigation">
    <div class="next-posts"></div>
    <div class="prev-posts"></div>
                        </div>
            <div class="post-5 post type-post hentry category-firmwares tag-htc-hd2 tag-sms tag-9" id="post-5">
            <h2>HTC HD2: хотфикс для SMS</h2>
            <div class="meta">
    13.07.2010  Автор: strateg <a href="http://site.ru/2010/07/htc-hd2-hotfix-dlya-sms/#comments" class="comments-link"  title="Комментарий к записи HTC HD2: хотфикс для SMS">Комментариев: 3</a></div>
                               <div class="entry">
        <p>В итальянском разделе официального сайта компании HTC появился патч для коммуникаторов HTC HD2 с прошивками версии 1.66, вносящий некоторые изменения в работу SMS-функций.</p>
                </div>
            </div>

CSS

#header-wrap { height: 207px; min-width: 960px; background: url(images/header-bg.jpg) repeat-x scroll 0 0; padding:0 10px; }
#header { width: 960px; margin: 0 auto; }
#search { position: relative; float: right; top: 6px; }
.logo { position: absolute; width: 400px; top:75px; float: left; font-size: 40px; text-shadow: 1px 1px #fff; }
.logo a { color: #fff; text-decoration: none; }
.description { color: #fff; position: absolute; width: 500px; float: left; top:125px; padding-left:3px; }
.socials { position:relative; right:-165px; float: right; top: 43px; }
a.logos { padding-right: 80px;  }
.socials img { border: none; }
ul#navigation { margin: 0; position: absolute; top: 10px; list-style: none; }
#navigation li { float: left; padding-right: 5px; }
#navigation li a { text-decoration: none; color: #4581d4; font-size: 16px; font-weight: normal; padding: 5px; }
#navigation li a:hover { background-color: #bfe224; color: #fff; font-size: 16px; font-weight: normal; }
/* #navigation li.current_page_item a { color: #ff6600; font-weight: normal; } */
#page-wrap { min-width: 960px; background: #fff; padding:0 10px; position:relative; }
#content-box { width: 960px; margin: 0 auto;  min-height:200px; position:relative; }
#footer-wrap { height: 136px; min-width: 960px; background: url(images/footer-bg.jpg) repeat-x scroll 0 0; padding:0 10px; position:relative; }
#footer { width: 960px; margin: 0 auto; height:136px; background: url(images/footer.jpg) no-repeat scroll 0 0; position:relative; }
.entry { padding-bottom: 20px; border-bottom: 1px solid #E3E3E3; }
#sidebar { width: 300px; float: right; }
#sidebar ul li { list-style: none; }
#sidebar ul li a:hover { text-decoration: underline;}
#content { width: 600px; float: left; min-height:200px; position:relative; }
.post { padding: 15px 0; }

.desing-by { color:#fff; font-family:Verdana,Arial; font-size:10px; position:absolute; left:10px; top:107px; width:1000px; }

.desing-by span { margin-right: 800px; }

.desing-by a { color:#fff; }

.desing-by a:hover { color:#000; }

#comments-autor-info { width: 160px; float: left; }
#comment-writer-comment { width: 400px; float: right; }
a#cancel-comment-reply-link { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background: #6F6F6F; color:white; padding:2px 6px; }
.cancel-comment-reply { margin:8px 0; }