article.gallery {
    height:400px;
    border-radius:10px;
    padding:20px;
}
article.gallery:hover {
    background-color:#dcdcdc;
    cursor:pointer;
}

article.gallery h6 {
    font-size:x-large;
    margin-bottom:0px;
    margin-top:0px;
}
article.gallery p {

}
article.gallery div {
    position:relative;
    margin-top:70px;
    width:520px;
    margin-left:auto;
    margin-right:auto
}
article.gallery div img {
    width:320px;
    height:220px;
    position:absolute;
    left:100px;
    box-shadow:black 5px 2px 10px
}
article.gallery div img:first-of-type {
    transform:rotate(-15deg);
    left:0px;
}
article.gallery div img:last-of-type {
    transform:rotate(15deg);
    left:200px;
}

#photoWindow {
    position:fixed;
    top:0px;left:0px;right:0px;bottom:0px;
    color:yellow;
    z-index:400;
    background-color:#1e1e1e;
}
#photoWindow div.frame {
    width:1000px;
    margin-top:140px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#photoWindow input {
    position:absolute;
    top:10px;
    right:10px;
    height:32px;

}
#photoWindow h6 {
    font-size:xx-large;
    color:yellow;
    margin-top:140px;
    margin-bottom:0px;
    margin-left:10px;
}
#photoWindow p {
    margin-left:10px;
    margin-right:42px;
}
#pView {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    position:relative;
    text-align:center;
    background-color:black;
}
#pView:hover #pLeft {
    opacity:.5;
}
#pView:hover #pRight {
    opacity:.5;
}
#pView img.landscape {
    width:100%;
    height:auto;
    vertical-align:middle;
}
#pView img.portrait {
    width:auto;
    height:600px;
    vertical-align:middle;
}

#pThumb {
    display:none;
}
#pLeft {
    position:absolute;
    top:220px; left:0px;
    background-color:white;
    opacity:0;
    cursor:pointer;
}
#pRight {
    position:absolute;
    top:220px; right:0px;
    background-color:white;
    opacity:0;
    cursor:pointer;
}