/***
 * @module      Magazine
 * @date        161109    
 * @author	    Dipen Modi	
 * @info		
 * @copyright	Dipen Modi
 * @license		Dipen Modi
 */					

/* Magazine */

div#gallery div:hover div, div#gallery div.sfhover div { top:auto; left:0; }
div#gallery div a { display:block; width:100px; padding:15px 0 15px 3px; color:#000; text-decoration:none; }
div#gallery div a:hover { background-color:#fafafa; }
div#gallery div div { padding:40px 20px 20px 20px; margin:0; width:350px; background-color:#fff; position:absolute; left:-999em; }
div#gallery div { display:inline; text-align:left; clear:none; float:none; border:0; }
div#gallery div a { margin:2px; border:0px solid #ccc; padding:4px; position:relative; float:left; display:block; width:75px; height:100px; }
div#gallery div a:hover { z-index:2; }
div#gallery div a img { position:relative; width:75px; height:100px; }
div#gallery div a:hover img, div#gallery div a:active img, div#gallery div a:focus img { width:150px; height:200px; left:-50px; top:-37px; z-index:1; border:1px solid #000; } 


/*#dipen a { background-image:none; margin:2px; padding:2px; position:relative; border:1px solid #960000; display:block; width:75px; height:50px; background-color:#fff; }
#dipen a:hover { background-image:none; z-index:2; }
#dipen a img { position:inherit; width:75px; height:50px; border:0; margin:0; padding:0; }
#dipen a:hover img,
#dipen a:active img,
#dipen a:focus img { width:100px; height:75px; left:-11px; top:-10px; 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; }