/* Main */
html,body {height:100%;padding:0; margin:0;}
body { background-color:#222; }
body, textarea, .search-query { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
#wrap {min-height:100%;height: auto !important;height: 100%;margin: 0 auto -60px;background-color:#000;}
#push, #footer { height: 60px; }
#footer { background-color: #222; }
.wrap { padding-top:0px;}
.container {position:relative;}
h3 a {color:#878787;}
h3 a:hover {text-decoration:none; color:#ccc;}
a:active {text-decoration:none;}

.navbar {background-color:#222;/* margin-bottom:0; */}
.navbar .row {/* margin-left:0px; */}
.navbar-inverse .navbar-inner {background-image:none;background-color:#222;border:none;padding-right:0;}
.navbar .container {width:auto;}

.marketing {height:40px;width:252px;background:transparent url(../img/1yr_tote_272x40.gif) no-repeat 0 0;display:block;overflow:hidden;text-indent:100%;white-space:nowrap;font-size:12px;}

.page-header { border:none; margin:0; padding:0; }
.disabledlink { color: #999; }

/* Search */
#search #search_input {width:200px;}
#search {position:absolute;top:48px; right:20px;z-index:1200;}
#search .search-icon { position:absolute; top: 4px; left:8px; color:#fff;z-index:100;}
.navbar-search .search-query {border-radius:4px; background-color:#bfbfbf;border:1px solid #000;box-shadow:none; font-size:16px;color:#555; padding:4px 12px 4px 26px;}
.navbar-search .search-query:focus {padding:4px 12px 4px 26px;background-color:#bfbfbf;border:1px solid #000;}
.collapse.in {padding-top:24px;}
#search input::-webkit-input-placeholder {color:#888;} /*WebKit*/
#search input:-moz-placeholder {color:#555;} /*FF4-18*/
#search input::-moz-placeholder {color:#555;} /*FF19+*/
#search input:-ms-input-placeholder {color:#555;} /*IE10*/

ul {margin:0;}
.thumbnails > li {margin-left:0; margin-bottom:0; }
ul.thumbnails li h4 { text-align:center; }

/* Home */
/* .wrap .home {margin: 0 0 0 0px; } */
/* .page-header {margin:0 0 22px 80px; } */
.home img.logo { position:absolute; top:12px;  width:140px; /* z-index:1000; */ }
.gallery img.logo { position:absolute; top:12px;  width:58px; /* z-index:1000; */ }
#header h1 { font-size: 54px; font-weight:normal; color:#fff; padding-top:12px;padding-bottom:12px; margin-left:158px;}
.intro {width:140px;float:left;clear:right;}
.flexcont {margin-left:158px;}
p.dek {font-size:18px;color:#999;text-align:center;line-height:22px;margin-top:60px;/* padding-left:20px; */}
/* Slider */
.flexslider {/* max-height:340px; */overflow:hidden;margin-bottom:20px;-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;border:0;box-shadow:none;}
.flexslider  {background-color:#000;}
ul.slides {margin-bottom:-10px;}
/* .flexslider li img {height:340px;} */
.decades { background-color:#fff; padding:18px 0px 10px; overflow:hidden; }
.decades p {font-size:18px;color:#999;text-align:center;line-height:22px;}
.decades ul {position:relative;}
.decades ul.thumbnails {margin-left:20px; text-align:center; }
.decades ul.thumbnails li h4 {font-size:1.2em;font-weight:normal; padding:6px 0 0; margin:0; }
.decades li.album-thumb { display:inline-block; float:none; margin-right:6px; padding:6px; border: 1px solid #fff; -webkit-border-radius: 4px;border-radius: 4px; }
/* .decades li.album-thumb:last-child {margin-right:0;} */
.decades li.album-thumb a { color:#0b54d0; }
.decades li.album-thumb:hover {color:#999; border: 1px solid #999; -webkit-border-radius: 4px;border-radius: 4px;}
.decades li.album-thumb:hover h4 a {color:#949494; text-decoration:none; }
.decades li.album-thumb img {-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .5); }
.decades li.logo60thumb {display:inline-block; float:none;padding:6px;}
.decades li.logo60thumb img.logo60 {/* padding-bottom:14px; *//* height:180px; */}
/* .decades .logo60 {width:100px; } */

/* Search Results */
.searchMatch {text-align:center;padding-top:20px;background-color:transparent;}
.searchMatch h3 { color:#fff; }
.searchMatch .searchHits { color:#878787; }

/* Gallery/Albums */
.gallery #header h1 {text-align:center; padding-bottom:0;margin-bottom:0; }
.gallery .navbar-static-top img.logo {width:58px;}
.breadcrumb { padding-top:20px; margin-bottom:0; background-color:transparent; }
h3 { margin:0 0 12px 0; padding:0; color:#fff;}

 /* Thumbs */
.gallery a.thumbnail {border:none;}
.gallery a.thumbnail:hover {box-shadow:none;}
.gallery a.thumbnail img {border:1px solid #000; padding:4px; border-radius:0px;}
.gallery a.thumbnail img:hover {border:1px solid #717171; -webkit-border-radius: 4px;border-radius: 4px; box-shadow:none;}

.gallery ul.thumbnails {margin-left:0; margin-bottom:20px; margin-top:-9px;padding-left:12px; list-style:none; text-align:center;}
.gallery ul.thumbnails li.album-thumb { display:inline-block; float:none; margin-right:12px; }
.gallery ul.thumbnails li.album-thumb:hover h4 a {color:#949494;}
.gallery ul.thumbnails li.album-thumb h4 {padding:0; margin:0;font-size:14px;}
.gallery ul.thumbnails li.album-thumb h4 a {color:#fff;font-weight:normal;}
.gallery ul.thumbnails li.album-thumb h4 a:hover {text-decoration:none;color:#949494;}

.gallery ul.thumbnails li.image-thumb { display:inline-block; float:none; margin-right:12px; }
.gallery ul.thumbnails li.image-thumb:hover h4 a {color:#949494;}
.gallery ul.thumbnails li.image-thumb h4 {padding:0; margin:0;font-size:14px;}
.gallery ul.thumbnails li.image-thumb h4 a {color:#fff;font-weight:normal;}
.gallery ul.thumbnails li.image-thumb h4 a:hover {text-decoration:none;color:#949494;}

/* Social */
.fb {color:#3b5998;}
.tw {color:#00aced;}
.pi {color:#b8041c;}
ul.soc { list-style-type:none; padding-top:8px; margin-left:133px;}
.gallery ul.soc {margin-left:80px;}
ul.soc li { display:inline-block; font-size:1.5rem;padding:0;margin:0; }
ul.soc li a:hover {text-decoration:none;}
ul.soc li.sh {color:#999;font-size:14px;}
ul.soc li.fb a {color:#3b5998;font-size:23px;}
ul.soc li.tw a {color:#00aced;font-size:23px;padding-left:2px;}
ul.soc li.pi a {color:#b8041c;font-size:23px;}
ul.soc li.in a img {border:0;width:21px;height:21px;padding-bottom:2px;padding-left:3px;}

/* Pagination */
/*.pagination ul > li > a {background-color:transparent; color:#999;padding:6px 14px;}
.pagination ul > li > a:hover {background-color:#444;color:#000;}
.pagination ul >.active > a {background-color:#beeafa; color:#0b54d0;}
.pagination ul > li:first-child > a {border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pagination ul > li:last-child > a {border-top-right-radius:0px;border-bottom-right-radius:0px;}
*/
/* Pagination styles */
.page-link {background-color:transparent; color:#999;padding:6px 14px;}
.page-link:hover {background-color:#444;color:#000;}
.page-item.active .page-link {background-color:#beeafa; color:#0b54d0; border-color:#dee2e6;}
/* Image */
.center { clear:both; text-align:center; /* width:100%; */}
.imageContainer {display:inline-block;margin-left:auto;margin-right:auto;max-width:99%;}
.imageNav.left,
.imageNav.right {display:inline-block;width:80px;min-width:80px;}
.image-inner    {display:inline-block;max-width:100%;height:auto;}
.imageNavLeft-inner {}
.imageNavRight-inner {}

.imageNav img.navLeft {width:60px;height:60px;background:transparent url(../img/sprite.png) 0 0;/* margin-right:20px; */}
.imageNav img.navLeft:hover {background:transparent url(../img/sprite.png) 0 -64px;}
.imageNav img.navLeft.disabled {background:transparent url(../img/sprite.png) 0 -128px;}
.imageNav img.navLeft.disabled:hover {background:transparent url(../img/sprite.png) 0 -128px;}
.imageNav img.navRight {width:60px;height:60px;background:transparent url(../img/sprite.png) 60px 0;/* margin-left:20px; */}
.imageNav img.navRight:hover {background:transparent url(../img/sprite.png) 60px -64px;}
.imageNav img.navRight.disabled {background:transparent url(../img/sprite.png) 60px -128px;}
.imageNav img.navRight.disabled:hover {background:transparent url(../img/sprite.png) 60px -128px;}

/* Photo Menus */
.photoMenus {margin:28px 0 28px 4px;}
.mobileNavLeft, .mobileNavRight {display:inline;position:relative;}
.mobileNavLeft a {position:relative;padding:7px 20px 5px 12px;margin:0;margin-right:-4px;background-color:#b12729;font-size:24px;line-height:24px;color:#fff;-webkit-border-radius: 20px 0px 0px 20px;border-radius: 20px 0px 0px 20px; }
.mobileNavRight a {position:relative;padding:7px 12px 5px 20px;margin:0;background-color:#b12729;font-size:24px;line-height:24px;color:#fff;-webkit-border-radius: 0px 20px 20px 0px;border-radius: 0px 20px 20px 0px; }
.mobileNavLeft a:hover, .mobileNavRight a:hover {background-color:#999;text-decoration:none;}
.mobileNavLeft a.disabled, .mobileNavLeft a.disabled:hover, .mobileNavRight a.disabled, .mobileNavRight a.disabled:hover {background-color:#333;color:#999;}

/* Photo Info */
.photoInfo {display:inline; }
.photoInfo p {color:#666;font-size:14px;}
.photoInfo#menu2 {padding:12px; background-color:#262626;border-right:1px solid #444;}
.photoInfo a:hover, .photoShare a:hover {text-decoration:none;}
.photoInfo a.dropdown-toggle, .photoShare a.dropdown-toggle {color:#fff;text-decoration:none;vertical-align:middle;}
.photoInfo .dropdown-menu {width:200px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.dropup .dropdown-menu {top: auto; bottom: auto; margin-bottom: 0px;  text-align:left;background-color:rgba(255,255,255,.9);}
.dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -4px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.bottom-up {top: auto; bottom: 100%; text-decoration:none; }
.dropdown-menu.bottom-up:before {border-bottom: 0px solid transparent !important; border-top: 7px solid rgba(0, 0, 0, 0.2); top: auto !important; bottom: -7px; }
.dropdown-menu.bottom-up:after {border-bottom: 0px solid transparent !important; border-top: 6px solid white; top: auto !important; bottom: -6px; }
.photoInfo .dropdown-menu.bottom-up {padding:12px 12px 0;}
/* Photo Share */
.photoShare {display:inline; }
.photoShare li {font-size:14px;}
.photoShare .dropdown-menu {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;background-color:rgba(255,255,255,.9);} 
.photoShare#menu3 {padding:12px 16px; background-color:#262626; }
.dropdown-menu {min-width:140px;}/*override bootstrap minimum*/
.photoShare .dropdown-menu {text-align:left; }
.photoShare .dropdown-menu > li > a {padding-left:12px;padding-right:12px;}
.photoShare .dropdown-menu > li > a:hover {background-color:#ccc; color:#333;background-image:none;} 


/* Footer */
#footer { color:#666; }
#footer a {color:#666;}
#footer ul {list-style:none;}
#footer .navbar .nav {/* height:48px; */ /* background-color:red; */  }
#footer .navbar ul {  }
#footer .navbar .nav > li {
  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
  border:1px solid #666;
  margin:12px 14px 0 0;
}
#footer .navbar .nav > li a { padding:8px 14px 7px; text-align:left; text-shadow:none;}
#footer .navbar .nav > li a.dropdown-toggle {padding-bottom:6px;}
#footer .navbar .nav > li > a:hover {
  color: #ccc;
  text-decoration: none;
  border-bottom: 0;
}
#footer .dropdown-menu {-webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; }
#footer .dropdown-menu li > a {line-height:13px;}
#footer .dropdown-menu li > a:hover { background-color:#666; color:#fff; background-image:none; }
#footer .dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}
#footer .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: .125rem;
}
ul.dropdown-menu.bottom-up > li {
  width:10em;
}
.hidden479, .hidden640 {display:none;visibility:hidden;}
.visible480 {visibility:visible;}
.visible640 {display: inline}  

@media (max-width:319px) {
  ul.soc, .marketing {display:none;visibility:hidden;}
}
@media (max-width:479px) {
  .navbar-static-top img.logo {width:30px !important;}
  .marketing {height:40px;width:50px;background:transparent url(../img/sub_50x40.jpg) no-repeat 0 0;}
  #header h1 { font-size:26px !important; padding:24px 20px 10px;margin-top:72px !important; }
  p.dek {font-size:16px; line-height:20px; margin:0; padding:6px 20px 20px;} 
  .decades ul.thumbnails li img {max-height:132px !important;}
  .gallery ul.thumbnails li img {max-height:134px;}
  h3 {font-size:16px !important;line-height:28px !important;}
  .imageContainer {height:auto;}
  .image-inner img {max-width:100%;height:auto;}
  ul.soc li.sh {display:none;}
}
@media (max-width:480px) {
  .hidden479 {display: inline-block;visibility:visible;}
  .visible480 {display: none; visibility: hidden;}
  .imageNav.left,.imageNav.right {width:0;min-width:0;}
  .photoMenus {margin-top:36px;}
  .photoInfo#menu2 {padding:16px 4px 8px 6px;}
  .photoShare#menu3 {padding:16px 4px 8px 6px;}
  .image-inner img {max-width:100%;height:auto;}
}
@media (min-width:481px) {
  .hidden479 {display: none; visibility: hidden;}
  .visible480 {display: inline-block !important;visibility:visible;}
  .image-inner {max-width:62%;}
  .image-inner img {max-width:100%;height:auto;}
}  
@media (min-width:480px) and (max-width:639px) { 
  h3 {font-size:22px !important;line-height:34px !important;}
  .decades ul.thumbnails li img {max-height:150px !important;}
  .gallery ul.thumbnails li img {max-height:150px;}
  .marketing {height:40px;width:126px;background:transparent url(../img/sub_126x40.jpg) no-repeat 0 0;}
}

@media (max-width:639px) {
  .hidden640 {display: inherit !important;}
  .visible640 {display: none; visibility: hidden;}
}
@media (min-width:640px) {
  .hidden640 {display: none; visibility: hidden;}
  .visible640 {display: inline !important;}
  }

@media (min-width:640px) and (max-width:767px) { 
  h3 {font-size:22px;line-height:34px;}
  .image-inner {max-width:70%;}
}

@media (max-width:700px) {
  #footer ul {text-align:left;padding:0;margin:0;}
  #footer ul li { display:block;padding:0;margin:0;}
  #footer .navbar .nav { float:none; margin:0;padding-bottom:12px;}
  #footer .navbar .nav li { margin-right:0; }
  #footer ul.services > li {float:none; margin-bottom:8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
  #footer ul.services > li > a { display:block; padding:8px; }
  #footer ul.addr li { line-height:18px; }
  #footer ul.services li:before { content: ""; }
  #footer ul.addr li:before { content:""; }
  #footer {padding-bottom:12px;}
  #footer a:hover {color:#fff;text-decoration:none; border-bottom:none;}

}

@media (max-width:767px) {
  .wrap {padding-bottom:0;}
  .navbar.navbar-static-top {margin-left:0px; margin-right:0px;  }
  .home #header img.logo { top:4px; left:20px; width: 48px/*  !important */; }
  .gallery #header img.logo { top:4px; left:20px; width: 48px/*  !important */; }
  #header h1 {font-size: 32px; text-align:center; margin:72px 20px 0px;padding-top:0;padding-bottom:0;}
  p.dek {font-size:16px; line-height:20px; margin:0; padding:6px 20px 20px;}
  #search {top:70px; left:20px; }
  form#search_form.navbar-search{width:100%;padding:0;margin:0;}
  #search input#search_input {width:95%;margin:0;padding:6px 0 6px 26px;/* display:block;box-sizing:border-box; */}
  #search .search-icon {top:6px;}
  .intro {float:none;width:100%;}
  .flexcont {margin-left:0;}
  .decades {margin:0 20px; -webkit-border-radius:6px; border-radius:6px; }
  .decades ul.thumbnails {margin-right:14px;}
  #wrap {padding-bottom:20px;}
  #footer { 
    margin-left: 0px; 
    margin-right: 0px; 
    padding-left: 20px; 
    padding-right: 20px; 
    }
  h3 {margin-top:28px !important; margin-bottom:5px !important;}
  .album-container {padding-left:20px; padding-right:20px;}
  /* .decades .logo60 {width:120px;padding-top:18px;} */
  ul.soc, .gallery ul.soc {margin-left:60px;}
  div.pagination { padding-right:20px; padding-left:20px; }
}

@media (min-width:768px) { .image-inner {max-width:75%;} }

@media (min-width:768px) and (max-width:840px) {
 #header h1 {font-size:46px;}
 }
@media (min-width:768px) and (max-width:979px) {}

@media (max-width:979px) {
  .breadcrumb {padding-top:48px;}
  .searchMatch {padding-top:48px;}
}

@media (max-width:1024px) {}

@media (max-width:1100px) { 
  .decades li.logo60thumb {display:none;} 
}
@media (max-width:979px) {}

@media (min-width:980px) {}

@media (min-width:1200px) {
  .navbar-static-top .container {width:1150px;}
  .gallery .navbar-static-top img.logo {/* width:58px; */}
  .breadcrumb {margin-left:0px;}
  .decades ul.thumbnails {margin-left:30px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:479px),
  screen and (-moz-min-device-pixel-ratio: 2) and (max-width:479px),
  screen and (-o-min-device-pixel-ratio: 2) and (max-width:479px),  
  screen and (min-device-pixel-ratio: 2) and (max-width:479px) {
  .marketing {
    height:40px;
    width:50px;
    background:transparent url(../img/sub_50x40@2x.jpg) no-repeat 0 0;
    background-size:50px 40px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:480px) and (max-width:639px),
  screen and (-moz-min-device-pixel-ratio: 2) and (min-width:480px) and (max-width:639px),
  screen and (-o-min-device-pixel-ratio: 2) and (min-width:480px) and (max-width:639px),  
  screen and (min-device-pixel-ratio: 2) and (min-width:480px) and (max-width:639px) {
  .marketing {
    height:40px;
    width:126px;
    background:transparent url(../img/sub_126x40@2x.jpg) no-repeat 0 0;
    background-size:126px 40px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:640px),
  screen and (-moz-min-device-pixel-ratio: 2) and (min-width:640px),
  screen and (-o-min-device-pixel-ratio: 2) and (min-width:640px),  
  screen and (min-device-pixel-ratio: 2) and (min-width:640px) {
  .marketing {
    height:40px;
    width:252px;
    background:transparent url(../img/1yr_tote_272x40.gif) no-repeat 0 0;
    background-size:252px 40px;
  }
}
