/* 
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:1px 0 0 25px; padding-top:15px; height:80px; list-style:none; position:relative;}
ul.gallery li { border-right:1px solid #ccc; width:103px; display:block; float:left; }
/*ul.gallery li.first { border-left:1px solid #ccc; }*/
ul.gallery li:hover ul, ul.gallery li.sfhover ul {  } /*top:auto; left:0;*/
ul.gallery li a { display:block; width:150px; padding:15px 0 15px 3px; color:#000; text-decoration:none; outline: none; }
/*ul.gallery li a:hover { background-color:#fafafa; }*/
ul.gallery li ul { padding:5px 5px 5px 5px; list-style:none; margin:0; width:400px; background-color:#d6d3d3; position:absolute; border: 1px solid #000000; }/* left:-999em; */
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;  width:150px; height:100px; outline: none; }
/*ul.gallery li ul li a:hover { z-index:2; }*/
ul.gallery li ul li a img { position:absolute; margin-left: 10px; width:150px; height:100px; border: 0; outline: none; }
/*ul.gallery li ul li a:hover img, ul.gallery li a:active img, ul.gallery li a:focus img { position: relative; width:200px; height:150px; left:-25px; top:-30px; z-index:1; border:1px solid #000; }*/

html>/**/body ul.gallery
{
  margin: 1px 0 2px -15px;
} /**/

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px;}
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:14px; }
#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; }