@charset "utf-8";

@font-face {
font-family: handscript;
src: url('danielbd.ttf') format('truetype');
}

* {
padding: 0; 
margin: 0;
}

html{
	background:url(paper.jpg)no-repeat center center fixed;
	background-size:cover;
	height:100%;
}

body{
	height:100%;
}

#wrapper {
	min-height: 100%; 
	position: relative;
}
	
#left{
   position:absolute;
   left:20px;
   top:20px;
   width:200px;
   box-shadow: 0px 0px 9px #888888;
   opacity:0.8;
   text-align:center;
}

#spacer{
   position:absolute;
   right:20px;
   top:20px;
   width:200px;  
}

#content{
   width:800px;
   margin-left:auto;
   margin-right: auto;
   font-family:handscript;
   font-weight:bold;
   text-shadow: 0 2px 3px #999;
   text-align:center;
   font-size: 22px;
   color:#52431b; 
}

#hofheader {
	font-size:30px;
	width:900px;
	padding-top:10px;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	height:40px;
	color:#52431b; 
	font-family:handscript;
   font-weight:bold;
	
}



#hof{
	margin-left:auto;
	margin-right:auto;
	font-size:20px;
	margin-top: 50px;
	font-family:handscript;
   font-weight:bold;
}


.first{
	padding-left:10px;
	width:30px;
}	

.second{
	padding-left:10px;
	width:250px;
}	

.third{
	text-align:center;
	width:180px;
}	

.fourth{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	
}	


#text1{
   margin-bottom:30px;
   width:315px;
   margin-left:auto;
   margin-right:auto;
   margin-top:250px;
   overflow:hidden;
  
}

#text27{
   width:475px;
   margin-left:auto;
   margin-right:auto;
   margin-top:100px;
   
}


#text30{
   width:300px;
   margin-left:auto;
   margin-right:auto;   
}


#text{
   width:275px;
   margin-left:auto;
   margin-right:auto;
   /*margin-top:100px;
   margin-bottom:50px;*/
}


#congrats{
   width:800px;
   margin-left:auto;
   margin-right:auto;
   margin-top:-50px;
  
}

#egg{
   margin-bottom:30px;
   width:760px;
   margin-left:auto;
   margin-right:auto;
   margin-top:250px;
   font-size:40px;
}

#image{
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   
}


#image4{
  padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   margin-top:-150px;
   line-height:0;
}



#image5{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   
}


#image7{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   opacity:0.6;
   margin-top:-80px;
}
#image8{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   opacity:0.7;
}

#image9{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;  
}

#image13{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   /*margin-top:100px;*/
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   opacity:0.8;  
}

#image14{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   margin-top:0px;
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   opacity:0.8;  
}

#image17{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   margin-top:-100px;
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   opacity:0.7;  
}

#image18{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   margin-top:-75px;
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   
   
   
}

#image19egg{
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   margin-top:100px;
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   opacity:0.8;  
}

#image20{
   padding-top:0px;
   padding-bottom:0px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   /*margin-top:100px;*/
 
   opacity:0.8;  
}


#image26{
   border-top: 3px solid #52431b;
   border-bottom: 3px solid #52431b;
   margin-top:100px;
   padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   
}


#image27{
   padding-top:0px;
   padding-bottom:0px;
   padding-left:20px;
   padding-right:20px;
   line-height:0;
   margin-top:50px;
   opacity:0.8;  
  
}

#image_congrats{
  padding-top:15px;
   padding-bottom:15px;
   padding-left:20px;
   padding-right:20px;

}

#title{
   padding-top:50px;
   padding-bottom:50px;
   font-size:36px;
   color:#52431b;
	   
   
}

#sound{
   margin-bottom:30px;   
}

#footer{
   position:absolute;
   bottom: 0; 
   right:100px;
   font-family:handscript;
   font-weight:bold;
   text-shadow: 0 2px 3px #999;
   font-size: 22px;
   color:#52431b; 
}

#footer a{
   text-decoration:none;
   color:#52431b;
   transition:all 1s ease;
}



.level1a{
	float:left;
	line-height:1.7;
	font-size:35px;	
	
}

.level1b{
	float:left;
	line-height:1.7;
	font-size:35px;
   
}
.rounded{
   width: 40px;
   height:40px;
   border:3px solid #52431b;
   color:#52431b;
   float:left;
   border-radius:50%;
   text-align:center;
   margin-left:5px;
   margin-right:5px;
   line-height:1.7;
   font-size:35px;   
}