/*
 * blueimp Gallery Demo CSS 2.0.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

body {
  max-width: 750px;
  margin: 45px auto;
  padding: 1em;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
    background:#1F1F1F url(/images/pattern.png) repeat top left;
    color: #fff;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
.view-home{
    display:block;
    float:right;
    width:16px;
    height:16px;
    margin-right:5px;
    background:#464646 url(/images/views.png) no-repeat top left;
    opacity:0.8;
    position:relative;
    top: -19px;
    background-position:0px -32px;
}
.view-home:hover{
	opacity:1;
}

h1.nav{
	margin-top:10px;
}

.folder {
    float:left;
    margin-bottom: 10px;
    text-align:center;
    width: 190px;
}
.folder h3{
    cursor: auto;
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    margin: 10px 0 0 0;
    text-align: center;
}

.folder a:hover{
	text-decoration:none;
	color: orange;
}
.folder .wrap{
  color: orange;
  text-decoration: none;
    width:100px;
    padding-bottom:100px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    background:#000;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.folder img {
    border: 0;
    vertical-align: middle;
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    top:-10%;
    left:-5px
}

#links a {
  color: orange;
  text-decoration: none;
    width:100px;
    padding-bottom:100px;
    margin:3px;
    overflow:hidden;
    position:relative;
    background:#000;
    float:left;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#links img {
    border: 0;
    vertical-align: middle;
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    top:-10%;
    left:-15px
}
h1{
    font-size:20px;
    text-align:center;
    color:#fff;
    font-family:"Pacifico", Georgia, "Times New Roman", serif;
    text-shadow:1px 1px 1px #000;
}

.field-content {
    width:48%;
    padding-bottom:48%;
    margin:1%;
    overflow:hidden;
    position:relative;
    background:#000;
    float:left;
}
.field-content img {
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    top:0%;
    left:0
}

h2,
.links {
  text-align: center;
}

@media (min-width: 481px) {
  .navigation {
    list-style: none;
    padding: 0;
  }
  .navigation li {
    display: inline-block;
  }
  .navigation li:not(:first-child):before {
    content: '| ';
  }
}