/*____                  ____ ____ ____  
 / ___|___  _ __ ___   / ___/ ___/ ___| 
| |   / _ \| '__/ _ \ | |   \___ \___ \ 
| |__| (_) | | |  __/ | |___ ___) |__) |
 \____\___/|_|  \___|  \____|____/____/ 
 
Author:   Jens Korff - Fairfax Digital

-------------------------------------------------------------------------------------------------- */

/* Global (p)reset
   Only specify the font in % here and in 'em' elsewhere to resize it easily.
   Browser default: 16px => 76% = 12px => 1em = 12px
-------------------------------------------------------------------------------------------------- */
* {padding:0;margin:0}
html {height:100%}
body {position:relative}

/* Style any text or links to the right of an element without using a new div: */
.gallery .inlineRight {position:absolute;top:5px;right:5px;font-size:.5em;font-weight:normal}
.gallery .inlineRight a {display:inline}
.gallery ul.inlineRight {margin:0}
.gallery .inlineRight li {display:inline;list-style-type:none;margin:0;padding:0 3px 0 5px;border-right:1px solid #ccc}
.gallery .inlineRight li.last {border:none;padding-right:0}

/* Generic clearing: */
.gallery .clear {clear:both;position:relative;font-size:0px;height:0;line-height:0}
.gallery .cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}/*Credit: http://www.positioniseverything.net/easyclearing.html */
.gallery .cBoth {clear:both}
.gallery .cLeft {clear:left}



/*
 ____                         ____       _ _           _           
/ ___| _   _ _ __   ___ _ __ / ___| __ _| | | ___ _ __(_) ___  ___ 
\___ \| | | | '_ \ / _ \ '__| |  _ / _` | | |/ _ \ '__| |/ _ \/ __|
 ___) | |_| | |_) |  __/ |  | |_| | (_| | | |  __/ |  | |  __/\__ \
|____/ \__,_| .__/ \___|_|   \____|\__,_|_|_|\___|_|  |_|\___||___/
            |_|                                                    
Author:   Jens Korff - Fairfax Digital
Born:     September 2007
Modified: 18 Feb 2008

NOTES:    Some images are referenced with absolute paths (/css/2005...). Amend these for testing.

Colours:  #00ccff - blue hover colour
-------------------------------------------------------------------------------------------------- */

/* Links
-------------------------------------------------------------------------------------------------- */
#content .gallery a:link {outline:none; text-decoration: none !important;}
#content .gallery a:visited {color:#000}
#content .gallery a:hover,#content .gallery a:active {color:#00ccff;text-decoration:none;outline:none}


/* Lists
-------------------------------------------------------------------------------------------------- */
.gallery ul li {margin:0}
.gallery ul {list-style-type:none;float:right;padding:5px 0 0 0;font-weight:bold}
.gallery li {float:left}


/* Styled divs
-------------------------------------------------------------------------------------------------- */
.gallery {float:left;width:600px;background-color:#fff;position:relative;margin:0 0 10px 0;padding:0 0 10px 0;background:#fff url('img/superGalleries_bg.gif') no-repeat 0 100%}
	.gallery h1 {font-weight:normal;font-size:21px!important;color:#000;margin:0;padding:0 3px 0 0;width:440px;float:left}
	.gallery h1 a {font-size:53%;padding-left:1em;letter-spacing:0;font-family:Arial, Helvetica, sans-serif}
	.gallery ul span {font-size:10px}
	.gallery p {background-color:#000;color:#888;padding:2px}
	.gallery p.caption {position:absolute;left:0;bottom:0px;width:600px; background-color:#000;color:#fff; padding:4px 0 6px 0; margin:0; text-align: center;}
	.gallery div a:link,#content .gallery div a:visited {color:#ccc}
	.gallery div a:hover {color:#00ccff}
	#imgWrapper {text-align:center;width:600px;height:400px;clear:both;position:relative;overflow:hidden; background:#000 url('img/preloader.gif') no-repeat 50% 45%}
	#mImg {cursor:pointer}
	/*
	#imgWrapper #thumbnails {background:#000 url('img/superGalleries_bg_nav.gif') no-repeat -96px -595px;padding:1px 2px 1px 7px;width:105px;position:absolute;left:-16px;top:-7px; text-decoration: none;}
	#imgWrapper #thumbnails:hover {background-position:-96px -615px}
	*/
	#imgWrapper #thumbnails {background:#000 url('img/thumbnails.gif') no-repeat 0 0; width:112px; height: 17px; position:absolute; left:-16px; top:-7px; text-decoration: none; display: block; text-indent:-9999px;}
	#galNav {position:absolute;width:564px;top:266px;height:120px;left:16px;text-align:center}
	img.jsImage {color: #000;}
	
	#galNavScroll {list-style-type:none;background-color:#000;position:absolute;height:105px;left:0;top:10px;display:inline;width:10000px}
		#galNavScroll a {background:none; }
		#galNavScroll li {margin:0}
		#galNavScroll li a {display:block;float:left;width:94px;height:104px;text-align:center; outline: none;}
		#galNavScroll li img {border:1px solid #000;-MozOpacity:0.5}
		#galNavScroll li a.selected img {border:1px solid #fff}
		#scrollPrev, #scrollNext {position:absolute;top:10px;left:-16px;display:block;width:16px;height:105px;outline:none;background:#000 url('img/superGalleries_bg_nav.gif') no-repeat 5px -650px;text-indent:-9000px}
		#scrollPrev:hover {background-position:-35px -650px}
		#scrollNext {left:auto;right:-20px;background-position:-75px -650px}
		#scrollNext:hover {background-position:-115px -650px}
		#scrollPrev.hidden, #scrollNext.hidden {background-image:none}

	.dialogue {position:absolute;left:85px;top:55px;width:450px;height:273px;background:transparent url('img/caption_bg.png') repeat 0 0;color:#fff;overflow:hidden}
	.dialogue h3 {padding:8px 0 8px 8px;font:12px normal Arial, Helvetica, sans-serif;background-color:#000;position:relative}
	.dialogue h3 span {top:10px;font-size:.8em;text-transform:none}
	.dialogue h3 span a {font-weight:normal;background:transparent url('img/superGalleries_bg_nav.gif') no-repeat 32px -597px;padding-right:15px}
	.dialogue h3 span a:hover {background-position:32px -617px}
	.dialogue ul.fRows {float:left;margin-left:40px}
	.dialogue ul.fRows li {color:#fff;padding:4px 0}	
	.dialogue ul.fRows li * {float:left}
	.dialogue label {width:137px;text-align:right;padding-right:20px}
	.dialogue textarea {width:206px;height:58px}
	.dialogue h4,.dialogue p {margin-left:12px;background-color:transparent}

	.dialogue .showEnd {width:250px;padding-top:70px; }
	.dialogue h3 {font-size: 2.0em !important; padding: 0; margin: 0;}
	.dialogue a.close {padding-right: 20px;}
	.showEnd li {margin-left:60px}
	.showEnd li a {width:50px;height:15px;text-align:center;padding-top:55px;background:transparent url('img/endOfShow.png') no-repeat 20px -80px; font-weight:normal;position:relative;z-index:100}
	.showEnd li.reset a {display: block; background:transparent url('img/replay.gif') no-repeat 0 0}
	.showEnd li.email a {background:transparent url('img/endOfShow.png') no-repeat 0 0}


/* JS Activates these */
#endOfShowScreen {visibility: hidden;}