Thank you for downloading my Coppermine theme.

I work hard to develop themes that are different and unique.
Because of this, in some instances, there are certain files
and directories which MUST be included in order for the theme
to be cross-browser compatible.  For this reason please do not
remove, rename, or reconfigure directories or files, or otherwise
change this theme without reading this README first.

Thank you and enjoy this theme.

David Wirick

------------------------------------------------------------

THEME NAME: lighthouse
VERSION: 1.0
RELEASE DATE: 23 August 2007

MUST INCLUDE:

  The following MUST be included for compatability with IE 5/6:
  
    iepngfix.htc 
  
    style.css line - div {behavior: url(themes/walls/iepngfix.htc)}

    NOTE:  credit line in template.html for twin-helix 
              (this is the author of iepngfix.htc)

------------------------------------------------------------

ADDITIONAL INFORMATION:

If the banner of the gallery is not semi-transparent in your 
IE (versions 5 and 6), verify server support for MIME type

  text/x-component htc

If you unable to verify or your server does not support this MIME
type (and you are unable to add it) then locate the file .file-htaccess 
in the 'fixit' directory, copy it to your coppermine root directory 
and rename it .htaccess

     *optionally, you can replace the iepngfix.htc with iepngfix.php
      (again located in the 'fixit' directory).  Just make sure you
      adapt the reference in the CSS file appropriately.

iepngfix.htc is a script written by Angus Turnbull and available at
his website http://www.twinhelix.com.  Visit Angus' website and see
all of the amazing scripts he has written.

***************************************************************************
***************************************************************************
**                                                                       **
**  If you adapt this theme you will need to edit the iepngfix.htc and   **
**  the iepngfix.php files and change the reference for the blank.gif    **
**  appropriately.                                                       **
**                                                                       ** 
**  You will also need to edit the * {behavior...} line in the CSS file  **
**  as well.                                                             **
**                                                                       **
***************************************************************************
***************************************************************************

------------------------- What was added and why -------------------------

The problem with applying "alphaindex" transparencies in a cross-browser
format is that IE5.X and IE6 DO NOT natively handle these types of images.
Without applying Microsofts proprietary filters, these browsers would display
opaque gray where the semi-transparent area should be.

The problem with this filter is that it must be applied separately to each
<...img...> tag in your HTML.

Fortunately I stumbled across an AMAZING workaround to this:

     iepngFix.htc from Angus Turnbull at http://www.twin-helix.com

This is an inherent problem that applies ONLY to IE5.X and IE6.

------------------------- RAMBLINGS OF A DESIGNER -------------------------

This is my third theme using Angus' iepngfix.htc from htt://www.twinhelix.com

Even though the banner image is included in the <div> tag comes AFTER the
<table> the {GAL_NAME} and {GAL_DESCRIPTION} are in, by applying a NEGATIVE
top-margin to the image via CSS I was able to overlay this image on top of 
them.

The NAME table was givien a set height and the banner was given a NEGATIVE
top-margin equal to that height

	<table width 100% height="270"...

	.banner {top-margin: -270px; ...

In order for this to operate appropriately, you must also include

	.banner {
		position: absolute
		left: (setting)
		height:	(setting)
		width: (setting)
		top-margin: -X
	}

By NOT including a setting for .banner {top:	},this caused the <div> 
element to place the object relative to it's position in the HTML code
The {position: absolute} in the CSS sets an absolute position with 
reference to it's placement in the HTML code.  If I had included a 
{top:	} setting, then the <div> object would have been placed at the
absolute screen X,Y coordinates.

EOF