Aufzählungszeichen (Sidebar) bei Atahualpa ändern

Hallo zusammen,
für eine Kinderkrippe bastel ich etwas an einer Wordpress-Seite.
http://godmode.lima-city.de/wordpress/
Ich benutze das Theme Atahualpa und würde gerne die Standardaufzählungszeichen (Rechtecke; siehe z.b. unter Aktuelles) in der Sidebar abändern (in ein kleines gif.icon).

Kann mir jemand einen Tipp oder etwas Hilfestellung geben, wo ich den Eintrag finde (css?), um dies vorzunehmen und wie das umzusetzen ist.

Ich dachte eigentlich, das wäre keine große Sache, aber mittlerweile weiß ich selber nicht mehr weiter.

Herzlichen Dank!

Hallo Petra,
danke dir für deine schnelle Antwort.
So richtig blicke ich aber noch nicht durch.

Bin ich bei dem unten angefügten Code aus der css richtig?
Gehört hier das [COLOR=#0000ff]li { list-style: none; eingefügt? (rot markiert)[/COLOR]

Es wäre sehr nett, wenn du mir noch einmal antworten könntet.
Vielen Dank
Tilo

P.S: Die Hoffnung stirbt ja bekanntlich zuletzt...;-)


/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS ----------------------------------
------------------------------------------------------------------ */
div.widget ul {
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
}
/*------------- base styling for all widgets -----------*/

div.widget ul [COLOR=red]li {
[/COLOR] display: block;
margin: 2px 0 2px <?php echo $bfa_ata['widget_lists']['li-margin-left']; ?>px;
padding: 0 0 0 <?php echo $bfa_ata['widget_lists']['link-padding-left']; ?>px;
border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-color']; ?>;
}
div.widget ul li:hover,
div.widget ul li.sfhover {
display: block;
width: auto;
border-left: solid <?php echo $bfa_ata['widget_lists']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists']['link-border-left-hover-color']; ?>;
}
div.widget ul li ul li {
margin: 2px 0 2px <?php echo $bfa_ata['widget_lists2']['li-margin-left']; ?>px;
padding: 0 0 0 <?php echo $bfa_ata['widget_lists2']['link-padding-left']; ?>px;
border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-color']; ?>;
}
div.widget ul li ul li:hover,
div.widget ul li ul li.sfhover {
border-left: solid <?php echo $bfa_ata['widget_lists2']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists2']['link-border-left-hover-color']; ?>;
}
div.widget ul li ul li ul li {
margin: 2px 0 2px <?php echo $bfa_ata['widget_lists3']['li-margin-left']; ?>px;
padding: 0 0 0 <?php echo $bfa_ata['widget_lists3']['link-padding-left']; ?>px;
border-left: solid <?php echo $bfa_ata['widget_lists3']['link-border-left-width']; ?>px #<?php echo $bfa_ata['widget_lists3']['link-border-left-color']; ?>;
}

Hallo Petra,
lieben Dank noch einmal.
Dank firebug zumindest wieder etwas dazugelernt, aber so richtig habe ich die Position wohl doch nicht gefunden. Für einen Laien scheint das etwas zu schwierig zu sein... Vielleicht kommt ja die Erleuchtung im nächsten Leben ;-)

LG
Tilo