EDIT

  margin-left: -20px;

  display: block;

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\0000368}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\0000378}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\0000382}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\0000395}}

  padding: 2.5px 0;

  display: block;

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\00003102}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\00003108}}

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/andreas\/workspaces\/www\/drupal-7\.16\/sites\/all\/themes\/zen_dataportal\/sass\/navigation\.scss}line{font-family:\00003113}}

    margin-left: -$zen-gutter-width; 

    display: block;

    padding: ($zen-gutter-width / 8) 0; 

    display: block;

 * @param $css_selector

 *   The dom element to apply the image as background image

 *   Addtional css setting for the background css attribute, default is  'scroll repeat'

function _set_image_url($which_image, &$variables, $css_selector = NULL, $background_style = 'scroll repeat') {

        if($css_selector) {

          if(!isset($variables['inline_styles'])) {

            $variables['inline_styles'] = array();

          }

          $variables['inline_styles'][] = $css_selector . ' {background: white url(' . $url .')  ' . $background_style . ';}';

  if(!isset($variables['inline_styles'])) {

    $variables['inline_styles'] = array();

  }

      $variables['inline_styles'][] = "#site-name a span {color:" . theme_get_setting('site_name_color') . ';}';

  }

  if(theme_get_setting('logo_size')) {

    $logo_size = theme_get_setting('logo_size');

    $variables['inline_styles'][] = '#header {background-position:' . $logo_size['width'] . 'px 0;}';

    $variables['inline_styles'][] = '#main-menu {padding-left:' . $logo_size['width'] . 'px;}';

  _set_image_url('body_background', $variables, 'body');

  _set_image_url('page_background', $variables, '#page');

  _set_image_url('banner', $variables, '#header', 'scroll no-repeat content-box');

 * - $inline_styles: an array of custom styles for specific elements from zen_dataportal

  <?php print '<style type="text/css">'. "\n" . implode("\n", $inline_styles) . "\n</style>;" ?>

<div id="page">

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

    zen_dataportal_form_widget_image($form, $which_image);

  }

    zen_dataportal_form_widget_image_submit($form_state, $which_image);

  }

  // update logo information like wich one to use and size, this is needed to

  // offset the banner and menu bar

  $values = &$form_state['values'];

  if(!theme_get_setting('default_logo')) {

    $logo_file = path_to_theme() . '/logo.png';

  } else {

    $logo_file = theme_get_setting('logo_path');

  }

  $logo_file_info = image_get_info($logo_file);

  if(isset($logo_file_info['width'])) {

   $values['logo_size'] = array('width' => $logo_file_info['width'], 'height' => $logo_file_info['height']);

  }

    zen_dataportal_form_widget_image_validate($form_state, $which_image);

  }

}

/*******************************************************************

 *                    form widget functions

 *******************************************************************/

/**

 *

 * Enter description here ...

 *  @param $form

 *   Nested array of form elements that comprise the form.

 * @param unknown_type $which_image

 */

function zen_dataportal_form_widget_image(&$form, $which_image){

  $image_label = str_replace('_', ' ', $which_image);

  $form['zen_dataportal_' .  $which_image] = array(

          '#type' => 'fieldset',

          '#title' => ucfirst(t($image_label)) . ' ' . t('image settings'),

          '#description' => t('If toggled on, the following image will be displayed.'),

          '#attributes' => array('class' => array('theme-settings-bottom')),

  );

  $form['zen_dataportal_' .  $which_image]['default_' . $which_image] = array(

          '#type' => 'checkbox',

          '#title' => t('Use the default') . t($which_image),

          '#default_value' => theme_get_setting('default_' . $which_image),

          '#tree' => FALSE,

          '#description' => t('Check here if you want the theme to use the image supplied with it.')

  );

  $form['zen_dataportal_' .  $which_image]['settings'] = array(

          '#type' => 'container',

          '#states' => array(

            // Hide the logo settings when using the default logo.

            'invisible' => array(

              'input[name="default_' . $which_image . '"]' => array('checked' => TRUE),

            ),

          ),

  );

  // If $path is a public:// URI, display the path relative to the files

  // directory; stream wrappers are not end-user friendly.

  $path = theme_get_setting($which_image . '_path');

  $image = '';

  if (file_uri_scheme($path) == 'public') {

    $url = file_create_url($path);

    $path = file_uri_target($path);

    $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_preview'] = array(

          	'#type' => 'item',

            '#title' => t('Preview'),

            '#markup' => '<div class="image-preview"><img src="' . $url . '"/></div>',

    );

  } // FIXME manully entered files without scheme public: are omitted here

  $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_path'] = array(

          '#type' => 'textfield',

          '#title' => t('Path to custom') . ' ' . t($image_label),

          '#description' => t('The path to the file you would like to use as your') . ' ' . t($image_label),

          '#default_value' => $path,

  );

  $form['zen_dataportal_' .  $which_image]['settings'][$which_image . '_upload'] = array(

          '#type' => 'file',

          '#title' => t('Upload') . ' ' . t($image_label) . t(' image'),

          '#maxlength' => 40,

          '#description' => t("If you don't have direct file access to the server, use this field to upload your image.")

  );

}

/**

 *

 * Enter description here ...

 * @param $form_state

 *   A keyed array containing the current state of the form.

 * @param unknown_type $which_image

 */

function zen_dataportal_form_widget_image_submit(&$form_state, $which_image){

  // If the user uploaded a new image, save it to a permanent location

  // and use it in place of the default theme-provided file.

  $values = &$form_state['values'];

  if ($file = $values[$which_image . '_upload']) {

    unset($values[$which_image . '_upload']);

    $filename = file_unmanaged_copy($file->uri);

    $values['default_' .$which_image ] = 0;

    $values[$which_image . '_path'] = $filename;

    $values['toggle_' . $which_image] = 1;

  }

  if (!empty($values[$which_image . '_path'])) {

    $values[$which_image . '_path'] = _system_theme_settings_validate_path($values[$which_image . '_path']);

  }

}

/**

*

* Enter description here ...

 * @param $form_state

 *   A keyed array containing the current state of the form.

* @param unknown_type $which_image

*/

function zen_dataportal_form_widget_image_validate(&$form_state, $which_image){

  $validators = array('file_validate_is_image' => array('gif', 'jpg', 'png'));

  // Check for a new uploaded logo.

  $file = file_save_upload($which_image . '_upload', $validators);

  if (isset($file)) {

    // File upload was attempted.

    if ($file) {

      // Put the temporary file in form_values so we can save it on submit.

      $form_state['values'][$which_image . '_upload'] = $file;

    }

    else {

      // File upload failed.

      form_set_error($which_image . '_upload', t('The image could not be uploaded.'));

  }