/*
+----------------------------------------------------------------+
|
| CSS style for WP_PageNavi from http://www.wordpressplugins.ru/rasnoe/pagenavi-styles.html
|
+----------------------------------------------------------------+
*/

 
<!DOCTYPE HTML>
<html lang="ru-RU" dir="ltr">
<head>
</head>
<body class="home blog logged-in">
<div id="wrapper" class="hfeed">
<div id="header" style="background: url("http://aboutblogs.ru/wp-content/uploads/header2.jpeg") no-repeat scroll left top transparent;">
</div>
<div id="main">
<div id="container">
<div id="content" role="main">
<div id="nav-above" class="navigation">
</div>
<div id="post-946" class="post-946 post type-post hentry category-poleznyie-stati tag-seo tag-tegi">
</div>
<div id="post-818" class="post-818 post type-post hentry category-zametki category-soft">
<h2 class="entry-title">
</h2>
<div class="entry-meta">
</div>
<div class="entry-content">
</div>
<div class="entry-utility">
</div>
</div>
<div id="post-904" class="post-904 post type-post hentry category-zametki tag-tseli">
</div>
<div id="post-864" class="post-864 post type-post hentry category-lichnoe tag-zarabotok">
</div>
<div id="post-820" class="post-820 post type-post hentry category-zametki tag-blogging tag-zarabotok tag-itogi">
</div>
<div id="post-794" class="post-794 post type-post hentry category-zametki category-poleznyie-stati">
</div>
<div id="post-769" class="post-769 post type-post hentry category-palyu-temyi">
</div>
<div id="post-690" class="post-690 post type-post hentry category-zametki category-palyu-temyi tag-rss tag-halyava">
</div>
<div id="post-652" class="post-652 post type-post hentry category-plugins tag-nepoladki tag-plaginyi tag-reshenie-problem">
</div>
<div id="post-591" class="post-591 post type-post hentry category-lichnoe category-poleznyie-stati tag-dengi tag-konkursyi">
</div>
<div id="nav-below" class="navigation">
<br>
<div align="center">
<div class="wp-pagenavi">
<span class="pages">Страница 1 из 5</span>
<span class="current">1</span>
<a class="page" href="http://aboutblogs.ru/page/2/">2</a>
<a class="page" href="http://aboutblogs.ru/page/3/">3</a>
<a class="page" href="http://aboutblogs.ru/page/4/">4</a>
<a class="page" href="http://aboutblogs.ru/page/5/">5</a>
<a class="nextpostslink" href="http://aboutblogs.ru/page/2/">»</a>
</div>
</div>
<br>
</div>
</div>
</div>
<div id="primary" class="widget-area" role="complementary">
</div>
</div>
<div id="footer" role="contentinfo">
</div>
</div>
</body>
</html>
.wp-pagenavi {
    margin-left: 0;
    overflow: hidden;
    padding: 4px 0;
    width: 100%;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px 0;
    padding: 4px 5px;
    text-decoration: none;
}
.wp-pagenavi a.last {
    padding: 4px 5px;
}
.wp-pagenavi a.first {
    padding: 4px 5px;
}
.wp-pagenavi a:hover {
    background-color: #995555;
    color: #FFFFFF;
    font-weight: bold;
}
.wp-pagenavi span.pages {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px 0;
    padding: 4px 5px;
}
.wp-pagenavi span.current {
    background-color: #884444;
    border-bottom: 2px solid #882222;
    border-top: 3px solid #882222;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px 0;
    padding: 4px 7px;
}
.wp-pagenavi span.extend {
    border-bottom: 1px solid #995555;
    border-top: 1px solid #5F0018;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px 0;
    padding: 4px 0;
}
.wp-pagenavi span.next-prev {
    font-family: Arial;
}

