/**
 * Gallery
 */
.gallery {
   width: 300px;
   float: right;
   margin:0;
   padding:0
}

.gallery li {
   float: left;
   border-left:1px solid #bbb;
   margin:25px 0;
   padding:0 15px;
   height:40px;
   list-style: none;
   cursor: pointer
}

.gallery li.l {
   border-left:0
}

.gallery li .thumb {
   background:#eee;
   border:3px double #eee;
   width:60px;
   height:60px;
}

.gallery li.hover .thumb {
   border-color: #bbb;
}

.gallery li.active .thumb {
   border-style: solid;
   border-color: #222;
}

.galleria_container {
   margin: 15px auto 20px auto;
   width: 750px;
   float: left;
}

.caption {
   position:relative
}

.caption div {
   display:block;
   position:absolute;
   top:-45px;
   padding:10px;
   z-index:2;
   width:730px;
   color:#fff
}

.caption strong {
   color:#ffb933
}

.caption .shadow {
   position:absolute;
   z-index:1;
   background:#000;
   padding:10px;
   color:#fff
}

.nav {
   padding-top: 15px;
   clear: both;
}

.info {
   text-align: left;
   margin: 30px 0;
   border-top: 1px dotted #221;
   padding-top: 30px;
   clear: both;
}

.info p {
   margin-top: 1.6em;
}

.nav {
   position: absolute;
   top: 410px;
   left: 0;
}

.pagination {
   float:right;
   display:block;
   width:300px;
   text-align:center
}

.pagination a,
.pagination strong {
   background-color:#cfd2b7;
   -moz-border-radius:.5em;
   -webkit-border-radius:.5em;
   margin:0 2px;
   padding:7px 9px;
   font-weight:bold;
   color:#636363
}

.pagination a:hover,
.pagination strong {
   background-color:#ffa000;
   text-decoration:none;
   color:#fff
}