Merge pull request #73 from fredrike/master

New Theme: Pear for gallery3
2011-06-23 19:10:42 -07:00 · 2011-06-23 19:10:42 -07:00 · cf408f342e
commit cf408f342e
parent 2135f44f9c 0944a423e7
142 changed files with 4685 additions and 0 deletions
--- a/3.0/themes/pear4gallery3/.gitignore
+++ b/3.0/themes/pear4gallery3/.gitignore
@ -0,0 +1,2 @@
+icons/depricated
+temp/
--- a/3.0/themes/pear4gallery3/admin/controllers/admin_theme_options.php
+++ b/3.0/themes/pear4gallery3/admin/controllers/admin_theme_options.php
@ -0,0 +1,327 @@
+<?php defined("SYSPATH") or die("No direct script access.");
+
+/*
+ */
+?>
+<?    
+class Admin_Theme_Options_Controller extends Admin_Controller {
+
+  protected $min_gallery_ver = 46;
+
+  private function load_theme_info() {
+    $theme_id = module::get_var("gallery", "active_site_theme");
+    $file = THEMEPATH . "$theme_id/theme.info";
+    $theme_info = new ArrayObject(parse_ini_file($file), ArrayObject::ARRAY_AS_PROPS);
+    return $theme_info;
+  }
+
+  private function get_theme_version() {
+    $theme_info = $this->load_theme_info();
+    return ($theme_info->version);
+  }
+
+  private function get_theme_name() {
+    $theme_info = $this->load_theme_info();
+    return ($theme_info->name);
+  }
+
+  private function prerequisite_check($group, $id, $is_ok, $caption, $caption_ok, $caption_failed, $iswarning, $msg_error) {
+    $confirmation_caption = ($is_ok)? $caption_ok : $caption_failed;
+    $checkbox = $group->checkbox($id)
+      ->label($caption . " " . $confirmation_caption)
+      ->checked($is_ok)
+      ->disabled(true);
+    if ($is_ok):
+      $checkbox->class("g-success");
+    elseif ($iswarning):
+      $checkbox->class("g-prerequisite g-warning")->error_messages("failed", $msg_error)->add_error("failed", 1);
+    else:
+      $checkbox->class("g-error")->error_messages("failed", $msg_error)->add_error("failed", 1);
+    endif;
+  }
+
+  /* Convert old values ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+  protected function upgrade_settings() {
+    if (module::get_var("th_pear4gallery3", "show_logo")):
+      module::clear_var("th_pear4gallery3", "show_logo");
+		  module::set_var("th_pear4gallery3", "hide_logo", FALSE);
+    endif;
+  }
+
+  protected function get_edit_form_admin() {
+    $this->upgrade_settings();
+
+    $form = new Forge("admin/theme_options/save/", "", null, array("id" =>"g-theme-options-form"));
+
+// Just commenting out, we might want rssmodule in future versions.		
+//    $rssmodulecheck = (module::is_active("rss") && module::info("rss"));
+
+    /* Prerequisites ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+    $group = $form->group("requirements")->label(t("Prerequisites"));
+    $gallery_ver = module::get_version("gallery");
+    $this->prerequisite_check($group, "vercheck", $gallery_ver >= $this->min_gallery_ver, 
+      t("Gallery 3 Core v.") . $this->min_gallery_ver . "+", t("Installed"), t("Required"), FALSE, sprintf(t("Check Failed. Minimum Required Version is %s. Found %s."), $this->min_gallery_ver, $gallery_ver));
+		$this->prerequisite_check($group, "square_thumbs", (module::is_active("square_thumbs") and module::info("square_thumbs")), 
+			t("Square Thumbnails"), t("Found"), t("Required"), FALSE, t("Install <a href=\"http://codex.gallery2.org/Gallery3:Modules:square_thumbs\">Square Thumbnails</a> to display Thumbs correctly."));
+    if (!module::get_var("th_pear4gallery3", "hide_thumbmeta")):
+      $this->prerequisite_check($group, "info", (module::is_active("info") and module::info("info")), 
+        t("Info Module"), t("Found"), t("Required"), FALSE, t("Check Failed. Module is required to display Thumb metadata."));
+    endif;
+    
+    /* General Settings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+    $group = $form->group("edit_theme")->label(t("General Settings"));
+    $group->input("favicon")
+      ->label(t("URL (or relative path) to your favicon.ico"))
+      ->value(module::get_var("gallery", "favicon_url"));
+    $group->input("appletouchicon")
+      ->label(t("URL (or relative path) to your apple-touch-icon.png"))
+      ->value(module::get_var("gallery", "appletouchicon_url"));
+
+    /* Advanced Options - General ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+    $group = $form->group("edit_theme_adv_main")->label(t("Advanced Options - General"));
+    $group->checkbox("hide_logo")
+      ->label(t("Hide Bottom Pear Logo"))
+      ->checked(module::get_var("th_pear4gallery3", "hide_logo"));
+    $group->dropdown("mainmenu_view")
+      ->label(t("Main page View"))
+      ->options(array("grid" => t("Grid (Default)"), "mosaic" => t("Mosaic")))
+      ->selected(module::get_var("th_pear4gallery3", "mainmenu_view"));
+    $group->checkbox("show_guest_menu")
+      ->label(t("Show Main Menu for Guest Users"))
+      ->checked(module::get_var("th_pear4gallery3", "show_guest_menu"));
+    $group->dropdown("background")
+      ->label(t("Background color"))
+      ->options(array("black" => t("Black (Default)"), "dkgrey" => t("Dark-Grey"), "ltgrey" => t("Light-Grey"), "white" => t("White")))
+      ->selected(module::get_var("th_pear4gallery3", "background"));
+    $group->input("ga_code")
+      ->label(t("<a href=\"http://www.google.com/analytics/\">Google analytics</a> code."))
+      ->value(module::get_var("th_pear4gallery3", "ga_code"));
+
+    /* Advanced Options - Photo page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+/*
+    $group = $form->group("edit_theme_adv_photo")->label(t("Advanced Options - Photo Page"));
+    $group->dropdown("photo_popupbox")
+      ->label(t($sb_fb_caption) . " " . t("Mode"))
+      ->options(array("default" => t("Default (Slideshow/Preview)"), "preview" => t("Preview Only"), "none" => t("Disable")))
+      ->selected(module::get_var("th_pear4gallery3", "photo_popupbox"));
+    $group->dropdown("photo_descmode")
+      ->label(t("Description Display Mode"))
+      ->options(array("overlay_top" => t("Overlay Top"), "overlay_bottom" => t("Overlay Bottom"), "bottom" => t("Bottom"), "top" => t("Top"), "hide" => t("Hide")))
+      ->selected(module::get_var("th_pear4gallery3", "photo_descmode"));
+    $group->checkbox("thumb_inpage")
+      ->label(t("Keep Thumb Nav Block on the side"))
+      ->checked(module::get_var("th_pear4gallery3", "thumb_inpage"));
+    if (!$thumbnavcheck):
+      $group->thumb_inpage->disabled(true);
+    endif;
+    $group->checkbox("hide_photometa")
+      ->label(t("Hide Item Meta Data"))
+      ->checked(module::get_var("th_pear4gallery3", "hide_photometa", TRUE));
+    $group->checkbox("desc_allowbbcode")
+      ->label(t("Allow BBCode/HTML in Descriptions"))
+      ->checked(module::get_var("th_pear4gallery3", "desc_allowbbcode"));
+*/
+    /* Maintenance ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+
+    $group = $form->group("maintenance")->label(t("Maintenance"));
+    $group->checkbox("build_resize")->label(t("Mark all Image Resizes for Rebuild"))->checked(false);
+    $group->checkbox("build_thumbs")->label(t("Mark all Thumbnails for Rebuild"))->checked(false);
+    $group->checkbox("build_exif")->label(t("Mark Exif Info data for reload"))->checked(false);
+    if ($iptccheck):
+      $group->checkbox("build_iptc")->label(t("Mark IPTC Info data for reload"))->checked(false);
+    endif;
+    $group->checkbox("purge_cache")->label(t("Purge cache data"))->checked(false);
+    $group->checkbox("reset_theme")->label(t("Reset Theme to a Default State"))->checked(false);
+
+    module::event("theme_edit_form", $form);
+
+    $form->submit("g-theme-options-save")->value(t("Save Changes"));
+    
+    return $form;
+  }
+
+  protected function get_edit_form_help() {
+    $help = '<fieldset>';
+    $help .= '<legend>Help</legend><ul>';
+    $help .= '<li><h3>Prerequisites</h3>
+      <p style="color: red;">Requirements need to be met for theme to function properly.
+      </li>';
+
+    $help .= '<li><h3>General Settings</h3>
+      </li>';
+
+    $help .= '<li><h3>Advanced Options - General</h3>
+      </li>';
+    $help .= '<li><h3>Advanced Options - Photo Page</h3>
+      </li>';
+    $help .= '<li><h3>Maintenance</h3>
+      <p>Without changing image size, you can <b>Mark all Resizes for Rebuild</b>.
+      Then you need to visit Admin\Maintenance to initiate the process.
+      <p>Same can be done for image thumbs with <b>Mark all Thumbnails for Rebuild</b>.
+      <p><b>Mark Exif/IPTC Info for reload</b> would mark all Exif or IPTC records as "Dirty" allowing it to be repopulated.
+      <p>And just in case you think that something is not right, you can always <b>Reset Theme to a Default State</b>.
+      </li>';
+    $help .= '</ul></fieldset>';
+    return t($help);
+  }
+
+  private function save_item_state($statename, $state, $value) {
+    if ($state):
+      module::set_var("th_pear4gallery3", $statename, $value);
+    else:
+      module::clear_var("th_pear4gallery3", $statename);
+    endif;
+  }
+
+  protected function legacy() {
+    module::clear_var("th_pear4gallery3", "hide_logo");
+    module::clear_var("th_pear4gallery3", "mainmenu_view");
+    module::clear_var("th_pear4gallery3", "show_guest_menu");
+    module::clear_var("th_pear4gallery3", "background");
+    module::clear_var("th_pear4gallery3", "ga_code");
+  }
+
+  protected function reset_theme() {
+    // Default core theme settings
+    module::set_var("gallery", "page_size", 9);
+    module::set_var("gallery", "resize_size", 640);
+    module::set_var("gallery", "thumb_size", 200);
+    module::set_var("gallery", "header_text", "");
+    module::set_var("gallery", "footer_text", "");
+    module::set_var("gallery", "show_credits", FALSE);
+    module::clear_all_vars("th_pear4gallery3");
+    module::clear_var("th_pear4gallery3", "hide_logo");
+  }
+
+  public function save() {
+    site_status::clear("gd_init_configuration");
+    access::verify_csrf();
+
+    $form = self::get_edit_form_admin();
+
+    if ($form->validate()):
+      $this->legacy();
+
+      if ($form->maintenance->reset_theme->value):
+        $this->reset_theme();
+        module::event("theme_edit_form_completed", $form);
+        message::success(t("Theme details are reset"));
+      else:
+        // * General Settings ****************************************************
+
+        $resize_size  = 800;
+
+        $build_resize = $form->maintenance->build_resize->value;
+        $build_thumbs = $form->maintenance->build_thumbs->value;
+        $build_exif   = $form->maintenance->build_exif->value;
+        if (module::is_active("iptc") and module::info("iptc")):
+          $build_iptc   = $form->maintenance->build_iptc->value;
+        else:
+          $build_iptc = FALSE;
+        endif;
+        $purge_cache  = $form->maintenance->purge_cache->value;
+
+        $thumb_descmode_a = $form->edit_theme_adv_thumb->thumb_descmode_a->value;
+        $thumb_descmode = $form->edit_theme_adv_thumb->thumb_descmode->value;
+        $thumb_metamode = $form->edit_theme_adv_thumb->thumb_metamode->value;
+        $photo_descmode = $form->edit_theme_adv_photo->photo_descmode->value;
+        $photo_popupbox = $form->edit_theme_adv_photo->photo_popupbox->value;
+
+        if ($build_resize):
+          graphics::remove_rule("gallery", "resize", "gallery_graphics::resize");
+          graphics::add_rule("gallery", "resize", "gallery_graphics::resize",
+            array("width" => $resize_size, "height" => $resize_size, "master" => Image::AUTO), 100);
+        endif;
+
+        if (module::get_var("gallery", "resize_size") != $resize_size):
+          module::set_var("gallery", "resize_size", $resize_size);
+        endif;
+
+        $thumb_size = 200;
+        $rule = Image::AUTO;
+
+        if ($build_thumbs):
+          graphics::remove_rule("gallery", "thumb", "gallery_graphics::resize");
+          graphics::add_rule("gallery", "thumb", "gallery_graphics::resize",
+            array("width" => $thumb_size, "height" => $thumb_size, "master" => $rule), 100);
+        endif;
+
+        if (module::get_var("gallery", "thumb_size") != $thumb_size):
+          module::set_var("gallery", "thumb_size", $thumb_size);
+        endif;
+
+        module::set_var("gallery", "page_size", 50);
+        module::set_var("gallery", "favicon_url", $form->edit_theme->favicon->value);
+        module::set_var("gallery", "appletouchicon_url", $form->edit_theme->appletouchicon->value);
+
+        $this->save_item_state("logo_path", $form->edit_theme->logo_path->value, $form->edit_theme->logo_path->value);
+
+        // * Advanced Options - General ******************************************
+
+        $this->save_item_state("hide_logo",       $form->edit_theme_adv_main->hide_logo->value, TRUE);
+        $this->save_item_state("mainmenu_view",         $form->edit_theme_adv_main->mainmenu_view->value != "grid", $form->edit_theme_adv_main->mainmenu_view->value);
+        $this->save_item_state("show_guest_menu",$form->edit_theme_adv_main->show_guest_menu->value, TRUE);
+        $this->save_item_state("background",            $form->edit_theme_adv_main->background->value != "black", $form->edit_theme_adv_main->background->value);
+        $this->save_item_state("ga_code",            $form->edit_theme_adv_main->ga_code->value, $form->edit_theme_adv_main->ga_code->value);
+
+        // * Advanced Options - Photo page ***************************************
+       /* 
+        $this->save_item_state("photo_descmode",   $photo_descmode != "overlay_top", $photo_descmode);
+        $this->save_item_state("photo_popupbox",   $photo_popupbox != "default", $photo_popupbox);
+        $this->save_item_state("thumb_inpage",     $form->edit_theme_adv_photo->thumb_inpage->value, TRUE);
+        $this->save_item_state("hide_photometa",   !$form->edit_theme_adv_photo->hide_photometa->value, FALSE);
+        $this->save_item_state("desc_allowbbcode", $form->edit_theme_adv_photo->desc_allowbbcode->value, TRUE);
+*/
+
+        module::event("theme_edit_form_completed", $form);
+
+        if ($_priorratio != $thumb_ratio):
+          message::warning(t("Thumb aspect ratio has been changed. Consider rebuilding thumbs if needed."));
+        endif;
+
+        message::success(t("Updated theme details"));
+
+        if ($build_exif):
+          db::update('exif_records')
+            ->set(array('dirty'=>'1'))
+            ->execute();
+        endif;
+
+        if ($build_iptc):
+          db::update('iptc_records')
+            ->set(array('dirty'=>'1'))
+            ->execute();
+        endif;
+
+        if ($purge_cache):
+          db::build()
+            ->delete("caches")
+            ->execute();
+        endif;
+      endif;
+      url::redirect("admin/theme_options");
+    else:
+      print $this->get_admin_view();
+    endif;
+  }
+
+  protected function get_admin_view() {
+    $view = new Admin_View("admin.html");
+    $view->page_title = t(".Pear Theme");
+    $view->content = new View("admin_theme_options.html");
+    $view->content->name = self::get_theme_name();
+    $view->content->version = self::get_theme_version();
+    $view->content->form = self::get_edit_form_admin();
+    $view->content->help = self::get_edit_form_help();
+    return $view;
+  }
+
+  public function index() {
+    site_status::clear("gd_init_configuration");
+    print $this->get_admin_view();
+  }
+}
+?>
--- a/3.0/themes/pear4gallery3/admin/views/admin_include.html.php
+++ b/3.0/themes/pear4gallery3/admin/views/admin_include.html.php
@ -0,0 +1,90 @@
+<?php defined("SYSPATH") or die("No direct script access.");
+/**
+ * Grey Dragon Theme - a custom theme for Gallery 3
+ * This theme was designed and built by Serguei Dosyukov, whose blog you will find at http://blog.dragonsoft.us
+ * Copyright (C) 2009-2011 Serguei Dosyukov
+ *
+ * This program is free software; you can redistribute it and/or modify it under the terms of the GNU General
+ * Public License as published by the Free Software Foundation; either version 2 of the License, or (at your
+ * option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the
+ * implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU General Public License along with this program; if not, write to
+ * the Free Software Foundation, Inc., 51 Franklin Street - Fifth Floor, Boston, MA  02110-1301, USA.
+ */
+?>
+<style>
+#g-header                    { margin-bottom: 10px; }
+#gd-admin                    { position: relative; font-size: 0.9em; }
+#gd-admin legend             { width: 99.5%; padding: 0.4em 0.8em; margin-left: -11px; background: url(/themes/greydragon/images/blue-grad.png) #d5e6f2 repeat-x left top; border: #dfdfdf 1px solid;}
+
+.g-admin-left                { float: left; width: 53%; }
+.g-admin-right               { float: left; width: 46%; margin-left: 1%; margin-top: 1em; }
+.g-admin-right h3            { border-bottom: #a2bdbf 1px solid; margin-top: 0.3em; margin-bottom: 0.3em; }
+
+#gd-admin-head               { position: relative; height: auto; clear: both; display: block; overflow: auto; font-size: 11px; padding: 0.4em 0.8em; background-color: #b7c9d6; border: #a2bdbf 1px solid; }
+#gd-admin-title              { float: left; color: #333v42; font-weight: bold; font-size: 1.6em; text-shadow: #deeefa 0 1px 0; }
+#gd-admin-hlinks ul          { float: right; margin-top: 0.4em; font-size: 11px; }
+#gd-admin-hlinks li          { list-style-type: none; float: left; color: #618299; display: inline; }
+#gd-admin-hlinks a           { font-weight: bold; font-size: 13px; }
+
+#gd-admin form              { border: none; }
+#gd-admin fieldset          { border: #ccc 1px solid; }
+#gd-admin input.g-error     { padding-left: 30px; border: none; }
+#gd-admin input.g-success   { background-color: transparent; }
+#gd-admin input.g-warning   { background-color: transparent; border: none; }
+#gd-admin p.g-error         { padding-left: 30px; border: none; margin-bottom: 0; background-image: none; }
+
+#g-content                  { padding: 0 1em; width: 97%; font-size: 1em; }
+#g-content form ul li input  { display: inline; float: left; margin-right: 0.8em; } 
+#g-content form ul li select { display: inline; float: left; margin-right: 0.8em; width: 50.6%; padding: 0 0 0 .2em; }
+#g-content form ul li input[type='text'] { width: 50%; }
+#g-content form ul li textarea { height: 6em; }
+#g-content form input[type="submit"] { border: #5b86ab 2px solid; padding: 0.3em; color: #fff; background: url(/themes/greydragon/images/button-grad-vs.png) #5580a6 repeat-x left top; }
+#g-content form input[type="submit"]:hover,
+input.ui-state-hover { background-image: url(/themes/greydragon/images/button-grad-active-vs.png); border-color: #2e5475; color: #eaf2fa !important; }
+#g-content form #vercheck, #g-content form #shadowbox, #g-content form #organizecheck { display: none; }
+</style>
+
+<script>
+  $(document).ready( function() { 
+    $('form').submit( function() {
+      $('input[type=submit]', this).attr('disabled', 'disabled');
+    });
+  });
+</script>
+
+<?
+  if ($is_module):
+    $admin_info = new ArrayObject(parse_ini_file(MODPATH   . $name . "/module.info"), ArrayObject::ARRAY_AS_PROPS);
+    $version = number_format($admin_info->version / 10, 1, '.', '');
+  else:
+    $admin_info = new ArrayObject(parse_ini_file(THEMEPATH . $name . "/theme.info"), ArrayObject::ARRAY_AS_PROPS);
+    $version = $admin_info->version;
+  endif;
+?>
+
+<div id="gd-admin" class="g-block">
+  <div id="gd-admin-head">
+    <div id="gd-admin-title"><?= t($admin_info->name) ?> - <?= $version ?></div>
+    <div id="gd-admin-hlinks">
+      <ul><li><a href="http://codex.gallery2.org/Gallery3:Themes:pear4gallery3" target="_blank"><?= t("Home") ?></a>&nbsp;|&nbsp;</li>
+        <? if (isset($admin_info->support)): ?>
+        <li><a href="<?= $admin_info->support;  ?>" target="_blank"><?= t("Support") ?></a>&nbsp;|&nbsp;</li>
+        <? endif; ?>
+        <? if (isset($admin_info->download)): ?>
+        <li><a href="<?= $admin_info->download; ?>" target="_blank"><?= t("Download") ?></a>&nbsp;|&nbsp;</li>
+        <? endif; ?>
+      </ul>
+    </div>
+  </div>
+  <div class="g-block-content g-admin-left">
+  <?= $form ?>
+  </div>
+  <div class="g-admin-right">
+  <?= $help ?>
+  </div>
+</div>
--- a/3.0/themes/pear4gallery3/admin/views/admin_theme_options.html.php
+++ b/3.0/themes/pear4gallery3/admin/views/admin_theme_options.html.php
@ -0,0 +1,14 @@
+<?php defined("SYSPATH") or die("No direct script access.");
+/**
+ */
+?>
+<?
+  $view = new View("admin_include.html");
+
+  $view->is_module = FALSE;
+  $view->name = module::get_var("gallery", "active_site_theme");
+  $view->form = $form;
+  $view->help = $help;
+  print $view;
+?>   
+
--- a/3.0/themes/pear4gallery3/css/fix-ie.css
+++ b/3.0/themes/pear4gallery3/css/fix-ie.css
@ -0,0 +1,59 @@
+/**
+ * Fix display in IE 6, 7, and 8
+ */
+
+#g-banner {
+  z-index: 2;
+  zoom: 1;
+}
+
+#g-sidebar {
+  overflow: hidden;
+}
+
+#g-photo,
+#g-movie {
+	zoom: 1;
+}
+
+#g-photo .g-context-menu,
+#g-movie .g-context-menu {
+	width: 240px;
+}
+
+input.submit {
+  clear: none !important;
+  display: inline !important;
+}
+
+.g-short-form input.text,
+.g-short-form input.submit {
+  font-size: 1em;
+  line-height: 1em;
+  padding: .38em .3em;
+}
+
+#g-search-form input#q {
+  width: 300px;
+}
+
+#g-add-tag-form input.textbox {
+  width: 110px !important;
+}
+
+#g-add-tag-form input[type='submit'] {
+  padding: .3em 0 !important;
+}
+
+#g-dialog .g-cancel {
+  display: inline-block !important;
+  float: none !important;
+}
+
+.g-paginator .g-text-right {
+  width: 29%;
+}
+
+.g-paginator .ui-icon-right {
+  width: 60px;
+}
--- a/3.0/themes/pear4gallery3/css/imageflow.packed.css
+++ b/3.0/themes/pear4gallery3/css/imageflow.packed.css
@ -0,0 +1 @@
+@charset "utf-8"; @media screen, projection{.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}.imageflow p{margin:0 auto; text-align:center}.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}.imageflow .navigation{z-index:10000}.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001}.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}.imageflow .slider{background:url(../icons/slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow.pause{background:url(../icons/button_pause.png) no-repeat}.imageflow .slideshow.play{background:url(../icons/button_play.png) no-repeat}.imageflow .images{overflow:hidden; white-space:nowrap}.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}.imageflow .previous{background:url(../icons/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}.imageflow .next{background:url(../icons/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}}
--- a/3.0/themes/pear4gallery3/css/pear.css
+++ b/3.0/themes/pear4gallery3/css/pear.css
@ -0,0 +1,145 @@
+.gallery-thumb {
+	float: left;
+	margin-bottom: 5px;
+	margin-left: 5px;
+	margin-right: 5px;
+	position: relative;
+	text-align: center;
+	cursor: pointer;
+}
+
+.gallery-album {
+	display: block;
+	height: 400px;
+	overflow: auto;
+	padding-bottom: 10px;
+	padding-top: 10px;
+}
+
+th, td {
+	padding: 0;
+	border-width: 0;
+}
+
+.giInfo {
+	color: #888888;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 9px;
+	height: 11px;
+	margin-bottom: 0px;
+	margin-left: 12px;
+	margin-right: 0px;
+	text-align: left;
+}
+.pear {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	color: #999 !important;
+	background-color: #000;
+}
+.giTitle {
+	font-size: 1.1em;
+	font-weight: bold;
+	margin: 3px 10px !important;
+	padding: 0 0; 
+	text-align: left;
+}
+
+#gsNavBar div {
+font-weight: bold;
+}
+
+h2 {
+	font-size: 1.1em;
+	font-weight: bold;
+}
+
+.center {
+	text-align: center !important;
+}
+
+#g-header {
+	margin-top: -2px;
+	position: fixed;
+	top: 44px;
+	width: 100%;
+	z-index: 50;
+}
+/*Menu*/
+.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+  background: none repeat scroll 0 0 #333333;
+	outline: 0 none;
+}
+.sf-menu li {
+    background: none repeat scroll 0 0 #000000;
+    float: left;
+    position: relative;
+}
+.sf-menu li li, .sf-menu li li ul li {
+    background-color: #000;
+}
+.sf-menu ul {
+    background: none repeat scroll 0 0 #000000;
+}
+.sf-menu, .sf-menu * {
+    list-style: none outside none;
+    margin: 0;
+    padding: 0;
+}
+a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-state-hover, input.ui-state-hover, button.ui-state-hover {
+    color: #777777 !important;
+    cursor: pointer !important;
+    text-decoration: none;
+}
+.sf-menu a, .sf-menu a:visited {
+    color: #555555;
+}
+.sf-menu a {
+    border-left: 1px solid #333;
+    border-top: 1px solid #222;
+    padding: 0.75em 1em;
+    text-decoration: none;
+    display: block;
+    position: relative;
+}
+.ui-state-default, .ui-widget-content .ui-state-default {
+    background: #ccc;
+    border: 1px solid #C5DBEC;
+    color: #555
+    font-weight: bold;
+    outline: medium none;
+}
+#g-banner {
+    background-color: #555;
+    border-bottom: 1px solid #333333;
+    min-height: 5em;
+    padding: 1em 20px;
+    position: relative;
+}
+
+.g-paginator {
+ margin-bottom: 5px;
+ margin-left: 15px;
+ margin-right: 15px;
+ padding-top: 6px;
+}
+
+a.buttonFirst { background-position: 0px 0px !important; }
+a.buttonFirst:hover { background-position: -15px 0px !important; }
+a.buttonPrev { background-position:  0px -15px !important; }
+a.buttonPrev:hover { background-position:  -15px -15px !important; }
+a.buttonNext { background-position: 0px -30px !important;}
+a.buttonNext:hover { background-position: -15px -30px !important;}
+a.buttonLast { background-position: 0px -45px !important; }
+a.buttonLast:hover { background-position: -15px -45px !important; }
+
+a.buttonNext, a.buttonLast { float: right; }
+a.buttonFirst, a.buttonPrev { float: left; }
+
+.g-paginator .buttonAction {
+	background: url("../icons/paginator.gif") no-repeat 0 0;
+	height: 15px;
+	width: 15px;
+	margin-left: 0;
+	display: block;
+}
--- a/3.0/themes/pear4gallery3/css/screen.css
+++ b/3.0/themes/pear4gallery3/css/screen.css
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_flat_55_fbec88_40x100.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_flat_55_fbec88_40x100.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_75_d0e5f5_1x400.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_75_d0e5f5_1x400.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_85_dfeffc_1x400.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_85_dfeffc_1x400.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_glass_95_fef1ec_1x400.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_inset-hard_100_f5f8f9_1x100.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_inset-hard_100_f5f8f9_1x100.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_inset-hard_100_fcfdfd_1x100.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-bg_inset-hard_100_fcfdfd_1x100.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_217bc0_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_217bc0_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_2e83ff_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_2e83ff_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_469bdd_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_469bdd_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_6da8d5_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_6da8d5_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_cd0a0a_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_cd0a0a_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_d8e7f3_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_d8e7f3_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_f9bd01_256x240.png
+++ b/3.0/themes/pear4gallery3/css/themeroller/images/ui-icons_f9bd01_256x240.png
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.base.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.base.css
@ -0,0 +1,7 @@
+@import "ui.core.css";
+@import "ui.theme.css";
+@import "ui.datepicker.css";
+@import "ui.dialog.css";
+@import "ui.progressbar.css";
+@import "ui.resizable.css";
+@import "ui.tabs.css";
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.core.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.core.css
@ -0,0 +1,37 @@
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden { display: none; }
+.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
+.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
+.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+.ui-helper-clearfix { display: inline-block; }
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix { height:1%; }
+.ui-helper-clearfix { display:block; }
+/* end clearfix */
+.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled { cursor: default !important; }
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.datepicker.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.datepicker.css
@ -0,0 +1,62 @@
+/* Datepicker
+----------------------------------*/
+.ui-datepicker { width: 17em; padding: .2em .2em 0; }
+.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
+.ui-datepicker .ui-datepicker-prev { left:2px; }
+.ui-datepicker .ui-datepicker-next { right:2px; }
+.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
+.ui-datepicker .ui-datepicker-next-hover { right:1px; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
+.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
+.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
+.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
+.ui-datepicker select.ui-datepicker-month, 
+.ui-datepicker select.ui-datepicker-year { width: 49%;}
+.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
+.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
+.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
+.ui-datepicker td { border: 0; padding: 1px; }
+.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
+.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
+.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi { width:auto; }
+.ui-datepicker-multi .ui-datepicker-group { float:left; }
+.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
+.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
+.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
+.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
+.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
+.ui-datepicker-row-break { clear:left; width:100%; }
+
+/* RTL support */
+.ui-datepicker-rtl { direction: rtl; }
+.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
+.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group { float:right; }
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.dialog.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.dialog.css
@ -0,0 +1,13 @@
+/* Dialog
+----------------------------------*/
+.ui-dialog { position: relative; padding: .2em; width: 300px; }
+.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
+.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
+.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
+.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
+.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
+.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
+.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+.ui-draggable .ui-dialog-titlebar { cursor: move; }
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.progressbar.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.progressbar.css
@ -0,0 +1,4 @@
+/* Progressbar
+----------------------------------*/
+.ui-progressbar { height:2em; text-align: left; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.resizable.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.resizable.css
@ -0,0 +1,13 @@
+/* Resizable
+----------------------------------*/
+.ui-resizable { position: relative;}
+.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
+.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
+.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
+.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
+.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
+.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
+.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
+.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
+.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.tabs.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.tabs.css
@ -0,0 +1,9 @@
+/* Tabs
+----------------------------------*/
+.ui-tabs {padding: .2em;}
+.ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
+.ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; }
+.ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
+.ui-tabs .ui-tabs-panel { padding: 1em 1.4em;  display: block; border: 0; background: none; }
+.ui-tabs .ui-tabs-hide { display: none !important; }
--- a/3.0/themes/pear4gallery3/css/themeroller/ui.theme.css
+++ b/3.0/themes/pear4gallery3/css/themeroller/ui.theme.css
@ -0,0 +1,243 @@
+
+
+/*
+* jQuery UI CSS Framework
+* Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about)
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+* To view and modify this theme, visit http://ui.jquery.com/themeroller/?tr=&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+*/
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
+.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
+.ui-widget-header a { color: #ffffff; }
+.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
+.ui-widget-content a { color: #222222; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
+.ui-state-default a { color: #2e6e9e; text-decoration: none; outline: none; }
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
+.ui-state-hover a { color: #1d5987; text-decoration: none; outline: none; }
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
+.ui-state-active a { color: #e17009; outline: none; text-decoration: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
+.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
+.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
+.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
+.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
+.ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); }
+.ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); }
+.ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); }
+.ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); }
+.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-off { background-position: -96px -144px; }
+.ui-icon-radio-on { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
+.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
+.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
+.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
+.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
+.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
+.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
+
+/* Overlays */
+.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
+.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
--- a/3.0/themes/pear4gallery3/helpers/pear4gallery3_installer.php
+++ b/3.0/themes/pear4gallery3/helpers/pear4gallery3_installer.php
@ -0,0 +1,27 @@
+<?php defined("SYSPATH") or die("No direct script access."); ?>
+<?
+class pear4gallery3_installer {
+  static function install() {
+    site_status::warning(t("Initial configuration for the theme may be required. Visit Admin\Appearance\Theme Options before continue."), "gd_init_configuration");
+  }
+
+  static function deactivate() {
+    site_status::warning(t("DeActivate."), "gd_init_configuration");
+    //site_status::clear("gd_init_configuration");
+  }
+
+	static function activate() {
+    site_status::warning(t("Activate."), "gd_init_configuration");
+		if (module::get_var("gallery", "resize_size") != 800):
+			module::set_var("gallery", "resize_size", 800);
+		endif;
+		if (module::get_var("gallery", "thumb_size") != 200):
+			module::set_var("gallery", "thumb_size", 200);
+		endif;
+		if (module::get_var("gallery", "page_size") != 50):
+			module::set_var("gallery", "page_size", 50);
+		endif;
+	}
+}
+
+?>
--- a/3.0/themes/pear4gallery3/icons/addcomment.gif
+++ b/3.0/themes/pear4gallery3/icons/addcomment.gif
--- a/3.0/themes/pear4gallery3/icons/album.gif
+++ b/3.0/themes/pear4gallery3/icons/album.gif
--- a/3.0/themes/pear4gallery3/icons/button_left.png
+++ b/3.0/themes/pear4gallery3/icons/button_left.png
--- a/3.0/themes/pear4gallery3/icons/button_pause.png
+++ b/3.0/themes/pear4gallery3/icons/button_pause.png
--- a/3.0/themes/pear4gallery3/icons/button_play.png
+++ b/3.0/themes/pear4gallery3/icons/button_play.png
--- a/3.0/themes/pear4gallery3/icons/button_right.png
+++ b/3.0/themes/pear4gallery3/icons/button_right.png
--- a/3.0/themes/pear4gallery3/icons/carousel.png
+++ b/3.0/themes/pear4gallery3/icons/carousel.png
--- a/3.0/themes/pear4gallery3/icons/carousel_active.png
+++ b/3.0/themes/pear4gallery3/icons/carousel_active.png
--- a/3.0/themes/pear4gallery3/icons/cart.gif
+++ b/3.0/themes/pear4gallery3/icons/cart.gif
--- a/3.0/themes/pear4gallery3/icons/close.gif
+++ b/3.0/themes/pear4gallery3/icons/close.gif
--- a/3.0/themes/pear4gallery3/icons/color.css
+++ b/3.0/themes/pear4gallery3/icons/color.css
@ -0,0 +1,278 @@
+/* <?php $colorpackName = $gallery->i18n('Ice Carbon Icons'); ?>
+ * $Revision: 16034 $
+ */
+
+#gallery {
+	color: #999 !important;
+	background-color: #333 !important;
+}
+body.gallery { background-color: #333 !important; }
+
+.gbBlock {
+	border-color: #666 !important;
+}
+
+.gcBorder1 { border-color: #6f6f6f !important; }
+.gcBorder2 { border-color: #666 !important; }
+
+#gallery a { color: #999 !important; }
+#gallery a:hover { color: #ccc !important; }
+#gallery a:active { color: #ccc !important; }
+
+.giError { color: #f00 !important; }
+.giInfo { color: #888 !important; }
+.block-core-PeerList .current { color: #ccc !important; }
+
+table.gbDataTable th { background-color: #4f4f4f !important; }
+.gbEven { background-color: #3f3f3f !important; }
+.gbOdd { background-color: #393939 !important; }
+
+#gallery select { 
+	background-color: #bbb !important; 
+	-moz-border-top-colors: #AAA #EEE !important;
+	-moz-border-left-colors: #AAA #EEE !important;
+	-moz-border-bottom-colors: #AAA #EEE !important;
+	-moz-border-right-colors: #AAA #EEE !important;
+}
+
+#gallery input { 
+   	background-color: #bbb !important; 
+    	-moz-border-top-colors: #AAA #EEE !important;
+    	-moz-border-left-colors: #AAA #EEE !important;
+    	-moz-border-bottom-colors: #AAA #EEE !important;
+    	-moz-border-right-colors: #AAA #EEE !important;
+}
+
+#gallery textarea { 
+   	background-color: #bbb !important;
+    	-moz-border-top-colors: #AAA #EEE !important;
+    	-moz-border-left-colors: #AAA #EEE !important;
+    	-moz-border-bottom-colors: #AAA #EEE !important;
+    	-moz-border-right-colors: #AAA #EEE !important;
+}
+
+#gallery input:focus, #gallery textarea:focus {
+	background-color: #ddd !important;
+	-moz-border-top-colors: #AAA #EEE !important;
+	-moz-border-left-colors: #AAA #EEE !important;
+	-moz-border-bottom-colors: #AAA #EEE !important;
+	-moz-border-right-colors: #AAA #EEE !important;
+}
+
+#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */
+  	color: #333 !important;
+  	background-color: #eee !important;
+}
+#gallery input.inputTypeSubmit:hover, #gallery input.inputTypeButton:hover {  /* No input[type=submit] in IE */
+  	background-color:  #ccc !important;
+}
+
+#gallery select:hover { 
+   	 background-color: #ddd !important;
+	-moz-border-top-colors: #AAA #EEE !important;
+    	-moz-border-left-colors: #AAA #EEE !important;
+    	-moz-border-bottom-colors: #AAA #EEE !important;
+    	-moz-border-right-colors: #AAA #EEE !important;
+}
+
+#gallery div.gbTabBar a {
+  	color: #00a0ff !important;
+}
+
+#gsSidebarCol {
+  	border: #666 1px solid !important;
+  	background-color: #333 !important;
+}
+
+#gallery img.giThumbnail:hover {
+	border-color: #333 !important;
+    	background-color: #555 !important;
+}
+
+#gallery img.giThumbnailIce {
+	background-color: #444 !important;
+	border: 1px solid #666 !important;
+}
+#gallery img.giThumbnailIce:hover {
+	background-color: #555 !important;
+}
+
+#microThumb img.giThumbnailIce {
+	border-color: #333 !important;
+}
+
+#microThumb img.giThumbnailIce:hover {
+	border-color: #666 !important;
+}
+
+#microThumbCurrent img.giThumbnailIce {
+  	border-color: #333 !important;
+}
+
+#microThumbCurrent img.giThumbnailIce:hover {
+	border-color: #666 !important;
+}
+
+#gsNavBar div.gbBreadCrumb {
+ 	background-image: none !important; 
+}
+
+#photoframe {
+	background-color: #333 !important;
+	border: 0px solid #ddd !important;
+	padding: 0px !important; 
+	-moz-border-radius: 0px !important;
+}
+
+div.gbTabBar span.o {
+  	padding: 6px 0 5px 16px !important;
+  	background: url('table_left.gif') no-repeat left top !important;
+}
+
+#gallery div.gbTabBar span span {
+  	padding: 6px 16px 5px 4px !important;
+  	background: url('table_right.gif') no-repeat right top !important;
+}
+
+#gallery div.gbTabBar a {
+  	color: #666 !important;
+  	text-decoration: none !important;
+}
+
+#gallery div.gbTabBar a:hover { color: #333 !important; }
+
+#gallery div.gbTabBar span.giSelected {
+  	background-image: url('table_left_on.gif') !important;
+}
+
+#gallery div.gbTabBar span.giSelected span {
+  	color: #333;
+  	background-image: url('table_right_on.gif') !important;
+}
+
+span.bsw_ButtonEnabled {
+  	color: #ddd !important;
+}	
+.autoCompleteContainer li {
+  background-color: #333 !important;
+}
+
+.buttonAction a {
+  display: block !important;
+  width: 20px !important;
+  height: 20px !important; 
+  margin-left: 7px !important;
+}
+
+.buttonAction a {
+  opacity: 1.0 !important;
+  filter: alpha(opacity=100) !important; /* IE's opacity*/
+}
+
+.buttonAction a:hover { 
+  opacity: 1.0 !important;
+  filter: alpha(opacity=100)!important; /* IE's opacity*/
+ }
+
+ .iconAlbum {
+  background: url('album.gif') no-repeat !important;
+  background-position: center center !important;
+}
+
+.buttonClose a {
+  padding: 0px !important;
+  width: 15px !important;
+  height: 15px !important;
+  background: url('close.gif') no-repeat !important;
+  margin: 1px !important;
+}
+.buttonClose a:hover { background-position: -15px 0 !important; }
+
+.buttonFirst a {
+  width: 15px !important;
+  height: 15px !important;
+  margin-left: 0px !important;
+  background: url('first.gif') no-repeat !important;
+}
+.buttonFirst a:hover { background-position: -15px 0 !important; }
+
+.buttonLast a {
+  width: 15px !important;
+  height: 15px !important;
+  margin-left: 0px !important;  
+  background: url('last.gif') no-repeat !important;
+}
+.buttonLast a:hover { background-position: -15px 0 !important; }
+
+.buttonPrev a {
+  width: 15px !important;
+  height: 15px !important;
+  margin-left: 0px !important;
+  background: url('prev.gif') no-repeat !important;
+}
+.buttonPrev a:hover { background-position: -15px 0 !important; }
+
+.buttonNext a {
+  width: 15px !important;
+  height: 15px !important;
+  margin-left: 0px !important;
+  background: url('next.gif') no-repeat !important;
+}
+.buttonNext a:hover { background-position: -15px 0 !important; }
+
+.buttonExif a {
+  width: 18px !important;
+  height: 15px !important;
+  padding: 0px !important;  
+  background: url('exif.gif') no-repeat !important;
+}
+.buttonExif a:hover { background-position: -18px 0 !important; }
+
+.buttonPopup a {
+  width: 17px !important;
+  height: 15px !important;
+  padding: 0px !important;  
+  background: url('popup.gif') no-repeat !important;
+}
+.buttonPopup a:hover { background-position: -17px 0 !important; }
+
+.buttonAddComment a {
+  width: 15px !important;
+  height: 15px !important;
+  padding: 0px !important;  
+  background: url('addcomment.gif') no-repeat !important;
+}
+.buttonAddComment a:hover { background-position: -15px 0 !important; }
+
+.buttonViewComments a {
+  width: 15px !important;
+  height: 15px !important;
+  padding: 0px !important;  
+  background: url('viewcomments.gif') no-repeat !important;
+}
+.buttonViewComments a:hover { background-position: -15px 0 !important; }
+
+.buttonViewSlideshow a {
+  width: 15px !important;
+  height: 15px !important;
+  padding: 0px !important;  
+  background: url('slideshow.gif') no-repeat !important;
+}
+.buttonViewSlideshow a:hover { background-position: -15px 0 !important; }
+
+.buttonCart a {
+  width: 16px !important;
+  height: 15px !important;
+  padding: 0px !important;
+  background: url('cart.gif') no-repeat !important;
+}
+.buttonCart a:hover { background-position: -16px 0 !important; }
+
+.buttonShowSidebar a {
+  width: 15px !important;
+  height: 15px !important;
+  padding: 0px !important;
+  background: url('showsidebar.gif') no-repeat !important;
+}
+.buttonShowSidebar a:hover { background-position: -15px 0 !important; }
+
--- a/3.0/themes/pear4gallery3/icons/color_picker.png
+++ b/3.0/themes/pear4gallery3/icons/color_picker.png
--- a/3.0/themes/pear4gallery3/icons/color_picker_sprite.png
+++ b/3.0/themes/pear4gallery3/icons/color_picker_sprite.png
--- a/3.0/themes/pear4gallery3/icons/download.png
+++ b/3.0/themes/pear4gallery3/icons/download.png
--- a/3.0/themes/pear4gallery3/icons/email.png
+++ b/3.0/themes/pear4gallery3/icons/email.png
--- a/3.0/themes/pear4gallery3/icons/exif.gif
+++ b/3.0/themes/pear4gallery3/icons/exif.gif
--- a/3.0/themes/pear4gallery3/icons/footer_bg.png
+++ b/3.0/themes/pear4gallery3/icons/footer_bg.png
--- a/3.0/themes/pear4gallery3/icons/grid.png
+++ b/3.0/themes/pear4gallery3/icons/grid.png
--- a/3.0/themes/pear4gallery3/icons/grid_active.png
+++ b/3.0/themes/pear4gallery3/icons/grid_active.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/close.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/close.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/close_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/close_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/comment.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/comment.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/comment_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/comment_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/controlsbg.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/controlsbg.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/download.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/download.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/download_disabled.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/download_disabled.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/download_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/download_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/info.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/info.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/info_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/info_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/next.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/next.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/next_disabled.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/next_disabled.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/next_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/next_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/pause.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/pause.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/pause_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/pause_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/play.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/play.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/play_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/play_over.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/prev.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/prev.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/prev_disabled.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/prev_disabled.png
--- a/3.0/themes/pear4gallery3/icons/hud_control/prev_over.png
+++ b/3.0/themes/pear4gallery3/icons/hud_control/prev_over.png
--- a/3.0/themes/pear4gallery3/icons/knob.png
+++ b/3.0/themes/pear4gallery3/icons/knob.png
--- a/3.0/themes/pear4gallery3/icons/larger.png
+++ b/3.0/themes/pear4gallery3/icons/larger.png
--- a/3.0/themes/pear4gallery3/icons/mosaic.png
+++ b/3.0/themes/pear4gallery3/icons/mosaic.png
--- a/3.0/themes/pear4gallery3/icons/mosaic_active.png
+++ b/3.0/themes/pear4gallery3/icons/mosaic_active.png
--- a/3.0/themes/pear4gallery3/icons/options_bar_bg.png
+++ b/3.0/themes/pear4gallery3/icons/options_bar_bg.png
--- a/3.0/themes/pear4gallery3/icons/paginator.gif
+++ b/3.0/themes/pear4gallery3/icons/paginator.gif
--- a/3.0/themes/pear4gallery3/icons/pear.css
+++ b/3.0/themes/pear4gallery3/icons/pear.css
@ -0,0 +1,793 @@
+.gallery-thumb-round {
+	background: url('rounded.png') no-repeat scroll left top;
+	position: absolute;
+}
+
+.skimm_div {
+	position: absolute;
+}
+
+.skimm_small {
+	position: absolute;
+}
+
+.rNavBar{
+	position: relative;
+	float: right;
+	top: -22px;
+}
+
+.lNavBar{
+	position: relative;
+	float: left;
+}
+
+.pearTitle {
+color: #ddd;
+margin: auto;
+position: relative;
+text-align: center;
+width: 50%;
+font-variant: small-caps;
+font-size: 1.7em !important;
+}
+
+.count {
+color: #666;
+font-size: 0.7em !important;
+}
+
+#gsNavBar {
+background:transparent url('top_bar_bg.png') repeat-x 100% -12px;
+position: static;
+height: 37px;
+padding-top: 10px;
+overflow: hidden;
+text-shadow: 0 -1px 2px #111111;
+font-weight: bold;
+}
+
+#footerWrapper {
+	min-width: 800px; 
+width: 100%;
+background:transparent url('footer_bg.png') top center;
+height:40px;
+ clear:both; 
+}
+
+#logoButton {
+	display: block;
+	z-index: 100;
+background: transparent url('pear_logo_sml.png') no-repeat center left;
+width: 83px;
+height: 40px;
+border: 0px;
+padding: 0px;
+margin: auto;
+position: relative;
+cursor: pointer; /* hand-shaped cursor */
+cursor: hand; /* for IE 5.x */
+}
+
+#logoButton:hover, #logoButton.hover {
+border: 0px;
+background: transparent url('pear_logo_sml.png') no-repeat center left;
+}
+
+/************************ COLOR PICKER **************************/
+
+
+#colorPicker {
+	position: relative;
+	color: #FFFFFF;
+	height: 17px;
+	padding: 0px 0px;
+	width: auto;
+	float: right;
+	z-index: 100;
+	font-size: 12px;
+	top: 11px;
+}
+
+
+
+
+#colorPicker div.label {
+	margin-top: 2px;
+	margin-right: 6px;
+	float: left;
+	background-color: transparent ! important;
+	width: auto ! important;
+	height: 20px;
+	color: #666666;
+	display: block;
+	font-size: 12px;
+	text-shadow: #111111 0px -1px 1px;
+}
+
+#colorPicker.disabled  div.label{
+	text-shadow: #242424 0px -1px 1px;
+	color: #3f3f3f;
+}
+
+#colorPicker .swatch {
+	float: left;
+	background-color: #ffffff;
+	height: 15px;
+	width: 14px;
+	display: block;
+	margin-right: 6px;
+	margin-top: 2px;
+	cursor: pointer;
+/*	background-position: 0px -58px;
+*/	background-color: transparent;
+	background-repeat: no-repeat;
+}
+/*
+#colorPicker .hover-with-swatch, #colorPicker .swatch:hover {
+	background-position:  -1px  -37px !important;
+}
+*/
+
+
+#colorPicker .sel-with-swatch, #colorPicker .hover-with-sel-with-swatch {
+	cursor: default ! important;
+}
+
+#colorPicker .disabled-with-swatch, #colorPicker.disabled-with-sel-with-swatch, #colorPicker .disabled-with-hover-with-swatch  
+{
+/*	background-position: 0px 0px ! important; */
+	cursor: default ! important;
+}
+
+#colorPicker #black {
+	background-image: url('color_picker.png') ;
+	background-position: -1px 0px;
+}
+
+#colorPicker #black:hover {
+	background-position: -1px -40px;
+}
+
+.black-with-sel-with-swatch{
+	background-position: -1px -20px ! important;
+}
+
+#colorPicker #dkgrey {
+	background-image: url('color_picker.png') ;
+	background-position: -23px 0px;
+}
+
+#colorPicker #dkgrey:hover {
+	background-position: -23px -40px;
+}
+
+.dkgrey-with-sel-with-swatch{
+	background-position: -23px -20px ! important;
+}
+
+#colorPicker #ltgrey {
+	background-image: url('color_picker.png');
+	background-position: -43px 0px;
+}
+
+#colorPicker #ltgrey:hover {
+	background-position: -43px -40px;
+}
+
+.ltgrey-with-sel-with-swatch{
+	background-position: -43px -20px ! important;
+}
+
+#colorPicker #white {
+	background-image: url('color_picker.png');
+	background-position: -63px 0px;
+	margin-right: 16px;
+}
+
+#colorPicker #white:hover {
+	background-position: -63px -40px;
+}
+
+.white-with-sel-with-swatch{
+	background-position: -63px -20px ! important;
+}
+
+/************************ SLIDER VIEW **************************/
+
+.sliderView {
+padding: 7px 37px 7px 3%;
+position: relative;
+color: #FFFFFF;
+top: 10px;
+height: 3px;
+width: 154px;
+float: right;
+z-index: 100;
+}
+
+.sliderView .smaller {	
+height: 14px;
+width: 14px;
+float: left;
+position: relative;
+left: -24px;
+top: -4px;
+cursor: pointer; /* hand-shaped cursor */
+cursor: hand; /* for IE 5.x */
+background: url(smaller.png) top center no-repeat;
+}
+
+.sliderView .larger {
+height: 16px;
+width: 16px;
+float: left;
+position: relative;
+top: -4px;
+left: 133px;
+cursor: pointer; /* hand-shaped cursor */
+cursor: hand; /* for IE 5.x */
+background: url(larger.png) top center no-repeat;
+}
+
+/*.sliderView .sliderLeftCap {
+height: 15px;
+width: 5px;
+float: left;
+position: relative;
+left: 0px;
+background: url(view_control/track_left.png) top center repeat-x;
+}*/
+
+.sliderView .sliderRightCap {
+height: 15px;
+width: 3px;
+float: left;
+position: relative;
+left: 137px;
+background: transparent url(track_fill_right.png) scroll top right no-repeat;
+}
+
+.sliderView .track {
+width: 137px;
+height: 15px;
+background: transparent url(track_fill_left.png) scroll top left no-repeat;
+position: relative;
+border: 0px;
+}
+
+.sliderView .ui-slider-handle {
+background: transparent url('knob.png') top left no-repeat;
+position: absolute;
+top: -5px;
+width: 16px;
+height: 16px;
+cursor: pointer; /* hand-shaped cursor */
+cursor: hand; /* for IE 5.x */
+margin-left: -7px;
+border: 0px;
+}
+
+.disabled-with-sliderView {
+
+}
+
+.disabled-with-sliderView .smaller, .disabled-with-sliderView .larger, .disabled-with-sliderView .handle{
+cursor: default;
+}
+
+.disabled-with-sliderView .smaller {
+	background-image: url('view_control/smaller_dim.png');
+}
+
+.disabled-with-sliderView .larger {
+	background-image: url('view_control/larger_dim.png');
+}
+
+.disabled-with-sliderView .handle {
+	background-image: url('view_control/knob_dim.png');
+}
+
+.disabled-with-sliderView .sliderRightCap {
+	background-image: url('view_control/track_right_dim.png')
+}
+
+.disabled-with-sliderView .track {
+	background-image: url('view_control/track_fill_left_dim.png')
+}
+
+
+/************************ VIEW CONTROLS **************************/
+#viewControls {
+position: relative;
+color: #616161;
+width: 381px;
+float: left;
+			 margin-left: 30px;
+			 margin-top: 13px;
+			 z-index: 800;
+			 font-size: 12px;
+			 text-shadow:  #111111 0px -1px 1px;
+}
+
+.japanese #viewControls {
+	font-size: 11px;
+}
+
+#viewControls .separator {
+width: 55px;
+height: 18px;
+				padding-left: 5px;
+}
+#viewControls .label {
+	margin-top:-1px;
+}
+
+#viewControls .viewSwitcher {
+height: 14px;
+
+				margin-right: 17px;
+float: left;
+cursor: pointer; /* hand-shaped cursor */
+cursor: hand; /* for IE 5.x */
+				font-weight: bold;
+}
+
+#viewControls .viewSwitcher:hover, #viewControls .sel-with-viewSwitcher, #viewControls .hover-with-viewSwitcher {
+color: #ffffff;
+}
+#viewControls .sel-with-viewSwitcher {
+	cursor: default;
+}
+#viewControls #grid {
+background: url('grid.png') center left no-repeat;
+						text-indent: 20px;
+
+}
+
+#viewControls #grid:hover,
+#viewControls #grid.sel {
+color: #ffffff;
+background: url('grid_active.png') center left no-repeat;
+
+}
+
+#viewControls #carousel {
+	text-indent: 22px;
+background: url('carousel.png') center left no-repeat;
+
+}
+
+#viewControls #carousel:hover,
+#viewControls #carousel.sel {
+background: url('carousel_active.png') center left no-repeat;
+
+}
+
+
+
+#viewControls #mosaic {
+
+background: url('mosaic.png') center left no-repeat;
+						text-indent: 20px;
+}
+
+#viewControls #mosaic:hover,
+#viewControls #mosaic.sel {
+background: url('mosaic_active.png') center left no-repeat;
+
+}
+
+#viewControls #slideshow {
+	text-indent: 16px;
+background: url('slideshow.png') center left no-repeat;
+float: left;
+			 margin-right: 0px;
+}
+
+#viewControls #slideshow:hover,
+#viewControls #slideshow.sel {
+color: #ffffff;
+background: url('slideshow_active.png') center left no-repeat;
+
+}
+/************************ DETAIL VIEW **************************/
+
+#detailView {
+	margin: 0 auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 999;
+	background-color: #000000;
+	display: none;
+}
+
+#detailView .iMovieVideo {
+	background-color: #000000 ! important;
+}
+
+.titleLabel {	
+	color:#AAAAAA;
+	font-size:13px;
+	font-weight:bold;
+/*	overflow:hidden;
+*/	position:relative;
+    margin:0px auto;
+  	margin-top:16px;
+	text-align:center;
+	text-shadow:black 0px 0px 1px;
+	white-space:nowrap;
+	height:21px;
+	text-overflow: ellipsis;
+}
+
+.japanese .titleLabel {	
+	font-size:12px;
+}
+
+.titleLabel:hover  {
+/*	color: #fff;*/
+}
+
+#detailView .overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+;
+
+/*	filter
+
+: alpha(opacity=95);
+	opacity: 0.95;
+	-moz-opacity:0.95;	 */
+}
+
+#detailView .content {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+#detailView .iMovieVideo
+{
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.under-panel #detailView .content {
+	overflow: hidden;
+}
+
+#detailView .imageContainer {
+	text-align: center;
+/*	margin: 69px 69px 0px 69px;*/
+	margin-top: 32px;
+	cursor: pointer;
+}
+
+
+#slideshowView .imageContainer {
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px;
+	overflow: hidden;
+}
+
+#slideshowView .reflectionContainer {
+	position: absolute;
+	max-height:50px;
+	overflow: hidden;
+}
+
+#slideshowView .reflection {
+	vertical-align: top;
+/*	height: 20%;*/
+	width: 100%;
+	left:0px;
+	position: absolute;
+
+}
+
+#slideshowView .reflectionMask {
+	background: transparent url('reflection-black.png') repeat-x  0px bottom;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	display: block;
+	z-index: 100;
+	position: absolute;
+	vertical-align: top;
+	left:0px;
+	padding-bottom: 2px ;
+}
+
+
+.bg_white #slideshowView .reflectionMask {
+	background-image: url('reflection-white.png');
+}
+
+.bg_ltgrey #slideshowView .reflectionMask {
+	background-image: url('reflection-lightgrey.png');
+}
+
+
+.bg_dkgrey #slideshowView .reflectionMask {
+	background-image: url('reflections-darkgrey.png');
+}
+
+
+#slideshowView #slideshowHoverView {
+	height:58px;
+}
+
+
+/************************ HOVER VIEW **************************/
+
+#hoverView {
+	height: 58px;
+	position: absolute;
+	bottom: 30px;
+	width: 99%;
+	text-align: center;
+	z-index: 999;
+}
+
+#hoverView #hoverViewMenu {
+	margin: 0 auto;
+	position: relative;
+	width: 262px;
+	height: 58px;
+	width: 300px;
+	height: 60px;
+	background: url('hud_control/controlsbg.png') top left no-repeat;
+}
+
+#hoverView .download_detail_disabled {
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 9px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/download_disabled.png') top left no-repeat;
+}
+
+#hoverView .download_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 9px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/download.png') top left no-repeat;
+}
+
+#hoverView .download_detail:hover {
+	background: url('hud_control/download_over.png') top left no-repeat;
+}
+
+#hoverView .prev_detail_disabled {
+	position: absolute;
+	top: 0px;
+	top: 18px;
+	left: 82px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/prev_disabled.png') top left no-repeat;
+}
+
+#hoverView .prev_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 18px;
+	left: 82px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/prev.png') top left no-repeat;
+}
+
+#hoverView .prev_detail:hover {
+	background: url('hud_control/prev_over.png') top left no-repeat;
+}
+
+#hoverView .play_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 134px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/play.png') top left no-repeat;
+}
+
+#hoverView .play_detail:hover {
+	background: url('hud_control/play_over.png') top left no-repeat;
+}
+
+#hoverView .pause_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 134px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/pause.png') top left no-repeat;
+}
+
+#hoverView .pause_detail:hover {
+	background: url('hud_control/pause_over.png') top left no-repeat;
+}
+
+#hoverView .next_detail_disabled {
+	position: absolute;
+	top: 0px;
+	top: 18px;
+	left: 177px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/next_disabled.png') top left no-repeat;
+}
+
+#hoverView .next_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 18px;
+	left: 177px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/next.png') top left no-repeat;
+}
+
+#hoverView .next_detail:hover {
+	background: url('hud_control/next_over.png') top left no-repeat;
+}
+
+
+#hoverView #comment_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	left: 209px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/comment.png') top left no-repeat;
+	padding-top: 18px;
+	text-align: center;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+.japanese #hoverView #comment_detail {
+	font-size: 11px;
+}
+
+#hoverView #comment_detail:hover {
+	background: url('hud_control/comment_over.png') top left no-repeat;
+}
+
+#hoverView .info_detail_selected {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 240px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/info_over.png') top left no-repeat;
+}
+
+#hoverView .info_detail {
+  	cursor: pointer; /* hand-shaped cursor */
+  	cursor: hand; /* for IE 5.x */
+	position: absolute;
+	top: 0px;
+	top: 10px;
+	left: 240px;
+	height: 58px;
+	width: 43px;
+	background: url('hud_control/info.png') top left no-repeat;
+}
+
+#hoverView .info_detail:hover {
+	background: url('hud_control/info_over.png') top left no-repeat;
+}
+
+
+/* ******************** Button Alts *************** */
+#backToAlbumLink {
+	left: 24px;
+	float: left;
+	position: absolute;
+	top: 13px;
+	white-space: nowrap;
+}
+
+#backToAlbumButton .outer{
+	min-width: 108px !important;
+}
+
+button.push {
+	background: transparent none repeat scroll 0%;
+	margin: 0px;
+	padding-right: 0px;
+	border: medium none;
+	height: 34px;
+	min-width: 80px;
+	outline-color: invert;
+	outline-style: none;
+	outline-width: medium;
+	padding-left: 20px;
+	vertical-align: baseline;
+}
+
+button.push .outer {
+	display: block;
+	padding: 0px 4px 0px 2px;
+	position: relative:
+	width: 100%;
+}
+
+button.large-with-push {
+  	cursor: pointer ;
+  	position: relative ;
+}
+
+button.large-with-push .label {
+	font-weight: bold;
+	line-height: 13px ;
+	height: 18px;
+	padding: 7px 25px 10px 20px;
+	margin-left: 6px;
+	text-indent: -14px;
+	background: transparent url('button_right.png') no-repeat scroll right -71px;
+	right: -6px;
+	color: #E0E0E0;
+	text-shadow: #1E1E1E 0px 0px 2px;
+}
+
+button.large-with-push .outer {
+	height: 34px;
+	padding-left: 2px;
+	margin-left: -3px;
+	background: transparent url('button_left.png') no-repeat scroll  0px -71px;
+	
+}
+
+button.large-with-push:active .label, 
+button.active-with-large-with-push .label{
+
+	color: #939393;
+	text-shadow: black 0px 0px 0px;	
+	background: transparent url('button_right.png') no-repeat scroll right -106px ;
+}
+
+button.large-with-push:active img, 
+button.active-with-large-with-push img {
+	opacity: .5;
+	filter: alpha(opacity=50);
+}
+
+
+button.large-with-push:active .outer,
+button.active-with-large-with-push .outer {
+		background: transparent url('button_left.png') no-repeat scroll  left -106px;
+}
--- a/3.0/themes/pear4gallery3/icons/pear_logo_lrg.png
+++ b/3.0/themes/pear4gallery3/icons/pear_logo_lrg.png
--- a/3.0/themes/pear4gallery3/icons/pear_logo_sml.png
+++ b/3.0/themes/pear4gallery3/icons/pear_logo_sml.png
--- a/3.0/themes/pear4gallery3/icons/popup.gif
+++ b/3.0/themes/pear4gallery3/icons/popup.gif
--- a/3.0/themes/pear4gallery3/icons/reflection-black.png
+++ b/3.0/themes/pear4gallery3/icons/reflection-black.png
--- a/3.0/themes/pear4gallery3/icons/reflection-darkgrey.png
+++ b/3.0/themes/pear4gallery3/icons/reflection-darkgrey.png
--- a/3.0/themes/pear4gallery3/icons/reflection-lightgrey.png
+++ b/3.0/themes/pear4gallery3/icons/reflection-lightgrey.png
--- a/3.0/themes/pear4gallery3/icons/reflection-white.png
+++ b/3.0/themes/pear4gallery3/icons/reflection-white.png
--- a/3.0/themes/pear4gallery3/icons/rounded.png
+++ b/3.0/themes/pear4gallery3/icons/rounded.png
--- a/3.0/themes/pear4gallery3/icons/showsidebar.gif
+++ b/3.0/themes/pear4gallery3/icons/showsidebar.gif
--- a/3.0/themes/pear4gallery3/icons/slider.png
+++ b/3.0/themes/pear4gallery3/icons/slider.png
--- a/3.0/themes/pear4gallery3/icons/slideshow.gif
+++ b/3.0/themes/pear4gallery3/icons/slideshow.gif
--- a/3.0/themes/pear4gallery3/icons/slideshow.png
+++ b/3.0/themes/pear4gallery3/icons/slideshow.png
--- a/3.0/themes/pear4gallery3/icons/slideshow_active.png
+++ b/3.0/themes/pear4gallery3/icons/slideshow_active.png
--- a/3.0/themes/pear4gallery3/icons/smaller.png
+++ b/3.0/themes/pear4gallery3/icons/smaller.png
--- a/3.0/themes/pear4gallery3/icons/subscribe.png
+++ b/3.0/themes/pear4gallery3/icons/subscribe.png
--- a/3.0/themes/pear4gallery3/icons/table_left.gif
+++ b/3.0/themes/pear4gallery3/icons/table_left.gif
--- a/3.0/themes/pear4gallery3/icons/table_left_on.gif
+++ b/3.0/themes/pear4gallery3/icons/table_left_on.gif
--- a/3.0/themes/pear4gallery3/icons/table_right.gif
+++ b/3.0/themes/pear4gallery3/icons/table_right.gif
--- a/3.0/themes/pear4gallery3/icons/table_right_on.gif
+++ b/3.0/themes/pear4gallery3/icons/table_right_on.gif
--- a/3.0/themes/pear4gallery3/icons/top_bar_bg.png
+++ b/3.0/themes/pear4gallery3/icons/top_bar_bg.png
--- a/3.0/themes/pear4gallery3/icons/track_fill_left.png
+++ b/3.0/themes/pear4gallery3/icons/track_fill_left.png
--- a/3.0/themes/pear4gallery3/icons/track_fill_right.png
+++ b/3.0/themes/pear4gallery3/icons/track_fill_right.png
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				@charset "utf-8"; @media screen, projection{.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:100%}.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}.imageflow p{margin:0 auto; text-align:center}.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%}.imageflow .navigation{z-index:10000}.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001}.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10002; height:1px}.imageflow .slider{background:url(../icons/slider.png) no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow{cursor:pointer; height:14px; margin:20px 0 0 20px; position:absolute; width:14px; z-index:10003}.imageflow .slideshow.pause{background:url(../icons/button_pause.png) no-repeat}.imageflow .slideshow.play{background:url(../icons/button_play.png) no-repeat}.imageflow .images{overflow:hidden; white-space:nowrap}.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}.imageflow .previous{background:url(../icons/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}.imageflow .next{background:url(../icons/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}}