/* page layout */
#close {
height: 38px;
width: 38px;
position:relative;
top: -3px;
left: 520px;
background: url('lightbox_close.png') no-repeat;
border: 0px solid;
border-color: green;
}
#close:hover {
background: url('lightbox_close_over.png') no-repeat;
}
.container {
background:#fff;
margin:0px auto;
padding:0px;
position:relative;
width:556px;
min-height: 400px;
top: -10px;
border: 0px solid #ddd;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
box-shadow:0px 0px 0px #111;
-moz-box-shadow:0px 0px 0px #111;
-webkit-box-shadow:0px 0px 0px #111;
border: 0px solid;
border-color: blue;
/*
box-shadow:1px 1px 5px #111;
-moz-box-shadow:1px 1px 5px #111;
-webkit-box-shadow:1px 1px 5px #111;*/
}
/* css3 photo gallery styles */
.gallery {
width:556px;
margin:0 auto;
position:relative;
top: -15px;
border: 0px solid;
border-color: red;
}
.gallery a {
display:inline-block;
height:90px;
position:relative;
width:136px;
}
.gallery a img {
border:2px solid #ddd;
background-color: #ddd; 
cursor:pointer;
display:block;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:1;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
-webkit-transition-duration:0.5s;
-moz-transition-property:width, height, top, bottom, left, right, z-index, border;
-moz-transition-duration:0.5s;
-o-transition-property:width, height, top, bottom, left, right, z-index, border;
-o-transition-duration:0.5s;
transition-property:width, height, top, bottom, left, right, z-index, border;
transition-duration:0.5s;
border: 0px solid;
border-color: green;
}
.gallery a:focus img {
border:5px solid #fff;
cursor:default;
height:400%;
position:absolute;
width:400%;
z-index:25;
box-shadow:1px 1px 5px #888;
-moz-box-shadow:1px 1px 5px #888;
-webkit-box-shadow:1px 1px 5px #888;
-webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
-webkit-transition-duration:0.5s;
-moz-transition-property:width, height, top, bottom, left, right, z-index, border;
-moz-transition-duration:0.5s;
-o-transition-property:width, height, top, bottom, left, right, z-index, border;
-o-transition-duration:0.5s;
transition-property:width, height, top, bottom, left, right, z-index, border;
transition-duration:0.5s;
}
/* custom focus rules */
.gallery a:focus:nth-child(4n+1) img {
left:6px;
}
.gallery a:focus:nth-child(4n+2) img {
left:-134px;
}
.gallery a:focus:nth-child(4n+3) img {
left:-274px;
}
.gallery a:focus:nth-child(4n+4) img {
left:-416px;
}
.gallery a:focus:nth-child(n+1) img {
top:-5px;
}
.gallery a:focus:nth-child(n+5) img {
top:-95px;
}
.gallery a:focus:nth-child(n+9) img {
top:-295px;
}
/* extra close layer */
.gallery .close {
background:transparent;
cursor:pointer;
display:none;
height:352px;
left:6px;
position:absolute;
top:0px;
width:560px;
z-index:30;
border: solid 0px;
}
.gallery a:focus ~ .close {
display:block;
}