@charset "UTF-8";
/* CSS Document */
body{
	width:500px;
	height:400px;
	margin: 0 auto;
	}

div.head{
	display:block;
	width:500px;
	height:200px;
	margin: 50px auto 0px auto;
	
	
	transform: rotate(15deg);
	-moz-transform:  rotate(15deg);
	-webkit-transform:  rotate(15deg);
	
}

div.eye{
	display:block;
	width:200px;
	height:175px;
	margin: 10px auto 0px auto;
	float: left;
	
	-moz-border-radius: 100px;
	border-radius: 100px;
	
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);

	
}

div.eye#left{
	margin: 10px 25px 0px 25px;
	
	-webkit-border-radius: 100px 0px 100px 100px;
	-moz-border-radius: 100px 0px 100px 100px;
	border-radius: 100px 0px 100px 100px;
	
	background-image: 
	-moz-linear-gradient(0deg, gray, black);
	background-image:
	-webkit-gradient(linear, 0 0, 0 100%, from(black), to(gray));
}

div.eye#right{
	-webkit-border-radius: 0px 100px 100px 100px;
	-moz-border-radius: 0px 100px 100px 100px;
	border-radius: 0px 100px 100px 100px;
	
	background-image: 
	-moz-linear-gradient(0deg, gray, black);
	background-image:
	-webkit-gradient(linear, 0 0, 0 100%, from(black), to(gray));
}


div.eyeball {
	display: block;
	width:150px;
	height:150px;
	margin: 12px auto 0px auto;
	border-color:#CCC
	
	-moz-border-radius: 150px;
	border-radius: 150px;
	
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	
	background-image: -moz-radial-gradient(60% 60%, circle closest-corner, blue, green);
 	background: -webkit-gradient(radial, center center, 10, center center, 100, from(red), to(black));

}

h1{
	height: 50px;
	width: 350px;
	margin: 80px 0px 10px 300px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	
	
	-webkit-border-radius: 100px 100px 100px 0px;
	-moz-border-radius: 100px 100px 100px 0px;
	border-radius: 100px 100px 100px 0px;
	
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	
	
	
}