Well I did add something, but it seemed pretty straightforward.
To the style sheet, I added this:
Code:
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
to make text wrap around images.
I think that's it.
I just mentioned the markup compliance because I add some essentially third party code such as image maps that are done in an online tool. If it helps, here is image map code that creates the header, added at ATO>Theme Options>HTML/CSS Inserts>Body Top
Code:
<div id="tjicco_header" style="text-align:center; width:1088px;">
<img id="Image-Maps_3201009271708431" src="http://www.tjicco.org/wp/wp-content/uploads/2010/09/Header-Better.gif" usemap="#Image-Maps_3201009271708431" style="border: 0; padding: 0;" border="0" width="1088" height="148" alt="" />
<map id="_Image-Maps_3201009271708431" name="Image-Maps_3201009271708431">
<area shape="rect" coords="134,102,196,121" href="http://www.tjicco.org/wp" alt="" title="" />
<area shape="rect" coords="225,102,304,121" href="http://www.tjicco.org/wp/about-us" alt="" title="" />
<area shape="rect" coords="342,102,409,121" href="http://www.tjicco.org/wp/news" alt="" title="" />
<area shape="rect" coords="446,102,534,121" href="http://www.tjicco.org/wp/donate" alt="" title="" />
<area shape="rect" coords="570,102,668,121" href="http://www.tjicco.org/wp/volunteer" alt="" title="" />
<area shape="rect" coords="712,102,822,121" href="http://www.tjicco.org/wp/photo-gallery" alt="" title="" />
<area shape="rect" coords="866,102,938,121" href="http://www.tjicco.org/wp/contact" alt="" title="" />
<area shape="rect" coords="964,100,988,122" href="http://www.facebook.com/home.php?#!/pages/Tianjin-International-Committee-for-Chinese-Orphans/422427406144?ref=ts" alt="Follow TJICCO on Facebook!" title="Follow TJICCO on Facebook!" />
</map>
</div>
To answer your question about how it's put together, the home page is one single image map, but all the other pages are 4 elements: an image mapped header, a background image that provides the white block behind the body copy, and 2 sidebars, which are each an image map added via a text widget.
Thanks miles!