- CSS TASARIMLARIN,KIRMIZI BEYAZ ÇOK GÜZEL BİR TASARIM

CSS TASARIMLARIN,KIRMIZI BEYAZ ÇOK GÜZEL BİR TASARIM

TASARIMIN ÜSTÜNE

</head>
<body>
   <div id="header">
      <div id="page-menu" class="menu clearfix">
         <ul>
            <li class="page_item current_page_item"><a href="http://wpjunction.com/themes/seezine/">Home</a></li>
            <li class="page_item page-item-2"><a href="http://wpjunction.com/themes/seezine/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-21"><a href="http://wpjunction.com/themes/seezine/?page_id=21" title="Nulla ut libero">Nulla ut libero</a></li>

<li class="page_item page-item-24"><a href="http://wpjunction.com/themes/seezine/?page_id=24" title="Sodales">Sodales</a></li>
<li class="page_item page-item-25"><a href="http://wpjunction.com/themes/seezine/?page_id=25" title="Pellentesque">Pellentesque</a></li>
<li class="page_item page-item-26"><a href="http://wpjunction.com/themes/seezine/?page_id=26" title="Quisque fermentum">Quisque fermentum</a></li>
<li class="page_item page-item-73"><a href="http://wpjunction.com/themes/seezine/?page_id=73" title="About">About</a></li>
<li class="page_item page-item-75"><a href="http://wpjunction.com/themes/seezine/?page_id=75" title="About">About</a></li>
<li class="page_item page-item-76"><a href="http://wpjunction.com/themes/seezine/?page_id=76" title="About">About</a></li>
         </ul>
      </div>

<div id="header-content" class="clearfix">
         <div id="branding" class="clearfix">
            <span id="blog-title"><a href="http://wpjunction.com/themes/seezine/" title="SeeZine" rel="home">SeeZine</a></span>
            <span id="branding-separator"></span>
                        <h1 id="blog-description"><span>Just another WordPress weblog</span></h1>
                     </div>

<span class="rss icon">Subscribe to RSS</span>
            <span class="rss icon">Subscribe to Comments</span>
            <form id="top-search" action="http://wpjunction.com/themes/seezine/" method="get">
               <fieldset>
               <input type="text" id="top-s" name="s" value="Search..." class="input-text"/>
               </fieldset>
            </form>
         </div>

<div id="cat-menu" class="menu">
         <ul>
               <li class="cat-item cat-item-4"><a href="http://wpjunction.com/themes/seezine/?cat=4" title="View all posts filed under Curabitur">Curabitur</a>
</li>
   <li class="cat-item cat-item-5"><a href="http://wpjunction.com/themes/seezine/?cat=5" title="View all posts filed under Donec">Donec</a>
</li>

<li class="cat-item cat-item-6"><a href="http://wpjunction.com/themes/seezine/?cat=6" title="View all posts filed under Libero">Libero</a>
</li>
   <li class="cat-item cat-item-7"><a href="http://wpjunction.com/themes/seezine/?cat=7" title="View all posts filed under Maecenas">Maecenas</a>
</li>
   <li class="cat-item cat-item-8"><a href="http://wpjunction.com/themes/seezine/?cat=8" title="View all posts filed under Mauris">Mauris</a>
</li>
   <li class="cat-item cat-item-9"><a href="http://wpjunction.com/themes/seezine/?cat=9" title="View all posts filed under Suspendisse">Suspendisse</a>
</li>
   <li class="cat-item cat-item-10"><a href="http://wpjunction.com/themes/seezine/?cat=10" title="View all posts filed under tellus">tellus</a>

</li>
   <li class="cat-item cat-item-11"><a href="http://wpjunction.com/themes/seezine/?cat=11" title="View all posts filed under Velit">Velit</a>
</li>
   <li class="cat-item cat-item-12"><a href="http://wpjunction.com/themes/seezine/?cat=12" title="View all posts filed under Video">Video</a>
</li>
   <li class="cat-item cat-item-13"><a href="http://wpjunction.com/themes/seezine/?cat=13" title="View all posts filed under Vivamus">Vivamus</a>
</li>
         </ul>
         <span class="left-side"></span><span class="right-side"></span>

</div>
   </div>

<div id="image-gallery-wrapper">
   <script type="text/javascript">
   stepcarousel.setup({
      galleryid: 'image-gallery', //id of carousel DIV
      beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
      panelclass: 'panel', //class of panel DIVs each holding content
      panelbehavior: {speed:500, wraparound:true, persist:true},
      defaultbuttons: {enable: false},
      statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
      contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
   })
   
   </script>

<div id="content">
<script type="text/javascript">
featuredcontentglider.init({
   gliderid: "featured-posts",
   contentclass: "featured-post",
   togglerid: "togglebox",
   remotecontent: "",
   selected: 1,
   persiststate: true,
   speed: 300,
   direction: "leftright",
   autorotate: true,
   autorotateconfig: [10000, 9999] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})
</script>

<div id="featured-posts-wrapper" class="clearfix"><div id="featured-posts-top">
   <div id="featured-posts" class="glidecontentwrapper">
         <div class="featured-post">
         <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=15" title="Mauris euismod rhoncus tortor.">Mauris euismod rhoncus tortor.1</a></h3>
         <div class="entry">
            <p>PwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tl</p>
         </div>
      </div>

<div class="featured-post">
         <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=13" title="Curabitur faucibus">Curabitur faucibus 2</a></h3>
         <div class="entry">
            <p>PwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tl</p>
         </div>
      </div>
         <div class="featured-post">
         <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=11" title="Nullam eget nunc convallis…">Nullam eget nunc convallis… </a></h3>

<div class="entry">
            <p>PwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tl</p>
         </div>
      </div>
         <div class="featured-post">
         <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=9" title="Suspendisse neque tellus">Suspendisse neque tellus</a></h3>
         <div class="entry">
            <p>PwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tl</p>

</div>
      </div>
         <div class="featured-post">
         <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=7" title="Mauris tristique gravida velit">Mauris tristique gravida velit</a></h3>
         <div class="entry">
            <p>PwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tlPwG DesignS.es.tl</p>
         </div>
      </div>

</div>
   <div id="togglebox" class="glidecontenttoggler">
      <a href="#" class="prev"><span>Previous</span></a>
      <a href="#" class="next"><span>Next</span></a>
   </div>
</div></div>
<div id="featured-posts-bottom"></div>
               <div id="post-69" class="post"><div class="post-top"><div class="post-bottom">
            <h3 class="title"><a href="http://wpjunction.com/themes/seezine/?p=69" title="Sed nunc augue">Sed nunc augue</a></h3>

<div class="meta">
               <span class="date-post icon">January 20 2009</span> <span class="categories-post icon">Categorized Under: <a href="http://wpjunction.com/themes/seezine/?cat=12" title="View all posts in Video" rel="category">Video</a></span> <span class="comment-post icon">No Commented</span>
            </div>
            <div class="entry">

TASARIMIN ALTINA

</p>
            </div>
         </div></div></div>
                           <div class="navigation clearfix">
            <div class="alignleft"></div>
            <div class="alignright"></div>

</div>
               
      </div>

</div></div></li>   <li id="pages" class="widget"><div class="widget-top"><div class="widget-bottom">      <h4 class="widget-title">Pages</h4>      <ul>
         <li class="page_item page-item-2"><a href="http://wpjunction.com/themes/seezine/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-73"><a href="http://wpjunction.com/themes/seezine/?page_id=73" title="About">About</a></li>
<li class="page_item page-item-75"><a href="http://wpjunction.com/themes/seezine/?page_id=75" title="About">About</a></li>

<li class="page_item page-item-76"><a href="http://wpjunction.com/themes/seezine/?page_id=76" title="About">About</a></li>
<li class="page_item page-item-21"><a href="http://wpjunction.com/themes/seezine/?page_id=21" title="Nulla ut libero">Nulla ut libero</a></li>
<li class="page_item page-item-25"><a href="http://wpjunction.com/themes/seezine/?page_id=25" title="Pellentesque">Pellentesque</a></li>
<li class="page_item page-item-26"><a href="http://wpjunction.com/themes/seezine/?page_id=26" title="Quisque fermentum">Quisque fermentum</a></li>
<li class="page_item page-item-24"><a href="http://wpjunction.com/themes/seezine/?page_id=24" title="Sodales">Sodales</a></li>
      </ul>
   </div></div></li><li id="categories-525660961" class="widget"><div class="widget-top"><div class="widget-bottom"><h4 class="widget-title">Categories</h4>      <ul>
         <li class="cat-item cat-item-4"><a href="http://wpjunction.com/themes/seezine/?cat=4" title="View all posts filed under Curabitur">Curabitur</a>

</li>
   <li class="cat-item cat-item-5"><a href="http://wpjunction.com/themes/seezine/?cat=5" title="View all posts filed under Donec">Donec</a>
</li>
   <li class="cat-item cat-item-6"><a href="http://wpjunction.com/themes/seezine/?cat=6" title="View all posts filed under Libero">Libero</a>
</li>
   <li class="cat-item cat-item-7"><a href="http://wpjunction.com/themes/seezine/?cat=7" title="View all posts filed under Maecenas">Maecenas</a>
</li>
   <li class="cat-item cat-item-8"><a href="http://wpjunction.com/themes/seezine/?cat=8" title="View all posts filed under Mauris">Mauris</a>
</li>

<li class="cat-item cat-item-9"><a href="http://wpjunction.com/themes/seezine/?cat=9" title="View all posts filed under Suspendisse">Suspendisse</a>
</li>
   <li class="cat-item cat-item-10"><a href="http://wpjunction.com/themes/seezine/?cat=10" title="View all posts filed under tellus">tellus</a>
</li>
   <li class="cat-item cat-item-11"><a href="http://wpjunction.com/themes/seezine/?cat=11" title="View all posts filed under Velit">Velit</a>
</li>
   <li class="cat-item cat-item-12"><a href="http://wpjunction.com/themes/seezine/?cat=12" title="View all posts filed under Video">Video</a>
</li>
   <li class="cat-item cat-item-13"><a href="http://wpjunction.com/themes/seezine/?cat=13" title="View all posts filed under Vivamus">Vivamus</a>

</li>
      </ul>
</div></div></li>      <li id="recent-posts" class="widget"><div class="widget-top"><div class="widget-bottom">         <h4 class="widget-title">Recent Posts</h4>         <ul>
                  <li><a href="http://wpjunction.com/themes/seezine/?p=69">Sed nunc augue </a></li>
                  <li><a href="http://wpjunction.com/themes/seezine/?p=17">Lorem ipsum dolor sit amet </a></li>
                  <li><a href="http://wpjunction.com/themes/seezine/?p=15">Mauris euismod rhoncus tortor. </a></li>

<li><a href="http://wpjunction.com/themes/seezine/?p=13">Curabitur faucibus </a></li>
                  <li><a href="http://wpjunction.com/themes/seezine/?p=11">Nullam eget nunc convallis… </a></li>
                  </ul>
      </div></div></li>      <li id="meta" class="widget"><div class="widget-top"><div class="widget-bottom">         <h4 class="widget-title">Meta</h4>         <ul>
                  <li><a href="http://wpjunction.com/themes/seezine/wp-login.php">Log in</a></li>

<li><a href="http://wpjunction.com/themes/seezine/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
         <li><a href="http://wpjunction.com/themes/seezine/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
         <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
                  </ul>
      </div></div></li>         </ul>
      </div>

</div>

<div id="footer">
            <p><a href="http://topwpthemes.com" title="Wordpress Themes" target="_blank">Wordpress Theme</a> Adaptado por <a href="http://www.PwG-DesignS.es.tl" title="PwG-DesignS" target="_blank">PwG-DesignS</a></p>
   </div>
</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
   display: block;
}

* html .clearfix {
   height: 1%; /* IE5-6 */
}

body {
   background:#000000 url(http://img40.xooimage.com/files/8/3/5/background-12f0864.gif) repeat-x 0 0;
   width:960px;
   margin:0 auto;
   height:1000px;
   font:normal 11px Arial,Verdana,Tahoma;
   color:#565656;
}

a {
   text-decoration:none;
   color:#b41115;
}

a:hover { color:#95040b; }

/* header */
#header { padding-top:9px; }

#page-menu ul {
   display:block;
   float:right;
   height:44px;
   overflow:hidden;
}

#page-menu ul li {
   background:transparent url(http://img42.xooimage.com/files/5/e/3/page-menu-bg-12f0868.gif) no-repeat 0 0;
   display:block;
   float:left;
   height:44px;
   line-height:44px;
   margin-right:3px;
}

#page-menu ul li a {
   background:transparent url(http://img42.xooimage.com/files/5/e/3/page-menu-bg-12f0868.gif) no-repeat 100% 100%;
   display:block;
   float:left;
   font:normal 14px Tahoma,Verdana,Arial;
   height:44px;
   line-height:44px;
   padding:0 16px;
   color:#ffffff;
}

#page-menu ul li a:hover, #page-menu ul li.current_page_item a { color:#540305; }

.left-side, .right-side {
   display:block;
   position:absolute;
   top:0;
   z-index:2;
}

.left-side { left:0; }

.right-side { right:0; }

#header-content {
   clear:both;
   background:#5c040b url(http://img28.xooimage.com/files/0/e/4/header-bg-12f0878.gif) repeat-x 0 0;
   position:relative;
   height:112px;
   padding:0 21px;
   z-index:1;
   margin-bottom:3px;
}

#header-content .left-side, #header-content .right-side {
   background:transparent url(http://img28.xooimage.com/files/0/e/4/header-bg-12f0878.gif) no-repeat;
   width:9px;
   height:112px;
}

#header-content .left-side { background-position:0 -112px; }

#header-content .right-side { background-position:0 -224px; }

#branding {
   float:left;
   width:620px;
   text-transform:uppercase;
}

#blog-title {
   display:block;
   float:left;
   font-size:34px;
   font-weight:bold;
   line-height:111px;
   padding-right:14px;
   color:#ffffff;
}

#blog-title a {  color:#ffffff; }

#blog-title a:hover {  color:#910507; }

#branding-separator {
   background:transparent url(http://img40.xooimage.com/files/c/c/5/brand-separator-12f088b.gif) no-repeat 0 50%;
   display:block;
   float:left;
   width:2px;
   height:111px;
   margin-right:15px;
}

#blog-description, #blog-description span {
   background:transparent url(http://img44.xooimage.com/files/1/6/5/tagline-bg-12f089f.jpg) no-repeat;
   background-position:0 44px;
   display:block;
   float:left;
   padding-left:7px;
   height:111px;
}

#blog-description span {
   background-position:100% 44px;
   font-size:10px;
   font-weight:normal;
   line-height:111px;
   color:#ffffff;
   padding:0 6px 0 0;
}

#subscribe-search {
   float:right;
   height:81px;
   width:265px;
   padding-top:30px;
}

.icon {
   background:transparent url(http://img46.xooimage.com/files/e/0/8/all-icons-12f08a8.gif) no-repeat;
   padding-left:20px;
}

.rss {
   background-position:0 2px;
   font-size:12px;
   color:#fffefe;
   padding-left:15px;
}

#top-search {
   margin-top:10px;
   background:url(http://img48.xooimage.com/files/5/8/f/top-search-bg-12f08b1.gif) no-repeat 0 0;
}

#top-s {
   background:none;
   border:none;
   font:normal 12px Arial, Verdana;
   color:#910507;
   display:block;
   height:21px;
   width:250px;
   padding:5px 4px 0;
}

#cat-menu {
   background:#b30e13 url(http://img20.xooimage.com/files/3/3/7/cat-menu-bg-12f08c4.gif) repeat-x 0 0;
   padding:0 9px;
   position:relative;
   height:42px;
   margin-bottom:3px;
}

#cat-menu .left-side, #cat-menu .right-side {
   background:transparent url(http://img20.xooimage.com/files/3/3/7/cat-menu-bg-12f08c4.gif) no-repeat;
   width:9px;
   height:42px;
}

#cat-menu .left-side { background-position:0 -42px; }

#cat-menu .right-side { background-position:0 100%; }

#cat-menu ul {
   display:block;
   height:42px;
   overflow:hidden;
}

#cat-menu ul li, #cat-menu a {
   background:transparent url(http://img26.xooimage.com/files/8/b/1/menu-separator-12f08cf.gif) no-repeat 100% 0;
   display:block;
   float:left;
   height:42px;
   padding-right:2px;
}

#cat-menu a {
   background:none;
   font-size:10px;
   line-height:42px;
   color:#FFFFFF;
   padding:0 12px;
   text-transform:uppercase;
}

#cat-menu a:hover, #cat-menu .current-cat a {
   background:transparent url(http://img20.xooimage.com/files/3/3/7/cat-menu-bg-12f08c4.gif) no-repeat 100% 0;
}

/* container */
#container {}

/* content */
#content {
   float:left;
   width:668px;
}

#featured-posts-wrapper {
   background-color:#ffffff;
   width:668px;
}

#featured-posts-top {
   background:url(http://img24.xooimage.com/files/1/3/c/post-top-bg-12f08dd.gif) no-repeat 0 0;
   float:left;
   padding-top:5px;
}

#featured-posts-bottom {
   background:url(http://img42.xooimage.com/files/6/8/3/post-bottom-bg-12f08e4.gif) no-repeat 0 0;
   float:left;
   width:668px;
   height:5px;
   margin-bottom:3px;
}

.featured-post .title {
   font:normal 21px 'Trebuchet MS', Verdana, Tahoma;
   padding-bottom:3px;
   border-bottom:3px solid #dadada;
   margin-bottom:3px;
}
.featured-post .title a {
}

.featured-post .entry {
   font-size:12px;
}

.pagetitle {
   color:#ffffff;
   font-size:15px;
   font-weight:normal;
   margin-bottom:3px;
}

.post {
   clear:both;
   background:#ffffff url(images/post-bg.gif) repeat-y 0 0;
   width:668px;
   float:left;
   margin-bottom:3px;
   position:relative;
}

.post-top {
   background:transparent url(http://img24.xooimage.com/files/1/3/c/post-top-bg-12f08dd.gif) no-repeat 0 0;
   float:left;
   padding-top:5px;
   width:668px;
}

.post-bottom {
   background:transparent url(http://img42.xooimage.com/files/6/8/3/post-bottom-bg-12f08e4.gifbg) no-repeat 0 100%;
   float:left;
   padding:0 5px 5px;
   width:658px;
}

.post .title {
   font:normal 21px 'Trebuchet MS', Verdana, Tahoma;
   color:#B41115;
   margin-bottom:5px;
}

.meta {
   clear:left;
   background-color:#fbfbfb;
   border-top:3px solid #f9e2e2;
   padding:0 5px;
   font-size:10px;
   color:#848484;
}

.meta span {
   line-height:21px;
   margin-right:5px;
   padding-left:15px;
}

.date-post { background-position:0 -26px; }

.categories-post { background-position:2px -51px; }

.comment-post { background-position:0 -77px; }

.entry {
   clear:left;
}

.more-link {
   background:#f1f1f1 url(http://img48.xooimage.com/files/1/d/b/read-more-bg-12f0910.gif) no-repeat 50% 0;
   display:block;
   float:right;
   font-size:10px;
   width:88px;
   height:25px;
   line-height:25px;
   text-align:center;
   text-transform:uppercase;
   color:#a3a3a3;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
   background-color:#ffffff;
   clear:both;
   height:49px;
   position:relative;
   padding:0 9px;
   border-top:5px solid #000000;
   margin-bottom:13px;
}
.wp-pagenavi {
   padding-top:18px;
   font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend  {
   border:1px solid #dcdcdc !important;
   padding:7px 9px !important;
}

.wp-pagenavi span.pages, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend {
   background-color:#eaeaea !important;
   color:#767676 !important;
   text-transform:uppercase;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
   background-color:#d8d8d8 !important;
   color:#767676 !important;
}

/* sidebar */
#sidebar {
   float:right;
   width:287px;
}

.widget {
   clear:both;
   background-color:#ffffff;
   width:287px;
   float:left;
   margin-bottom:3px;
   position:relative;
}

.widget-top {
   background:transparent url(http://img40.xooimage.com/files/c/c/a/widget-top-bg-12f091a.gif) no-repeat 0 0;
   float:left;
   padding-top:5px;
   width:287px;
}

.widget-bottom {
   background:transparent url(http://img46.xooimage.com/files/0/4/8/widget-bottom-bg-12f0924.gif) no-repeat 0 100%;
   float:left;
   padding:0 5px 5px;
   width:277px;
}

.widget-title {
   font:normal 18px 'Trebuchet MS', Verdana, Tahoma;
   color:#b41115;
   padding-bottom:3px;
   border-bottom:3px solid #af3030;
}

.widget ul li {
   background:#ffffff url(http://img46.xooimage.com/files/e/0/8/all-icons-12f08a8.gif) no-repeat 4px -98px;
   padding-left:20px;
   border-bottom:1px solid #deddde;
   line-height:28px;
}

.widget ul li a {
   color:#9e9e9e;
   display:block;
   line-height:28px;
}

.widget a:hover {
   background-color:#f8f8f8;
}

/* footer */
#footer {
   height:113px;
   padding-top:20px;
   text-align:center;
   font-size:11px;
   color:#ffffff;
}