Make sure that you have read the entire skinning documentation here. It will give you a good foundation for getting started. To be able to see the changes that you are making to you CSS you need to turn off the caching. You have a couple of ways to do this.

You can add the following lines to your user.config file to disable the caching. Once you add them you need to touch the web.config to reflect the changes. Once you are done with your changes remeber to set the values back to true for production sites.

<add key="CacheCssOnServer" value="false" />
<add key="CacheCssInBrowser" value="false" />

The second method it to use the admin control panel to disable caching for your session. Goto Administration - Advanced Tools - Design Tools - Cache Tool - Disable CSS Caching

A tool that will be of great help to you is FireBug for Firefox or you can use the development tools built into IE or Chrome. You can use these tools to inspect elements on the page and via what CSS is behind them

I am 100% sure i am modifying the right files.

I've read many articles & posts on that.

Clearing the browser by going away from website worked a bit, as Joe suggested but no great relief yet.

But actually i am dealing with the 5 content panes i.e. Left,Center,Right,Top & Bottom.

I want to place my contents like images, slideshows & other  HTML contents in them.

I want to show them as i expect them to display & want to change their margins & widths a bit.

But when i try to do so i got the panes displaced, like, right pane comes under the left & my page goes ugly.

What can i do for that. For this purpose i am modifying some CSS classes in style.config & adding some of the mine & keeping their reference in style.config.

There is one more question, i've observerd that the some of the Div(s) are created dynamically when i place content in panes & some of the CSS classes are automatically applied on them.

Can i control them also???

hi joe.

your last reply was appreciated.

but i think my major concern is about the positioning my controls & contents.

for example in style.css there are two divs named "art-sheet" & "art-sheet-body" in style.css class.

My <portal:SlidePanel> tag goes under the "art-sheet-body".

No matter what i do in their CSS classes, they never look my way (width for instance).

Then how i am supposed to create my layout? when i use firebug & hover on "art-sheet" div, it covers all the width of page, I think it is the reason that my right pane content is coming under my slide show.

How can i get rid of it?

please help.