page--front.tpl.php

?>
  <?php if (!$in_overlay): // hide in overlay ?>

    <?php if ($page['leaderboard']): ?>
      <div id="leaderboard" class="clearfix">
        <?php print render($page['leaderboard']); ?>
      </div>
    <?php endif; ?>

    <?php if ($secondary_menu_links): ?>
      <div id="secondary-menu-wrapper" class="clearfix">
        <div class="secondary-menu-inner"><?php print $secondary_menu_links; ?></div>
      </div>
    <?php endif; ?>
    <div id="header" class="clearfix">

      <?php if ($site_logo || $site_name || $site_slogan): ?>
        <div id="branding">

          <?php if ($site_logo or $site_name): ?>
            <?php if ($title): ?>
              <div class="logo-site-name"><strong>
                <?php if ($site_logo): ?><span id="logo"><?php print $site_logo; ?></span><?php endif; ?>
                <?php if ($site_name): ?><span id="site-name"><?php print $site_name; ?></span><?php endif; ?>
              </strong></div>
            <?php else: /* Use h1 when the content title is empty */ ?>
              <h1 class="logo-site-name">
                <?php if ($site_logo): ?><span id="logo"><?php print $site_logo; ?></span><?php endif; ?>
                <?php if ($site_name): ?><span id="site-name"><?php print $site_name; ?></span><?php endif; ?>
             </h1>
            <?php endif; ?>
          <?php endif; ?>

          <?php if ($site_slogan): ?>
            <div id="site-slogan"><?php print $site_slogan; ?></div>
          <?php endif; ?>

        </div> <!-- /branding -->
      <?php endif; ?>
      <?php if ($page['header']): ?>
        <div id="header-blocks"><?php print render($page['header']); ?></div>
      <?php endif; ?>

    </div> <!-- /header -->


    <?php if ($main_menu_links): ?>
      <div id="main-menu-wrapper" class="clearfix">
        <div class="main-menu-inner"><?php print $main_menu_links; ?></div>
      </div>
    <?php endif; ?>

  <?php endif; // end hide in overlay ?>

  <?php print $breadcrumb; ?>
  <?php print $messages; ?>
  <?php print render($page['help']); ?>

  <?php if ($page['secondary_content'] && !$in_overlay): // hide in overlay ?>
    <div id="secondary-content">
      <?php print render($page['secondary_content']); ?>
    </div>
  <?php endif; ?>

  <div id="columns" class="clear clearfix">
    <div id="content-column">
      <div class="content-inner">

        <?php if ($page['highlighted']): ?>
          <div id="highlighted"><?php print render($page['highlighted']); ?></div>
        <?php endif; ?>

        <div id="main-content">
          <?php print render($title_prefix); ?>
          <?php if ($title): ?>
            <h1 id="page-title"><?php print $title; ?></h1>
          <?php endif; ?>
          <?php print render($title_suffix); ?>

          <?php if ($tabs): ?>
            <div class="local-tasks"><?php print render($tabs); ?></div>
          <?php endif; ?>

          <?php if ($action_links): ?>
            <ul class="action-links"><?php print render($action_links); ?></ul>
          <?php endif; ?>

          <div id="content">
            <?php print render($page['content']); ?>
          </div>
        </div>

      </div>
    </div>

    <?php if ($page['sidebar_first']): ?>
      <div id="sidebar-first" class="sidebar"><?php print render($page['sidebar_first']); ?></div>
    <?php endif; ?>

    <?php if ($page['sidebar_second']): ?>
      <div id="sidebar-second" class="sidebar"><?php print render($page['sidebar_second']); ?></div>
    <?php endif; ?>

  </div> <!-- /columns -->

  <?php if (!$in_overlay): // hide in overlay ?>

    <?php if ($page['tertiary_content']): ?>
      <div id="tertiary-content">
        <?php print render($page['tertiary_content']); ?>
      </div>
    <?php endif; ?>

    <?php if ($page['footer'] || $feed_icons): ?>
      <div id="footer">
        <?php print render($page['footer']); ?>
        <?php /*?><?php print $feed_icons; ?><?php */?>
      </div>
    <?php endif; ?>

  <?php endif; // end hide in overlay ?>


page.css

#container {
  width: 960px;
  height:  863px;
}

#container   {
  background-image:  url(../images/lucento_bg.jpg);
  background-repeat:no-repeat;
  background-position:  center top;
}



/* Column wrappers */
#columns {
  padding-left:  10px;
}
.columns-inner {}

/* Content wrappers */
#content-column {}
.content-inner {}

/* Main content wrappers*/
#main-content {}
#content {}


/**********************************************************
 *                 Header Elements
 **********************************************************/
/* #header wraps #branding and #header-blocks. */
#header {
  background-image:  url(../images/brushed_steel_topc.png);
  background-repeat:no-repeat;
  background-position:  center top;
  width:  960px;
  height:  208px;
  /*background-color:  #1f1f1f;
  border-top:  30px solid #3e3e3e;
  border-bottom:  3px solid #3e3e3e;
  height:  120px;*/
}

/* #branding wraps #logo, #site-name and #site-slogan. */
#branding {
  float: left; /* LTR */
}

/* h1 is for the front page only, all others use the div. */
#branding h1 {
  font-size: 1em; /* reset h1, do not change! */
}

/* Logo and site_name wrapper. */
.logo-site-name {}
div.logo-site-name,
h1.logo-site-name  {}

/* Remove display:block if you want the site name inline with the logo. */
.logo-site-name span {
  display: block;
}

/* Logo. */
#logo {
  position:  relative;
  float:  left;
  margin-left:  20px;
  margin-top:  40px;
  z-index:  10;
}

#site-name {
  font-weight: bold; /* Bold or else the line heights vary. */
  font-size: 4em;
  line-height: 1.5;
  position: relative;
  float:  left;
  margin-top:  25px;
}

/* Override default pseudo class styles. */
#site-name a:link,
#site-name a:visited {
  text-decoration:none;
  color:  #ffffff;
}

#site-name a:hover,
#site-name a:focus,
#site-name a:active  {}

/* Site slogan. */
#site-slogan {
  position:   relative;
  font-family:  Arial, Helvetica, sans-serif;
  font-size:  20px;
  font-weight:  bold;
  margin-left:  200px;
  z-index:  30;
  color:  #212121;
}

.........

/*drupal 7, genesis theme*/