Main layout CSS div's: * div id="container" - this is used to wrap the header and content-holder (including sidebar). If you want you can move the footer inside this div as well. Div's that are children of container include: o div id="header" o div id="content-holder" * div id="header" - this houses all the header content including: o div id="header-inner" - used if you would like a full page layout but a defined width for the actual content. o div id="logo" o div id="search-header" o div id="searchform" * div id="content-holder" - this houses the sites main content including the sidebar. There are two types of layout, 2 column (splitpane) or single page. o div id="content-holder-inner" - used if you would like a full page layout but a defined width for the actual content. o div id="splitpane-content" - the actual site content when a sidebar is employed. o div id="splitpane-sidebar" - holds the sidebar information. o div id="single-page" - presents the information in a single page i.e. no sidebar. * div id="footer" - this houses all the footer content including: o div id="footer-inner" - used if you would like a full page layout but a defined width for the actual content. Note: the toolbar has it's own CSS located in mod/toolbar/css Here is a list of the other div's that are used to control appearance of the components houses in content-holder: These are all located within 'splitpane-sidebar': * id #sidebar_user - this hold the small profile box located in the sidebar * id #me - holds the users information * id #icon - the user icon * id #contents - the page owners details * class .userdetails - the tags, resources and rss links * class .usermenu - the friend/unfriend link * id #recent_activity - the recent activity link. * id #community_owned - community the user owns * id #community_membership - communities the user is a member off * id #sidebar_friends - the users friends * id #sidebar_files - the users files Blogging engine div's: * class .weblog-post - this wrap each individual blog post * class .user - this holds the user icon of the post owner * class .weblog_keywords - this is the blog post tags * class .weblog-title - the blog title * class .post - the actual blog content * class .info - the blog post details, who posted it plus the edit and delete links * class .weblog_dateheader - date the post was made * id #comments - wraps all the comments for a particular post * class .comment-owner - this is the details of the person who made the comment plus a perma link to the comment Div's not used but available: * id #view_own_blog - this wraps your entire blog and can be used to make the view you have of your blog different from what others see. For example; some people don't like their icon to appear on all of their own posts - use this div to hide the icon when you are viewing the page, others will still see the icon. Sub Menu div's: * id #sub-menu - this displays the sub menu navigation options.