/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: width, height;
     -moz-transition-property: width, height;
      -ms-transition-property: width, height;
       -o-transition-property: width, height;
          transition-property: width, height;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/**** Content ****/

#content {
  padding:0;
  display:block;
  width:1120px;
  margin:10px auto;
}

img.home-logo {
  max-width:100px;
  display:block;
  margin:0 auto;
}
#special-header {
 color:#fff;   
}
#special-header p {
    white-space:nowrap;
    float:left;
    width:auto;
    margin:0 500px;
}
/*#special-header {
  background:#222;
  display:block;
  float:left;
  width:100%; 
  color:#fff;
}
#special-header a{
    float:left;

  display:inline-block; 
  padding:0 10px;  
}

#special-header p{
  float:left;
  display:inline-block; 
  padding:0 10px;
  white-space: nowrap;
}
#special-header h6{
  float:left;
  display:inline;  
  padding:0 10px;   
}
*/
#nav-wrapper {
 font-family: Corbel, Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", sans-serif
}


.centered { margin: 0 auto; }

.box {  
  background: none;
  font-size: 11px;
  line-height: 2.4em;
  float: left;
}

.box p {
  text-shadow:1px 1px 1px #000;
}

.box img,
#tumblelog img {
  display: block;
  width:100%;
  margin:0 auto;
  text-align:center;
  
}

.box {
  border-radius: none;
}
/**** Fluid ****/

#container.fluid  {
  padding: 0;
  margin: 0;
}

.fluid .box {
  margin: 0;
  padding: 0.00001%;
}

.fluid .box.col1 { width: 6.25%; } /*was 16 */
.fluid .box.col2 { width: 12.5%; }
.fluid .box.col3 { width: 18.75%; }
.fluid .box.col4 { width: 25%; }
.fluid .box.col5 { width: 31.25%; }
.fluid .box.col6 { width: 37.5%; }

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#home-x {
  
}


.hide {
  opacity: 0;
/*  z-index:-100; */
  display:none; 

}

.reveal {
  opacity: 1;
  z-index:500; 
}

.box {
  z-index:100;
}


.hidden-content {
  padding:0;
  margin:0;
  background:rgba(255,255,255,0.9);
  position:absolute;

  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;

  color:#111;
  text-align:center;
}

body {
  background:#000;
/*
  background-color:#66259b;
background-image: -moz-radial-gradient(50% 50%, circle cover, #66259b, #000 100%);
background-image: -webkit-radial-gradient(50% 50%, circle cover, #66259b, #000 100%);
background-image: -o-radial-gradient(50% 50%, circle cover, #66259b, #000 100%);
background-image: -ms-radial-gradient(50% 50%, circle cover, #66259b, #000 100%);
background-image: radial-gradient(50% 50%, circle cover, #66259b, #000 100%)
*/
}

.bx-wrapper {

margin:0 !important;

}

h1 {
 text-shadow:1px 1px 2px #000;  
 font-size:30px; 
 font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
}
p, h6 {
  font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
}

.hidden-content h1 {
display:none;   
}
.close-content {
height:20px;
width:20px;
float:right;   
padding:5px;
margin:5px;
border: 1px solid #000;
border-radius:50%;
}
.close-content:hover {
 background:#000;
 color:#fff !important;   
 text-decoration:none;
}
.box {
 overflow:hidden !important;   
}

#ab-home-logo {
opacity:1 !important;
}

#contact {
   font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
  padding:20px 0;
  color:#fff;
  text-align:center;
}

#contact p{
 padding:2px 0;   
}
.menu-trigger {
    display:none;
}

/* alternate styling for smaller devices */
@media screen and (max-width: 960px) {
  #content {
    width:800px;
  }
  .desktop-only {
    display:none;
  }
  .menu-trigger {
    display:block; 
    padding:5px;
    margin:0 0 5px 0;
    background:rgb(221, 221, 221);
    color:#555;
  }
  
  .box h1 {  
    font-size: 22px;
  }
}

/* screens smaller than 640 */
@media screen and (max-width: 640px) {

  .menu-trigger {
    display:block;
    padding:5px;
    margin:0 0 5px 0;
    background:rgb(221, 221, 221);
    color:#555;
    }
    .menu-trigger:hover  {
        color:#000;
    }
    .menu-trigger:visited {
            color:#555;
    }
    #nav-list li{
    clear:both;    
    }
    .normal-wrapper {
      display:none;
    }
    .jPanelMenu, body {
      overflow-x:visible !important;
    }
    #jPanelMenu-menu {
      overflow-y:visible !important;
      border-right: 1px solid #ccc;
    }
    #content {
      width:100%;
      margin:0 auto;
      max-width: 300px;
    }

    .box {
      min-width:100%;
      width:100%;
      clear:both;
    }

    figure {
      width:100%;
    }

    figure { 
      display: block; 
      position: relative; 
      overflow: hidden; 
    }

    figcaption { 
      opacity: 1;
      bottom: 0; 
      left: 0;
    }

    .cap-left figcaption { bottom: 0; left: 0; }
    .cap-right figcaption { bottom: 0; right: 0; }
    .cap-top figcaption { left: 0; top: 0; }
    .cap-bot figcaption { left: 0; bottom: 0;}

}