/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */



.photo ul.topic ul
{display:block; position:absolute; left:0; top:100px; list-style:none; padding:0; margin:0; height:500px; background:#000066; width:630px; padding:20px 30px; border:20px solid #ffffff; z-index:1;}

.photo ul.topic a:hover ul, 
.photo ul.topic :hover ul
{display:block; position:absolute; left:0; top:100px; list-style:none; padding:0; margin:0; height:500px; background:#ffffff; width:630px; padding:20px 30px; border:10px solid #aaa; z-index:100;}

.photo ul.topic ul li
{display:inline; width:152px; height:127px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic ul li a
{display:block; width:150px; height:125px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic ul li a img
{display:block; width:140px; height:120px; border:5px solid #eee;}

.photo ul.topic  ul li a:hover, 
.photo ul.topic  ul li a:hover 
{white-space:normal; position:relative;}

/* Zoomed in versions of the images, different depending on cartoons' dimensions */
.photo ul.topic  ul li a:hover img, 
.photo ul.topic ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:250px; height:420px; border-color:#fff;}

.photo ul.topic  ul li.vertical a:hover img, 
.photo ul.topic ul li.vertical a:hover img 
{position:absolute; left:-50px; top:-32px; width:250px; height:305px; border-color:#fff;}

.photo ul.topic  ul li.square a:hover img, 
.photo ul.topic ul li.square a:hover img 
{position:absolute; left:-50px; top:-32px; width:300px; height:300px; border-color:#fff;}

.photo ul.topic  ul li.normal1 a:hover img, 
.photo ul.topic ul li.normal1 a:hover img 
{position:absolute; left:-50px; top:-32px; width:325px; height:270px; border-color:#fff;}

.photo ul.topic  ul li.long a:hover img, 
.photo ul.topic ul li.long a:hover img 
{position:absolute; left:-50px; top:-32px; width:400px; height:230px; border-color:#fff;}
</style>