body{
    background-image: url("holo-4.gif");
    background-position: center;
    overflow-x: hidden;
    }
    
    h1{
      font-family: courier;
      font-size: 40px;
      color: #e22658;
    }
    
    h2{
      font-family: courier;
      color: white;
    }
    
    a{
    text-decoration: none;
    font-family:courier;
    font-size:30px;
    color: #e22658;
    }
    
    a:hover{
      color: #f2f9f1;
    }
    
    .button{
      /*note to self: the div is being centered by another div in the html*/
      width: 50px;
      height: 250px;
      
      margin-top: -30px;
    	margin-left: 60px;
    	margin-right: 60px;
      
      border: 2px solid #e22658;
      border-radius: 28px;
    	background-color: #071635;
    	
    	padding-top: 25px;

      display: inline-block;
      color: white;
      text-align: center;
    }
    
    #title{
      border: 2px solid #e22658;
      border-radius: 28px;
      border-right: 50px;
      
      background: #071635;
      
      margin-left: 500px;
    	margin-right: 500px;
    	margin-top: 70px;
    	margin-bottom: 10px;
    }
    
    #title_img{
      height: 600px;
      width: 750px;
      margin-left: -520px;
      margin-top: -200px;
      display: inline-block;
      position: absolute;
      z-index: -2;
    }
    

    
    #links{
      border: 2px solid #e22658;
      border-radius: 28px;
      border-right: 50px;
      
      background: #071635;
      
      margin-left: 400px;
    	margin-right: 400px;
    	margin-top: 70px;
    	margin-bottom: 60px;
    }
    
    #me{
      margin-top: 100px;
      display: auto;
    }

    #title2{
      border: 2px solid #e22658;
      border-radius: 28px;

      background: #071635;
      
      margin-left: 400px;
    	margin-right: 400px;
    	margin-top: 70px;
    	margin-bottom: 30px;
      z-index: 2px;
    }

    /*-------------------GALLERY CURRENTLY USES THIS-------------------*/
    #gal{
      border: 2px solid #e22658;
      border-radius: 8px;
      
      width: 50em;
      
      background: #071635;
      
    	margin-top: 70px;
    	margin-bottom: 3em;
      z-index: 2px;
    }
    /*---*/
    
    #osamo{
      font-family: 'Amatic SC', cursive;
      border: 2px solid #e22658;
      border-radius: 28px;
      background: #071635;
      font-size:70px; 
      
     /* margin-left: 750px;*/
    	/*margin-right: 750px;*/
    	/*margin-top: 70px;*/
    	/*margin-bottom: 30px;*/
    }
    
    #osamo2{
      border: 2px solid #e22658;
      border-radius: 28px;
      background: #071635; 
      
      margin-left: 500px;
    	margin-right: 500px;
    	margin-top: 70px;
    	margin-bottom: 30px;
    }
    
     #exp{
      border: 2px solid #e22658;
      border-radius: 28px;
      background: #071635;
      font-size: 5px;
      
      margin-left: 600px;
    	margin-right: 600px;
    	margin-top: 70px;
    	margin-bottom: 30px;
    }


  #container {
    margin-top: -50;
    left: 50px;
    width: 750px;
    height: 800px;
    position: relative;
    /*border: 10px solid white;*/
    /*border-radius:50px;*/
    /*background-color:white;*/
    transform: rotate(180deg);
}

#the-divA {
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 3;
    margin-top: 75px;
    /*margin-left: -125px;*/
}
#the-divB {
    width: 100px;
    height: 100px;
    position: absolute;
    margin-top: 75px;
    margin-left: -125px;

}    
#the-divC {
    width: 100px;
    height: 100px;
    position: absolute;
    margin-top: 75px;
    margin-left: 75px;
}   
    /*#A {*/
    /*position: absolute;*/
    /*z-index: -1px;   */
    /*padding:10px;*/
    /*}*/
    
    /*#B {*/
    /*position: absolute;*/
    /*z-index: -1px;*/
    /*margin-left: 50px;*/
    /*}*/
    
    /*#C {*/
    /*position: absolute;*/
    /*z-index: -1px;*/
    /*margin-left: 0px;*/
    /*}*/
    
        /*CAT*/
    #cat{
      z-index: -12; 
      width:450px;
      height: 325px;   
    }
    
    
    #pillar1{
      position:absolute;
      z-index:-2;
      left:75px;
      top:-60px;
      width:350px;
      height:1250px;
      }
    
    #pillar2{
      position:absolute;
      z-index:-2;
      right:75px;
      top:-60px;
      width:350px;
      height:1250px;
      }
      
    #jain1{
      position:absolute;
      z-index:-2;
      left: 20px;
      top:0px;
      width:450px;
      height:1000px;
      }
    
    #jain2{
      position:absolute;
      z-index:-2;
      right: 20px;
      top:0px;
      width:450px;
      height:1000px;
      }

    #borro01{
      position: absolute;
      z-index: -6;
      width: 85em;
      margin-top: -30em;
      margin-bottom: -50em;
      margin-left: -75em;
      }
    #borro02{
      position: absolute;
      float: right;
      z-index: -4;
      width: 47em;
      margin-top: -27em;
      margin-left: 10em;
      /*top: 0px;*/
      /*right: 200px;*/
      }
      
    #castle{
      position: relative;
      z-index: 6;
      margin-top: -40em;
      margin-bottom: -2em;
      margin-left: -7em;
      width: 97em;
    }
    
    /*BLOG CSS  ................... ======================================================================================= ........................ */
    
    #blog{
      border-radius: 8px;
      border-right: 50px; 
      background: #000; 
      margin: 0 20%;
    	padding: .5%;
    }
    
    #blog-title{
      font-family: 'Dosis', sans-serif;
      color: #ffffff;
      letter-spacing: 69px;
      text-shadow: 2px 5px #ff00ff;
      font-size: 7em;
      padding-top: .5px;
      }
    
    #blog a{
      font-family: 'Dosis', sans-serif;
      color: white;
      text-shadow: 2px 2px #ff00ff;
      }

    #blog a:hover{
      color: #ff00ff;
      text-shadow: 2px 2px #ffffff;
      }
      
    #blog-container{
      border-radius: 8px;
      margin: 50px;
      background-color: white;
      }
    #blog-content{
      text-align: left;
      }
    
    /*#headerImg{*/
    /*  width:80%;*/
    /*  z-index: 2;*/
    /*  position:relative;*/
      /*left:0px;*/
    /*  margin-top:-6.5%;*/
      /*margin-left:-92em;*/
    /*  margin-bottom:-25%;*/
    /*  }*/
      
      #headerBG{
      background-color:black;
      position:absolute;
      z-index:-5;
      width:600px;
      height:800px;
      }
    
    #post-header{
      font-family: 'Dosis', cursive;
      color: #ffffff;
      padding: 10px 15px;
      background: #ff00ff;
      }
    
    #post-header li{
      list-style-type: none;
      display: inline;
      }
    
    #post-header h3{
      font-size: 1.8em;
      color: #ff00ff;
      text-shadow: 2.2px 2.3px #ffffff;
      padding: 8px;
      display: inline;
      margin-left: -45px;
      }  
    
    #post-header h5{
      font-size: .8em;
      float: right;
      }  
      
    #blogDate{
      font-family: 'Dosis', cursive;
      color: #ffffff;
      font-size: .8em;
      background: #ff00ff;
      padding: 10px 15px;
      text-align: right;
      }
    
    #blogText{
      font-family: 'Inconsolata', monospace;
      padding: 20px 15px;
      }  
    
    /*END BLOG CSS ................... ======================================================================================= ........................  */
    
  
.B-left{
  left: 0px;
  top: 0px;
  position: absolute;
  } 
.B-right{
  right:0px;
  top: 0px;
  position: absolute;
  }    
.abs{
    width: 59%;
    top: 0px;
    position: absolute;
    left: 18.5%;
    z-index:-1;
  }    
.dome {
    width: 80%;
    position: absolute;
    margin:-60px 0 0 -60px;
    top:-29%;
    left: 15%;
    z-index: -10;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 450s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

      
    #panel, #flip {
    transform: rotate(-180deg); 
    padding: 5px;
    text-align: center;
    /*background-color: #fff;*/
    }
    #flip{
    margin-right: 40px;
    margin-top:-11px;
    }
    #panel {
        transform: rotate(-180deg); /* Standard syntax */
        padding: 10px;
        background-color: blue;
        margin-left:265px;
        margin-right:310px;
        border-radius:3px;
        display: none;
    }