Skin Coding Question

Hi, I am trying to create a skin because of the default skins doesn't seem to behave the way I want.

I was able to follow the faq and added the hook in the theme functions and have the new skin appear in the plugin's skin section but I am not able to get it to customize. I tried editing in the customized section within the plugin and Stylesheet section in the theme and under css section under style.css and I don't see the new skin changing.

Can you tell me what I have done wrong? am I editing in the right place? Or did I have issue with my code?

Here is my test code

.grid_post_skin_icon_title .layer-media{
float: left;
}
.grid_post_skin_icon_title .layer-content{
float: right;
display: block;font-size: 11px;line-height: normal;padding: 2px 1px;text-align: left;font-weight: bold;color: red;
}

Thanks for the help!