/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /*background:#F6F6F2;*/
  color:#777;
  /*font-size:12px;*/
  /*font-family: 'Nobile', sans-serif;*/
  /* The html and body elements cannot have any padding or margin. */
}

h3 a { color:#333;}
h3 a:link { color:#333;}
h3 a:visited { color:#333;}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  /*height: 60px;*/
  /*background-color: #f5f5f5;*/
}

.navbar-brand{
  position:relative;
  left:-20px;
}

#topBar {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f2f2f2;
  margin-bottom:30px;
  font-size:32px;
  color:#333;
}

#topBarMenu {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f2f2f2;
  margin-bottom:30px;
}

.title{
  font-family: 'Lobster', cursive;
  font-size:50px;
  padding:30px 0 10px 0;
}

.titlePhoto{
  font-family: 'Lobster', cursive;
  font-size:50px;
  padding:10px;
  color:#fff; 
  background-color: rgba(0, 0, 0, 0.8);
}

.albumsHeader{
  padding:11px 15px 10px 15px;
  margin:0 0 15px 0;
}

.albumHeader{
  padding:16px 15px 10px 15px;
  margin:0 0 15px 0;
  font-size:14px;
}
.albumHeaderTitle{
  font-size:30px;
  color:#333;
}
.albumHeaderBack{
  margin-right:10px;
  float:left;
}
.btn-cnf{
  padding:10px 5px;
}

.btn-sort{
  border-color:#ddd;
  color:#999;
}
.btn-right{
  float:right;
  margin-top:13px;
  margin-left:5px;
}

.header-search {
    position: relative;
}
.header-search .search-query {
    padding-left: 29px;
    background:#fff;
    padding-top:8px;
    border:0px;
    border:1px solid #ddd;
}
.header-search .icon-search {
    position: absolute;
    top: 9px;
    left: 11px;
    z-index:1000;
}



.blogPost{
  margin-bottom:20px;
}
.blogTop{
  background:#eee;
  padding:10px;
}
.blogTitle{
  font-size:24px;
  color:#333;
}
.blogTitle a { color:#555;}
.blogTitle a:link { color:#555;}
.blogTitle a:visited { color:#555;}

.blogDate{
  font-size:14px;
}
.blogSidebar{
  padding:15px;
  margin-bottom:15px;
}
.blogContent{
  border:2px solid #eee;
  padding:10px;
  background:#fff;
}

.statsBox{
  background:#eee;
  padding:30px 0;
}

.statBox{
  background:#eee; 
  padding:20px 0; 
  text-align:center; 
  margin-bottom:20px;
}
.statCount{
  font-size:18px; 
  color:#333; 
  font-weight:bold;
}
.statTitle{
  font-size:16px;
}


[class*="col-"] {padding: 0 7.5px;}
.row {margin: 0 -7.5px;}

.sidebar{
    padding:15px;
    color:#aaa;
    margin-bottom:15px;
}
.sidebarTitle{
  font-size:16px;
  padding:0 0 10px 0;
  color:#777;
}
.sidebarSubTitle{
  font-size:14px;
  padding:8px 0;
  color:#777;
}
.sidebarButton{
  background:#eee;
  padding:30px 0;
}

.boxStyle{
    background:#fff;
    border-radius:3px;
    box-shadow: 1px 1px 2px #ddd;
}

.albumThumb{
  margin:0 0 15px 0;
  overflow: hidden;
}
.albumThumbText{
  padding:8px 5px 5px 5px;
  font-size:12px;
  line-height:14px;
  overflow:hidden;
  background:#eee;
  color:#333;
}
.albumTextDate{
  color:#777;
  font-size:10px;

}

.pagePagination{
  text-align:center;
  padding:5px 0;
  background:#eee;
  padding:20px;
}

.statText{
  text-align:center;
  font-size:14px;
  color:#333;
}
.statNumber{
  text-align:center;
  font-size:42px;
}



.clearLeft{
  clear:left;
}

.clearRight{
  clear:right;
}

.clearBoth{
  clear:both;
}

/*  Feed items  */
.item{
  margin-bottom:20px;
  background:#eee;
  position:relative;
}
.itemTweet{
   padding:10px 60px 10px 10px;
}
.itemGig{
  text-align:center;
  padding:10px;
}
.itemAlbum{
  padding:10px;
  text-align:center; 
}
.itemPhoto{
  text-align:center; 
  min-height:100px;
}
.itemPhotoDetails{
  position:absolute; 
  bottom:0px; 
  text-align:left; 
  font-size:20px; 
  padding:10px; 
  color:#fff; 
  background-color: rgba(0, 0, 0, 0.6);
}
.itemPhotoDate{
  font-size:14px;
}
.itemTypeThumb{
  position:absolute; 
  right:20px; 
  top:10px; 
  font-size:40px; 
  opacity:0.7; 
  z-index:99999;
}
.itemImage{
  width:100%;
}


.albumEditBtn1{
  margin:5px 6px 0 0;
}
.albumEditBtn2{
  margin:5px 0px 0 0;
}


.ratio{
  position:relative;
  width: 100%;
  height: 0;
  padding-bottom: 70% ; /* % of width, defines aspect ratio*/
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;  
}



/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 0px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

.thumbnail{
  position:relative;
}

.thumbBottom{
  position:absolute;
  bottom:0px;
  /*width:100%;*/
  padding:5px 10px;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
}
.thumbBottom a:visited{ color:#fff; text-decoration:none; }
.thumbBottom a:link{ color:#fff; text-decoration:none; }
.thumbBottom a:hover{ color:#fff; text-decoration:none; }
.thumbBottom a:active{ color:#fff; text-decoration:none; }

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}