/*
		CSS3 Polaroid Slideshow
		-----------------------
		Author:			samhs
	*/
	@font-face
	{
		font-family: PhontPhreaksHandwriting;
		src: url('PhontPhreaksHandwriting.ttf'),
		url('PhontPhreaksHandwriting.eot'); /* IE9+ */
		}	
	body {
		background-image: url('corkboard.jpg');
		background-repeat:repeat;
	/*	width:			100%;
		height:			100%; */
	/*	font-family: 	'Nothing You Could Do', cursive; */
font-family:PhontPhreaksHandwriting, 'Nothing You Could Do', cursive;
font-weight:600;
line-height:95%;
}
	}
	
	#pinboard {
		width:			1000px;
		height:			400px;
		position:		relative;	
		margin:			auto;
	}
	
	#pinboard ul {
		margin:			0;
		padding:		0;
		position:		relative;
		width:			960px;
		height:			400px;
	}
	
	#pinboard ul li {
		position:		absolute;
		top:			200px;
		left:			800px;
		display:		block;
		margin:			0;
		padding:		0;
		list-style:		none;
		background:		#fefabc;
		
		width:			200px;
		height:			200px;
		padding:		20px 20px 40px 20px;
box-shadow: 0px 4px 6px #333;
	-moz-box-shadow: 0px 4px 6px #333;
	-webkit-box-shadow: 0px 4px 6px #333;
-webkit-transition:		0.2s -webkit-transform linear;
-moz-transition:		0.2s -moz-transform linear;
-ms-transition:			0.2s -ms-transform linear;
-o-transition:			0.2s -o-transform linear;
		transition:		0.2s transform linear;		
	}
	
	.ui-draggable-dragging {
-webkit-transform:		rotate(0deg) scale(1.2) !important;
-moz-transform: 		rotate(0deg) scale(1.2) !important;	
-ms-transform: 			rotate(0deg) scale(1.2) !important;	
-o-transform: 			rotate(0deg) scale(1.2) !important;	
		transform:		rotate(0deg) scale(1.2) !important;		
	}
	
	#pinboard ul li img {
		border:			1px solid #ccc;

	}
	
	#pinboard ul li img:after {
 -moz-box-shadow: 		inset 0 0 10em #666;  
 -webkit-box-shadow: 	inset 0 0 10em #666;   
 -ms-box-shadow: 		inset 0 0 10em #666;
 -o-box-shadow: 		inset 0 0 10em #666;   
		box-shadow: 	inset 0 0 10em #666;
	}
	
	#pinboard ul li span {
		position:		absolute;
		bottom:			15px;
		left:			20px;
	}
	
	#instructions {
		position:		absolute;
		top:			10px;
		left:			25px;
		width:			200px;
		height:         350px;
		padding:		50px 10px 10px 20px;
		background:		transparent url(notepad.png) no-repeat top left;
-webkit-transform:		rotate(-10deg) !important;
-moz-transform: 		rotate(-10deg) !important;	
-ms-transform: 			rotate(-10deg) !important;
-o-transform: 			rotate(-10deg) !important;
		transform:		rotate(-10deg) !important;		
		color:			#006;
		font-size:		1.2em;	
	}
	
	#instructions h1 {
		margin-bottom:	0;
		padding-bottom:	0;
	}
	
	#instructions p {
		margin-top:		0;
		padding-top:	0;
		margin-bottom:	10px;
	}