ePhoto theme help.

I just now realized that only members can access the link I posted here.

This is my single-photo.php

<?php get_header(); ?>

<div id="container2">
<div id="left-div2">

<?php if (get_option('ephoto_integration_single_top') <> '' && get_option('ephoto_integrate_singletop_enable') == 'on') echo(get_option('ephoto_integration_single_top')); ?>

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <!--Begin Post-->

<?php $video = get_post_meta($post->ID, 'Video', $single = true); ?>
<?php if($video !== '') : ?>
   <div class="thumbnail-single">
      <?php echo $video; ?>
   </div>

<?php elseif (get_option('ephoto_thumbnails_photo') == 'on') : ?>
   <?php $thumb = get_post_meta($post->ID, 'Thumbnail', $single = true); ?>
   <?php $orientation = get_post_meta($post->ID, 'orientation', $single = true); ?>

   <?php if (($thumb == '') && ($ephoto_grab_image == 'on')) $thumb = catch_that_image(); ?>
   <?php if ($thumb <> '') { ?>

   <div class="post-wrapper">
        <h1 class="post-title"><?php the_title(); ?></h1>

        <div style="clear: both;"></div>
   </div>

   <?php if ($orientation  == 'portrait') { ?>
      <div class="thumbnail-single-portrait" style="background-repeat:no-repeat; background-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&h=624&w=364&zc=1&q=100);">
         <div class="sections-overlay-portrait_"><a href="<?php echo $thumb; ?>" title="<?php the_title() ?>" rel="lightbox[26]"><img border="0" src="<?php bloginfo('stylesheet_directory'); ?>/images/zoom.png" alt="zoom" class="zoom" /></a></div>
           </div>
   <?php } else {?>

      <div class="thumbnail-single-landscape" style="background-repeat:no-repeat; background-image: url(<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumb; ?>&h=364&w=624&zc=1&q=100);">
         <div class="sections-overlay-landscape_"><a href="<?php echo $thumb; ?>" title="<?php the_title() ?>" rel="lightbox[26]"><img border="0" src="<?php bloginfo('stylesheet_directory'); ?>/images/zoom.png" alt="zoom" class="zoom" /></a></div>
              </div>

       <?php } ?>

   <?php } ?>
<?php endif; ?>

    <div class="post-wrapper">
    <div class="post-info">
         ver&ouml;ffentlicht am <?php the_time('j. F Y') ?><?php if (in_array('categories', get_option('ephoto_postinfo1'))) { ?> in <?php the_category(', ') ?><?php }; ?><?php if (in_array('comments', get_option('ephoto_postinfo1'))) { ?> | <?php comments_popup_link('0 Kommentare', '1 Kommentar', '% Kommentare'); ?><?php }; ?>
      </div>
            <div class="post-info2">
            <?php if(function_exists('the_ratings')) { the_ratings(); } ?>
            </div>
        <div style="clear: both;"></div>
        <?php the_content(); ?>
      <?php if (get_option('ephoto_integration_single_bottom') <> '' && get_option('ephoto_integrate_singlebottom_enable') == 'on') echo(get_option('ephoto_integration_single_bottom')); ?>
      <br style="clear: both;"/>
      <?php if (get_option('ephoto_show_postcomments_photo') == 'on') { ?>
         <div class="comments-wrapper">
            <?php comments_template(); ?>
         </div>
         <img src="<?php bloginfo('stylesheet_directory'); ?>/images/comments-bottom-<?php echo $ephoto_color; ?>.gif" alt="comments-bottom" style="float: left;" />
      <?php }; ?>
        <?php endwhile; ?>
    </div>
    <?php else : ?>
      <?php include(TEMPLATEPATH . '/includes/no-results.php'); ?>
    <?php endif; ?>
</div>

<!--<?php get_sidebar(); ?>-->

</div>

   <div id="bottom">
      <?php include(TEMPLATEPATH . '/includes/footer-area.php'); ?>
    </div>

<?php get_footer(); ?>

</body>
</html>

Than I added these lines to style-Black.css:

.thumbnail-single-portrait .sections-overlay-portrait { width: 364px; height: 624px; }

.thumbnail-single-portrait embed, .thumbnail-single-portrait object { width: 364px; height: 624px; }

.thumbnail-single-portrait embed, .thumbnail-single-portrait object { width: 364px; height: 624px; }

.thumbnail-single-portrait { border: 10px solid #313131; width: 364px; height: 624px; }

.sections-overlay-portrait { background-image: url(images/readmore-bg.png); width: 364px; height: 655px; }

And finally ror every photo I added a meta tag “orientation” with either the value “landscape” or “portrait”.

But now:

1. Landscape photos not showing correctly:
http://www.raulnunes.com/2009/03/sobre-o-paredao/
http://www.raulnunes.com/2009/02/plataforma-do-inferno/

2. And the zoom it’s not centered in the image.

Can someone please help me?
All the best,
Raul Nunes