Gracias...
Me sirvió muchísimo...
Les muestro como quedó la solución... (Bueno, solución no, saber como se hacen las cosas, cosa que yo no sabía porque todo esto lo toco de oído y meto mano de caradura que soy simplemente)
El CSS lo dejé así
Código PHP:
.tabcontent {
display: none;
background: #FFF url(images/tabtop.gif) no-repeat top;
border: 1px solid #eee;
border-top: 0;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
overflow: hidden;
font-size: 11px;
}
.tabcontent ul li {
display: block;
background: url(images/bullet.gif) no-repeat;
background-position: left 5px;
border-bottom: 1px dotted #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
padding-left: 20px;
color: #999;
line-height: 1.4em;
font-size: 11px;
}
.tabcontent1 a, .tabcontent1 a strong {
color: #2c78b9;
line-height: 1.4em;
font-size: 14px;
}
.tabcontent1 a:hover, .tabcontent1 a:hover strong {
color: #5ea2e7;
}
.tabcontent1 ul li a {
color: #2c78b9;
line-height: 1.4em;
}
.tabcontent1 ul li a:hover {
color: #5ea2e7;
}
.tabcontent1 ul li span {
display: block;
color: #999;
}
.tabcontent2 a, .tabcontent2 a strong {
color: #636363;
line-height: 1.4em;
font-size: 10px;
}
.tabcontent2 a:hover, .tabcontent2 a:hover strong {
color: #999;
}
.tabcontent2 ul li a {
color: #636363;
line-height: 1.4em;
}
.tabcontent2 ul li a:hover {
color: #999;
}
.tabcontent2 ul li span {
display: block;
color: #999;
}
y el sidebar así
Código PHP:
<div id="tab1" class="tabcontent">
<ul>
<?php query_posts('showposts=5&orderby=date'); ?>
<?php while (have_posts()) : the_post(); ?>
<li><span class="tabcontent1"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></span> • <span class="tabcontent2"><?php comments_popup_link('Sin Comentarios', '1 Comentario', '% Comentarios'); ?></span></li>
<?php endwhile; ?>
</ul>
</div>
Gracias nuevamente por la ayuda...