I'm trying to create a skin where each module is aligned horizontally. For example, the top of the first module in each of the left pane, content pane and right pane would all be aligned horizontally. Then the top of the second modules in left pane, content pane and right pane would all be aligned horizontally. Is this possible at all? I haven't been able to achieve it.

Ok, I had thought that I was only able to create a maximum of number of panes to match number of panes in the default skin i.e. (the Top, Left, Content, Right, Bottom panes).

So all I need to do is add the definitons for the panes in the skin.xml i.e.:
    <Object>
        <Token>[CONTENTPANE:X]</Token>
        <Settings>
            <Setting>
                <Name>ID</Name>
                <Value>PaneName</Value>   
            </Setting>
        </Settings>
    </Object>

and then add them to the skin.html i.e.:
<td id="PaneName" runat="server" valign="top" align="center"></td>

Is that correct?

Is there a way to specify the width of the panes? Currently the panes are stretching to the right, outside the table width. I'd like to try and clean it up if possible. I've tried to assign widths to the panes, however it does not seem to work.

<td class="row3col1" colspan="3" id="Row3Col1" runat="server" valign="top" align="center" width="100px"></td>