If you look at a default install template there are a lot of comments as to what does what and what style sheets it can be found in...
For instance...
Left simple navigation + 1 column template used on this page
http://multiintech.com/defaultcontent/i ... ge=navleft...
{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "
Layout: Left sidebar + 1 column" *}
<div id="header">
{* this holds the name of the site on the right side *}
<h2 class="headright">{sitename}</h2>
{* this holds a link back to home page and the header left image/logo,
text is hidden using CSS *}
<
h1>{cms_selflink dir="start" text="$sitename"}</h1>
Looking in Layout: Left sidebar + 1 column...
/* header, we will
hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
height: 100px;
margin: 0;
padding: 0;
/* you can set your own image here, will go behind h1 a image */
background: #f4f4f4 url([[root_url]]/uploads/ngrey/bg_banner.png) repeat-x left top;
/* border just the bottom */
border-bottom: 1px solid #D9E2E6;
}
div#header h1 a {
/* you can set your own image here */
background: url([[root_url]]/uploads/ngrey/logoCMS.png) no-repeat left top;
/* this will make the "a" link a solid shape */
display: block;
/* adjust according your image size */
height: 100px;
/* this hides the text */
text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
text-decoration: none;
}
div#header h1 {
margin: 0;
padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
line-height: 0;
font-size: 0;
/* this will keep IE6 from flickering on hover */
background: url([[root_url]]/uploads/ngrey/logoCMS.png) no-repeat left top;
}