In your CSS find the section:
/* --------
- SIDEBAR -
-------- */
Then add the property text-align: right; to the following element definitions (so that they will look that the example below):
#sidebar ul {
list-style-type:none;
padding:0;
margin:0;
text-align: right; /*add this line*/
}
#sidebar li {
_border:1px solid #fff;
clear:both;
list-style-type: none; /*this line will make the squared bullets disappear. If you still want the squared bullets to be visible, don't add this line.*/
}
#sidebar ul ul {
margin:0 0 0 16px;
list-style-type:square;
text-align: right; /*add this line*/
}
#sidebar ul ul ul {
list-style-type:none;
text-align: right; /*add this line*/
}
Hope this helps you to make your sidebar look the way you want it to.
If you have more questions and I take long to answer them, please be patient. I won't be able to check the forum as often as I'd like to.
Also know that there are other members of this forum that might chip in and help you out too :)
--