@font-face { /* fontsquirrel.com & 1001freefonts.com */
	font-family: 'ChocolateBox Regular';
	src: url('fonts/C_BOX.eot');
	src: 
		local('ChocolateBox Regular'), 
		local('ChocolateBox'), 
		url('fonts/C_BOX.TTF') format('truetype'),
		url('fonts/C_BOX.woff') format('woff'), 
		url('fonts/C_BOX.svg#ChocolateBox') format('svg');
}

h1 { 
	margin-left: auto; 
	margin-right: auto; 
	width: 450px; 
	text-align: center; 
	font-family: 'ChocolateBox Regular'; 
	white-space: nowrap; 
	font-size: 24px; 
}
ul { 
	padding: 0; 
	margin: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 450px; 
}
li { 
	padding: 0; 
	margin: 0; 
	float: left; 
	width: 200px; 
	height: 200px; 
	text-align: center; 
	background-color: green; 
	list-style: none; 
	overflow: hidden; 
}
#weblog, #notes, #files, #projects { 
	background-image: url(img/front/frontsprite.png);	
}
#weblog { 
	margin-right: 50px; 
	margin-bottom: 50px; 
}
#notes { 
	background-position: 200px 0; 
	margin-bottom: 50px; 
}
#files { 
	background-position: 400px 0;
	margin-right: 50px; 
}
#projects { 
	background-position: 600px 0;
}
a { 
	display: block; 
	width: 100%; 
	height: 100%; 
	text-decoration: none; 
}
b { 
	color: white; 
	background-color: black; 
	padding: 8px 8px 3px 8px; 
	font: 100 normal normal 32px/32px 'ChocolateBox Regular',serif; 
	position: relative; 
	width: 100%; 
	text-align: center; 
	top: 85px; 
}
li *:hover { 
	background-color: black; 
}