/*============================================================

	Get Yourself Some Chewbacca, bitches!

	Notes:
	================
	Love Chewbacca? Look no further, you're gonna get some Chewbacca crammed all up your Wookie hole.

	
	In This CSS:
	================
	+Not a whole lot.
	============================================================ 

	+Chewbacca stuff:
	--------------------------------------------- */

	body {
		background-color: #fff;
		color: #000;
		font-family: Georgia, Times, Times New Roman, serif;
		text-align: center
	}
	
	a {
		color: #6F3C1B
	}
	
	section {
		margin: 0 auto;
		width: 100%;
	}
	
	h1 {
		display:block;
		height:0;
		margin: 0;
		text-indent:-9999px;
	}
	
	h3 {
		font-size: .8em;
		font-style: italic;
		font-weight: 300;
		line-height: 1.7em;
	}
	
	.ad-sense {		
		margin: 40px auto 0;
		text-align: center;
		vertical-align: bottom;
		width: 710px;
	}
	
	.ad-sense ins{
		width: 100% !important
	}
	
	.ad-sense ins#google_ads_frame1_anchor {
		margin: 0 auto !important;
		width: 728px !important
	}
	
	a.slantmouth-joint {
		background: transparent url(/i/slantmouth-joint.png) no-repeat;
		display: block;
		height: 50px;
		margin: 30px auto 25px;
		text-indent: -9999px;
		width: 418px
	}
	
	button {
		background: transparent url(../chewbacca.jpg) no-repeat;
		border: none;
		display: block;
		margin: 10px auto;
		outline: none;
		height: 577px;
		text-indent: -9999px;
		width: 470px;
	}
	
	button:hover {
		cursor: pointer;
	}
	
	#chewbacca.yelling + button {
		background: url(../chewbacca_yell.jpg) no-repeat;		
	}
	
	audio {display: none;}
	
	@-webkit-keyframes turn {  
	from {  
	    -webkit-transform: rotate(0deg);  
	}  
	to {  
	    -webkit-transform: rotate(15deg);  
	    }  
	}  
	
	#chewbacca.yelling + button {  
	    -webkit-animation-name: turn;  
	    -webkit-animation-iteration-count: 1;  
	    -webkit-animation-timing-function: linear;  
	    -webkit-animation-duration: 5s;  
	}