Página principal

Buen día. Surgió un problema inesperado. Estoy creando un sitio con el tema Zen, he puesto un fondo oscuro, pero para el artículo en la página principal necesito un fondo claro. Comencé a mirar con Firebug cómo hacerlo mejor, pero me encontré con un problema inesperado, por alguna razón el artículo publicado en la página principal se superpone al bloque anterior. Y en el código, de alguna manera, resulta que estos bloques están dentro del cuerpo del artículo... horrible. 

aquí está el código de la página:

 

<div id="page">

 

  <header id="header" role="banner">

 

    <?php if ($logo): ?>

      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" /></a>

    <?php endif; ?>

 

    <?php if ($site_name || $site_slogan): ?>

      <hgroup id="name-and-slogan">

        <?php if ($site_name): ?>

          <h1 id="site-name">

            <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home"><span><?php print $site_name; ?></span></a>

          </h1>

        <?php endif; ?>

 

        <?php if ($site_slogan): ?>

          <h2 id="site-slogan"><?php print $site_slogan; ?></h2>

        <?php endif; ?>

      </hgroup><!-- /#name-and-slogan -->

    <?php endif; ?>

 

   

 

    <?php print render($page['header']); ?>

 

  </header>

 

<div id="main">

 

<div class="content-wrapper">

<div id="content" class="column" role="main">

 <?php print render($page['highlighted']); ?>

 <?php print $breadcrumb; ?>

 <a id="main-content"></a>

 

 <?php print $messages; ?>

 <?php print render($tabs); ?>

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

 <?php if ($action_links): ?>

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

 <?php endif; ?>

 <?php print render($page['content']); ?>

 <?php print $feed_icons; ?>

</div><!-- /#content -->

 

<div id="navigation">

 

 <?php if ($main_menu): ?>

<nav id="main-menu" role="navigation">

 <?php

 // Este fragmento de código es difícil de modificar. Recomendamos desactivar el

 // "Menú principal" en el formulario de configuración de su subtema, eliminar este bloque de código PHP

 // y, en su lugar, usar el módulo "Bloque de menú".

 // @ver http://drupal.org/project/menu_block

 print theme('links__system_main_menu', array(

'links' => $main_menu,

'attributes' => array(

 'class' => array('links', 'inline', 'clearfix'),

),

'heading' => array(

 'text' => t('Menú principal'),

 'level' => 'h2',

 'class' => array('element-invisible'),

),

 )); ?>

</nav>

 <?php endif; ?>

 

 <?php print render($page['navigation']); ?>

 

</div><!-- /#navigation -->

 

<?php

 // Renderizar las barras laterales para ver si hay algo en ellas.

 $sidebar_first  = render($page['sidebar_first']);

 $sidebar_second = render($page['sidebar_second']);

?>

 

<?php if ($sidebar_first || $sidebar_second): ?>

 <aside class="sidebars">

<?php print $sidebar_first; ?>

<?php print $sidebar_second; ?> </aside><!-- /.sidebars -->

<?php endif; ?>

</div>

  </div><!-- /#main -->

 

  <?php print render($page['footer']); ?>

 

</div><!-- /#page -->

 

<?php print render($page['bottom']); ?>