Few questions

Hi,
I have few questions and I hope someone will answer me.
1. I need to add menu items separator (image) between menu items in top menu.
2. I need to change how front page articles are displayed. So I need to define my own look (different background – color or image - , different title tab on articles and some thing like that. I know I have to define my css class but please tell me where to put it, how to name it and how to “force” template to show articles just like that?
Here are 2 screenshots what I want to do.

Thank you very much

For separators you can add border to:

.menu > li{
...
}

you can add tha to the end of template_css.css, that is plate of high priority, also you can use !important flag for css properties.

for article background use:

.blog-featured .item{
...
}

Thank you for the reply
Please give me some more information and example if it`s possible about this
.blog-featured .item{
...
}
Also please tell me where to add this?

I will appreciate if you give me example to try to achieve this on the design attached.

you can add that to the end of template_css.css, that is plate of high css priority

Thank you,
But can you please give me example about article look? I did something but nothing changes.

You want us to make you css for design you have. That can only be treated as custom job.