img {vertical-align:middle;}

ul {
  list-style:none;
  padding:0;
}
nav {
}
nav li {
  display:inline;
  margin:0 5px;
}
nav img {
  border:0px ;
  padding-right: 0px;
  -webkit-transition:opacity .2s linear;
  -moz-transition:opacity .2s linear;
  -o-transition:opacity .2s linear;
  transition:opacity .2s linear;
/*  border-radius:8px;
  -moz-border-radius:8px; */
/*  -webkit-box-shadow:5px 5px 3px #ccc;
  -moz-box-shadow:5px 5px 3px #ccc;
  box-shadow:5px 5px 3px #ccc; */
}
nav a:hover img {opacity:.75;}
nav a:active img {margin-top:1px;}

li[id] {
  overflow:hidden;
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:0;
  opacity:0;
  background:rgba(0,0,0,.8);
  -webkit-transition:opacity 0.5s cubic-bezier(0,0,0,1);
  -moz-transition:opacity 0.5s cubic-bezier(0,0,0,1);
  -o-transition:opacity 0.5s cubic-bezier(0,0,0,1);
  transition:opacity 0.5s cubic-bezier(0,0,0,1);
  z-index:999;
}
li img {
  padding:0;
}
li[id] a:before {
  content:url(close.png);
  position:absolute;
  top:-26px;
  left:-26px;
  opacity:0;
}
li[id] a:hover:before {opacity:1;}
li[id]:target {
  width:100%;
  height:200%;
  opacity:1;
}
li[id]:target a {
  position:absolute;
  top:25%;
  left:50%;
  margin:-250px 0 0 -300px;
  border:15px solid #fff;
  -webkit-box-shadow:0 1px 8px #000;
  -moz-box-shadow:0 1px 8px #000;
  box-shadow:0 1px 8px #000;
  -webkit-animation:supersize .8s cubic-bezier(0,0,0,1);
}