Using Chrome to inspect the toolbar elements I can see that this style rule from Artisteer is causing the problem:

.art-post ul > li {
background: none;
padding-left: 0;
overflow: visible;
background-repeat: no-repeat;
}

the background:none; is overriding the css from telerik. You could edit the style.css to remove that.

Regarding the layout (ie you describe it as too large, but that isn't really the problem), it looks to me like you did not use a 3 column layout in Artisteer as indicated in the instructions therefore the exported css lacks what is needs for the left column width. I cannot reproduce that problem using a 3 column layout in Artisteer.

I would change it in Artisteer to use 3 columns then re-export then tweak the css to solve the toolbar problem.

Hope that helps,

Joe

The layout within a content area in Artisteer is not really part of the design, its content. What you can possibly do for some of that layout within the content is make a content template that has the needed html fragment copied from that content. The css for styling that content should already be in the skin but the layout markup from within the content would need to be in content in mojoPortal not in the skin.

I'm not really sure about differences between the Mac and Windows versions of Artisteer, but the main thing for Artisteer 3.1 is choosing the correct starting skin as indicated in the article for Artisteer 3.1. But you must also follow the instructions in detail and make sure your main layout in Artisteer has 3 columns. Further divisiion into columns within the content could possibly use content templates as mentioned, but the main layout needs 3 columns.

Things are much easier now with Artisteer 4.0 (currently in RC for Windows) as we have a plugin to directly export a mojoPortal skin. It may be a while yet before they come out with Artisteer 4 for Mac, but theoretically when they do the plugin should work in that version as well.

Hope that helps,

Joe