/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Horizontal stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------

Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/

*/

* { margin:0; border:0; padding:0; }
body { font:11px Arial, Tahoma, sans-serif; color:#000; margin:10px; }
p { clear:both; }

/* GALLERY */
ul#gallery { margin:0 3 0 3px; padding-top:2px; height:14px; list-style:none; position:relative; }
ul#gallery li {
	border-right: 0px solid #fff;
	width: 90px;
	display: block;
	float: left;
	text-align: center;
}
ul#gallery li#first { border-left:0px solid #fff; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; width:95px; padding:5px 5 5px 11px; color:#000; text-decoration:none; text-indent:10px;}
ul#gallery li a:hover { text-decoration:underline; }
ul#gallery li ul { padding:35px 10px 10px 5px; list-style:none; margin:0; width:310px; height:420px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li {
	display: inline;
	text-align: left;
	clear: none;
	float: none;
	border: 0;
	padding-bottom: 5px;
	}
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:90px; height:110px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:73px; height:100px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:130px; height:180px; left:-21px; top:-37px; z-index:1; border:1px solid #000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 10px 5px 10px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }