/* needed for IE to make :active state 
work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:75px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../../images/articles/darius1sm.jpg);}
a.slideb {background:url(../../images/articles/darius2sm.jpg);}
a.slidec {background:url(../../images/articles/darius3sm.jpg);}
a.slided {background:url(../../images/articles/darius4sm.jpg);}
a.slidee {background:url(../../images/articles/darius5sm.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #999;}

/* styling for BOTTOM gallery */
#container_bottom {position:relative; width:550px; height:465px; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; height:100px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:495px; height:50px; top:-45px; left:5px; padding:5px; font-style:italic; color:#000;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:300px; top:-355px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:80px; padding-right:20px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#999;}
#container_bottom h1 em {font-size:0.6em; color:#000;}

/* styling for BOTTOM gallery 
#container_bottom {position:relative; width:550px; height:450px; border:1px solid #a49188; margin:1em auto;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:20px; height:102px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-45px; left:25px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #000;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:400px; height:300px; top:-305px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#666666;}
#container_bottom h1 em {font-size:0.6em; color:#000;}
*/