* { margin:0; padding:0; }



body {
  background-color:#fff;
  /*background-image:url('./background.png');*/
  
}

h1 {
   font-family: 'Ubuntu Mono', monospace;
  font-weight: 400;
  font-size:16pt;
  color:#fff;
  display: inline-block;
  padding-top:16px;
  padding-bottom:16px;
 
 /* text-shadow: 0px 0px 10px #1d1d1d,0px 0px 10px #1d1d1d,0px 0px 10px #1d1d1d;*/
 background-color:#419fe7;
 
 /*background-image:url('./pattern_0001.png');*/
   
}


h2 {
  font-family: 'Ubuntu Mono', monospace;
  font-weight: 400;
  font-size:16pt;
  color:#fff;
 

  display: inline-block;
 
  padding:16px;
  
  border-radius: 32px 32px 0px 32px;

  
  
  
  background-color:#419fe7;
/*  background-color:#6ebbf6;*/

   
}

h3{
    font-family: 'Ubuntu Mono', monospace;
  font-weight: 400;
  font-size:14pt;
  background-color: #222; 
  color:#fff;
  padding: 8px;
  margin-top:32px;
  margin-bottom:16px;

   
    




}

h4{
    font-family: 'Ubuntu Mono', monospace;
  font-weight: 400;
  font-size:14pt;
  color:#aaa;
    width:512px;
   
    
    padding:4px;
     padding-top:32px;
    padding-bottom:23px;
    margin-bottom:2px;
    margin-top:16px;

    z-index:-4;
    


}

h5{
    font-family: 'Ubuntu Mono', monospace;
  font-weight: 400;
  font-size:12pt;
  background-color: #38c; 
  color:#fff;
    width:400px;
   
    
    padding:8px;
  
    margin-bottom:2px;
    margin-top:16px;
   
    z-index:-4;
    


}


body{
	background-color:#111;
	margin-left: 32px;
	margin-right: 32px;
	margin-top: 20px;
}


.storage_a{
	font-family: 'Ubuntu Mono', monospace;
	color:#eee;
	text-align: center;
}

p{
	font-family: 'Ubuntu Mono', monospace;

	background-color:#777;
	padding:16px;
}

.storage_card{
	margin:2px;
	border: solid;
	border-width:1px 1px 1px 1px;
	border-color:#000;
	background-color:#222;
	box-shadow: 0px 0px 5px #000;
	display:inline-block;
	padding-bottom:2px;
	width:400px;
	height:240px;
	overflow:hidden;
	transform: scale(1.0);
	position: relative;
	transition: transform 0.1s;
	border-radius: 4px;


}

.storage_box{

	width:400px;
	height:200px;
	overflow:hidden;
	


}

.storage_card:hover{
	transform: scale(1.1);
	z-index: 999;
	

}

.storage_image{
	width:400px;
	transform: scale(1);

	transition: transform 0.2s;
	margin-bottom:0px;

}

.storage_image:hover{
	transform: scale(1.3);

	width:400px;
}





.xpandolink{
    white-space: nowrap;
}



.page{
    background-color: #FFF; 
    max-width:1100px;
   
    margin-top:16px;
    padding:4px;
     padding-top:32px;
    padding-bottom:23px;
    box-shadow:0px 1px 2px #000;
    z-index:-4;
}

.divider{
    margin-top: 32px; 
    margin-bottom: 32px; 
    background-image:url('./pattern_0008.gif'); 
    height:16px; 
    width:100%; 
    box-shadow:inset 0px 0px 3px  1px  #000;
    color:#fff;
    font-size:16pt;
    font-family: 'Ubuntu Mono', monospace;
    text-align: center;
    
}

a{
    color:#00f;
}

.contentcircle{
  display: inline-block;
  width:50%;
  height:100%;
  margin:-1;
  overflow:hidden;
  
  
}

div.stretchy-wrapper {
  position: relative;
}

div.stretchy-wrapper > div {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

video{
  
  margin:0px;
  padding:0px;
  
}

.vspan{
   display:inline-block;
    text-align:center;
   
}

.video-card{
    margin-top:16px;
   
    position:relative; 
    box-shadow:0px 3px 5px #000;
    display:inline;
    width:100%;
    max-width:180px;
    top:0px;
    transform:scale(1);
    transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    z-index:0;
    border-radius:10px;
   
}

.video-card:hover{
    box-shadow:0px 16px 32px #000;
    top:-16px;
    transform:scale(1.1); 
}

.img-card{
    margin-top:4px;
    margin-right:4px;
    margin-left:4px;
    margin-bottom:4px;
   
    position:relative; 
    box-shadow:0px 3px 5px #000;
    display:inline;
     
	  width:183px;
  
    top:0px;
    transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    z-index:0;
    border-color:#000000;
    border-width: 0cap;
    border-style: solid;
    border-radius:8px;
   
}

.img-card:hover{
    box-shadow:0px 16px 32px #000;
    top:-16px;
    z-index:99;
}

.img-card:active{
    box-shadow:0px 0px 0px #000;
    top:4px;
}

.mini-video-card{
     margin-top:16px;
   
    position:relative; 
    margin:8px;
    float:left;
    box-shadow:0px 3px 5px #000;
    display:inline;
    width:100%;
    max-width:128px;
    top:0px;
    transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
   
    border-radius:10px;
}


.mini-video-card:hover{
     box-shadow:0px 16px 32px #000;
    top:-16px;
    z-index:99;
}

.video-card:active{
    box-shadow:0px 0px 0px #000;
    top:4px;
    
   
}

.p-card{
    /*box-shadow:0px 3px 5px #000;*/
    
   
   /* background-image:url('./pattern_0007.png'); */
   
  
    font-family: 'Roboto Condensed', sans-serif;
  line-height: 10pt;
  font-size:11pt;
  max-width:800px;
  background-color:#fff;
  color:#333;
  line-height: 24px;

 
    
}

.link-trinary{ 
    color:#fff;
    background-color:#338062;
    display:inline-block;
    font-size:4px;
    text-decoration: none;
    font-weight: bolder;
    padding-left:1px;
    padding-right: 1px;
    position:relative;
    top:-4px;
    left: 16px; 
    transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);  
    border-radius:10px;
    padding-top: 1px;
    padding-bottom:1px;
    line-height: 4px;   
}

.link-trinary:hover{   
    padding-left:4px;
    padding-right: 4px;
    padding-top: 7px;
    padding-bottom:7px;
    border-radius:50px;
    -moz-transform:scale(10);
    background-color:#338062;
    color:#fff;
    box-shadow: 0px 0px 0px 8px rgba(96,171,117,0.5),0px 0px 0px 16px rgba(96,171,117,0.1); 
    border-radius:50px;   
}

.link-urban{ 
    color:#fff;
    background-color:7b6f83;
    display:inline-block;
    font-size:4px;
    text-decoration: none;
    font-weight: bolder;
    padding-left:1px;
    padding-right: 1px;
    position:relative;
    top:-4px;
    left: 16px; 
    transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);  
    border-radius:10px;
    padding-top: 1px;
    padding-bottom:1px;
    line-height: 4px;   
}

.link-urban:hover{   
    padding-left:4px;
    padding-right: 4px;
    padding-top: 7px;
    padding-bottom:7px;
    border-radius:50px;
    -moz-transform:scale(10);
    background-color:7b6f83;
    color:#fff;
    box-shadow: 0px 0px 0px 8px rgba(123,111,131,0.5),0px 0px 0px 16px rgba(123,111,131,0.1); 
    border-radius:50px;   
}


.dither{
  display: table;
  background-image:url('./pattern_0001.png');
  padding:8px;
  margin-top:1px;
 
}

p{

   font-family: 'Ubuntu Mono', monospace;
   text-align:left;
}
li{
  margin-top:6px;
  font-size:11pt;
  color:#222;
  font-family: 'Open Sans', sans-serif;
  padding-top:6px;
  
}


.h2date{
  font-size:10pt;
  
  
}

#glcanvas{
  position:fixed;
  x:0px;
  y:0px;
  width:100%;
  height:100%;
  z-index:-1;
  
}

.noUnderline{
    text-decoration:none;
}

.button{
  font-family: 'Ubuntu Mono', monospace;
  display:inline-block;
  padding:16px;
  
  background-color:#f64;
  border-radius: 5px;
  color:#fff;
  margin:auto;
  font-size:14pt;
  text-decoration:none;
}

.button:hover{
  font-family: 'Ubuntu Mono', monospace;
  padding:16px;
  
  
  background-color:#f75;
  color:#fff;
  margin:4px;
  font-size:14pt;
  text-decoration:none;
}

.sprite{
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges; 
  transform: scale(4);
  
  animation: anim_8frame 1.0s steps(8) infinite;
  
  position:relative; 
  
  margin:32px;
  display:inline-block;
  
}

.tiles{
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges; 
  transform: scale(1);
  
  animation: anim_8frame 4.0s steps(8) infinite;
  
  position:relative; 
  
  margin:32px;
  display:inline-block;
  
}


.tilePaintSource{
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges; 
  transform: scale(4);
  
  
  position:relative; 
  
  margin:24px;
  display:inline-block;
  
}

.tilePaintable{
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges; 
  transform: scale(4);
  
  
  position:relative; 
  
  margin:24px;
  display:inline-block;
  
}

@keyframes anim_8frame {
 0% {
   background-position: 0px 0px;
 }
 100% {
   background-position: -128px 0px;
 }
}

@keyframes anim_8frame136 {
 0% {
   background-position: 0px 0px;
 }
 100% {
   background-position: -272px 0px;
 }
}

@keyframes anim_8frame68 {
 0% {
   background-position: 0px 0px;
 }
 100% {
   background-position: -136px 0px;
 }
}




.title{
	  font-family: 'Squada One', cursive;
	  
	  display:block;
	  background-color:#eee;
	  top:140px;
	  color:#222;
	  padding:11px;
	  position: absolute;
	  border:1px solid black;
	   box-shadow: 0px 4px 8px #222;
	}
	.post{
	  
	  padding:12px;
	 /* border: 1px dashed  #777;*/
	  /*border-top:0px solid #fff;*/
	 /* margin:4px;*/
	 /*border:1px solid #666;*/
	 box-shadow: 0px 2px 2px #777;
	 background-color:#fefefe;
	  
	 /* color:#666;*/
	  font-size:11pt;
	  margin-bottom:24px;
	  
	  
	}
	
	.nav{
	  
	  margin:0px;
	  padding:0px;
	  display:inline;
	}
	
	.thumbnail{
	  width:25%; 
	  height:200px; 
	  display:inline-block; 
	  
	  margin-bottom:16px;
	  background-size: auto 100%;
	   position:relative;
	 transition: all 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
         background-position: center, center; 
	  top:0px;
	}
	
	
	
	.thumbnail:hover{
	  width:25%; 
	  height:200px; 
	  display:inline-block; 
	  background-size: auto 120%;
          background-position: center, center; 
	  position:relative;
	  
	 
	}
	
	.thumbnail:active{
	  width:25%; 
	  height:200px; 
	  display:inline-block; 
	  background-size: auto 100%;
          background-position: center, center; 
	  
	   position:relative;
	 transition: all 0.01s ease 0s;
	  
	}
	
	.thumbnail_header{
	  
	  margin:4px; 
	  margin-bottom:16px;
	  box-shadow: 0px 2px 2px #333;
	  position:relative;
	  
	  
	  top:0px;
	 
	}
	
	.navLink{
	  display:inline-block;  
	  color:#000;
          background-color:#fff;
         box-shadow: 0px 2px 5px #000;
          padding:16px;
	  font-family: 'Ubuntu Mono', monospace;
	  text-decoration:none;
	  padding:16px;
	}
        
        .navLink:hover{
	  display:inline-block;  
          
	  color:#fff;
          background-color:#000;
          padding:16px;
          padding-bottom:4px;
	  font-family: 'Ubuntu Mono', monospace;
	  text-decoration:none;
	  padding:16px;
	}
        
        .glowText{
            font-family: 'Ubuntu Mono', monospace; 
            color:#ddd; 
            /*text-shadow: 0 0 1px #fff;*/
        }
	
	
.map-header{
    width:100%;
    max-width:1008px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#adbbd3+0,b8b0aa+100 */
background: #adbbd3; /* Old browsers */
background: -moz-linear-gradient(left, #adbbd3 0%, #b8b0aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #adbbd3 0%,#b8b0aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #adbbd3 0%,#b8b0aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adbbd3', endColorstr='#b8b0aa',GradientType=1 ); /* IE6-9 */
    height:16px;
    
color:#333;
}

.p-card-map{
    /*box-shadow:0px 3px 5px #000;*/
    
   
   /* background-image:url('./pattern_0007.png'); */
   
  
    font-family: 'Roboto Condensed', sans-serif;
  line-height: 10pt;
  font-size:11pt;
  max-width:800px;
  background-color:#ddd;
  color:#333;
  line-height: 24px;
  padding:16px;
 
    
}

.page2{
    background-color: #777777ee; 
    
    max-width:1024px;
   
    
    padding:4px;
     padding-top:32px;
    padding-bottom:23px;
    box-shadow:0px 1px 2px #000;
    z-index:-4;
}

.page3{
    background-color: #fff; 
    
    max-width:512px;
   
    
    padding:4px;
     padding-top:32px;
    padding-bottom:23px;
    box-shadow:0px 1px 2px #000;
    z-index:-4;
}