/* 
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 { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }
ul#gallery li {  width:103px; display:block; float:left; }

ul#gallery li#first {font-size:12px;  width: 3.5em; float: left; margin-bottom:4px}
ul#gallery ul a {display:block; margin: auto; padding: 1px 4px; color: #FFF; margin-right:4px; background-color: #36638E; }

ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a:hover {  }
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin-left:100px; width:350px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a {  position:relative; float:left; background-color:#fff;display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { }
ul#gallery li ul li a img {  }


/* LIGHTBOX CONTROL */
#lightbox { 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; }