Sidebar bearbeiten?

Hallo,

ich habe auf meiner Wordpress Seite mit ein wenig Google Hilfe eine individuelle Sidebar eingebaut. Es sollen immer nur die aktuellen 2 News angezeigt werden. Dabei habe ich in meiner functions.php folgendes eingefügt

function get_latest_posts($limit = 3)
{
    $latest_posts = get_posts('numberposts=' . $limit);


    $output = '<ul>';
    foreach($latest_posts as $post)
    {
        $post_title = $post->post_title;
        $post_permalink = get_permalink($post->ID);


        $thumbnail = get_the_post_thumbnail(
            $post->ID,
            'thumbnail',
            array(
                'class'    => '',
                'alt'    => $post_title,
                'title'    => $post_title
            )
        );


        $output .= '<li><a href="' . $post_permalink . '" title="Artikel: ' . $post_title . '">';
        $output .= $thumbnail . '<span>' . $post_title . '</span></a></li>';
    }


    $output .= '</ul>';


    return $output;
}

Danach habe ich noch folgendes in meine sidebar.php eingefügt:

echo get_latest_posts(7);

Nun möchte ich das Ganze noch über CSS bearbeiten. Leider komme ich mit Firebug einfach nicht dahinter, wo ich die CSS bearbeiten muss (es lassen sich immer nur die aktuellen Beiträge anzeigen und nicht die "Box", welche die Sidebar darstellen sollte.

Ich würde hätte gerne eine kleine Abgrenzung nach links (border-left zB) und die beiden News sollten selbst eine eigene kleine Box darstellen. Leider bin ich ziemlicher Neuling was das Ganze angeht und komme einfach nicht dahinter.
Meine erste Vermutung war natürlich ein #sidebar (ul li usw. hab ich alles durchprobiert) aber es ändert sich: Nichts

Ich würde mich über ein wenig Hilfe sehr freuen, prinzipiell würde mir schon sehr weiterhelfen, welches der richtige Befehl für meine style.css ist :) Den Rest könnte ich mir dann schon erarbeiten