@font-face { font-family: BrandonMed; font-weight:normal; src: url('font/Brandon_med.otf'); } 
@font-face { font-family: Brandon; font-weight: normal; src: url('font/Brandon_reg.otf'); } 
@font-face { font-family: Brandon; font-weight: bold; src: url('font/Brandon_bld.otf'); } 
	
	
		
	.intro {
		
		line-height:50px;
		font-size:36px; 
		font-weight:normal;
		font-family: Brandon;
		color:#ffffff;
	}
		
	.spacer {
		
		line-height:30px;
	}
	
		.credits {
			line-height:44px;
		}
		
	.creator {
		
		font-size:36px; 
		font-weight:normal;
		font-family: BrandonMed;
		color:#ffffff;
	}
		
	.creator A {
    display:inline-block;
    <!-- width:100%; -->
    height:20px;
    line-height:20px;
    color:#ffffff;
    text-align:center;
    text-decoration:none;
    <!-- background: #A3FFFC; -->
    <!-- box-shadow: 0 0 3px gray; -->
}


.creator A:hover {
    text-decoration:underline;
}
.creator A:active {
    <!-- background: #5F91A7; -->
    border: 8px solid #5F91A7;
    text-decoration:underline;
}


	.item {
		
		font-size:18px; 
		font-weight:bold;
		font-family:Brandon;
	}
	
	.item A {
    display:inline-block;
    width:24px;
    height:24px;
    line-height:24px;
    border: 0px solid #f5f5f5;
    border-radius: 50%;
    color:#15498C;
    text-align:center;
    text-decoration:none;
    background: #A3FFFC;
    <!-- box-shadow: 0 0 3px gray; -->
}


.item A:hover {
    background: #ccFFFe;
}
.item A:active {
    background: #5F91A7;
}