/* 
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/

*/



/* GALLERY */
ul#gallery { 
		display: inline;
		padding: none;
		margin: none;
		list-style:none; 
		
		}

ul#gallery li a { 
		display:block; 
		width:100px; 
		padding:0 0 15px 3px; 
		color:#000; 
		text-decoration:none; 
		}

ul#gallery li a:hover { 
		background-color:#fafafa; 
		}

ul#gallery li ul { 
		padding:10px 20px 20px 10px; 
		list-style:none; 
		margin: -20px 0 0 0; 
		width:450px; 

		}

ul#gallery li ul li { 
		display:inline; 
		text-align:left; 
		clear:none; 
		float:none; 
		border:0; 
		}

ul#gallery li ul li a { 
		margin:2px;
		padding:4px; 
		position:relative; 
		float:left; 
		display:block; 
		width:100px; 
		height:75px; 
		}

ul#gallery li ul li a:hover { 
		z-index:2; 
		}

ul#gallery li ul li a img { 
		position:absolute; 
		width:100px; 
		height:75px; 
		border:1px solid #000;
		}

ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { 
		width:200px; 
		height:150px; 
		left:-50px; 
		top:-37px; 
		z-index:1; 
		border:1px 
		solid #000; 
		}


/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }
#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; }