@import "compass/css3";
body {
	  font-family:Calibri, Arial;
    height:1200px;
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(255,0,0,0),rgba(10,60,255,.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(255,0,0,0),rgba(10,60,255,.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(255,0,0,0),rgba(10,60,255,.5)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(255,0,0,0), rgba(10,60,255,.5)); /*Standard*/
}

#main {
    width: 800px;
    margin: 0 auto;
}
#about {
    width: 800px;
    margin: 0 auto;
	 color:LightSkyBlue;
   border-style: solid;
    border-width: thin;
    border-color:LightSkyBlue;
}
figure {
	 width: 350px;
	
}
figcaption {
width: 380px;
float:right;
color:black;
font-size:100%;
}

h1{
      text-align: center;
    font-weight:bold;
  font-family:Calibri, Arial;
      font-size:150%;
  letter-spacing:2px;
    color:LightSkyBlue;
   border-style: solid;
    border-width: thin;
    border-color:LightSkyBlue;
    

     width: 300px;
     padding:10px;
      margin:50px auto;
}




a {
  /* Center */
  display:block;
    width: 300px;
  margin:5px auto;
  
  /* Button */
  
  border:0;
  padding:10px;
  
  /* Text */
  text-transform:uppercase;
    text-decoration: none;
  font-weight:bold;
  font-family:Calibri, Arial;
  font-size:100%;
  letter-spacing:2px;
  color:#FFF;
  
  transition:all .3s ease;
  -o-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -webkit-transition:all .3s ease;
  

}
 a:hover {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
     color:LightSkyBlue;
    opacity:.85;
   
  }

 a:active {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
    opacity:.50;
   
  }
a:visited {
   -webkit-transform: translate(0px, 3px) ;
    cursor:pointer;
    opacity:.85;
   
  }

.blue{
    background-color:#3374ff;
}
.green {
    background-color:darkcyan;
}


.aqua {
    background-color:forestgreen;
}
body {
  padding-top:50px;
}