@import url(http://fonts.googleapis.com/css?family=Patrick+Hand+SC);

/* http://net.tutsplus.com/tutorials/html-css-techniques/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/ */

ul.card { 
	list-style:none;  
	font-family:"Patrick Hand SC",arial,sans-serif;  
}

ul.card>li ul {
	margin:0;
	padding-left:3em;
	text-indent: -2em;
	line-height:120%;
}

ul.card>li ul>li {

    list-style:none;  

}

ul.card>li {
	margin:2em;  
	margin-bottom: 5em;
	padding-left:1em;  
	padding-right:1em;  
	float:left;  
	list-style:none;  
	background: white; /* #ffc; rgb(255,255,136);  */
	display:block;  
	height:15em;  
	width:15em;  

	/* Firefox */  
	-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
	/* Safari+Chrome */  
	-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
	/* Opera */  
	box-shadow: 5px 5px 7px rgba(33,33,33,.7);  

	-moz-transition:-moz-transform .15s linear;  
	-o-transition:-o-transform .15s linear;  
	-webkit-transition:-webkit-transform .15s linear;  

	-webkit-transform:rotate(-6deg);  
	-o-transform:rotate(-6deg);  
	-moz-transform:rotate(-6deg);  
}  

ul.card>li>p:first-child {
	color:black;
}

ul.card>li>p:nth-child(2) {
	padding-left:1em;
	line-height:120%;
}

/*

ul.card img {
	-moz-transform: scale(0.5);  
	-moz-transform-origin: top right;
	-webkit-transform: scale(0.5);  
	-webkit-transform-origin: top right;
	-o-transform: scale(0.5);  
	-o-transform-origin: top right;
}

*/

ul.card>li:nth-child(even) {  
	-o-transform:rotate(4deg);  
	-webkit-transform:rotate(4deg);  
	-moz-transform:rotate(4deg);  
	position:relative;  
	top:5px;  
}  

ul.card>li:nth-child(3n) {  
	-o-transform:rotate(-3deg);  
	-webkit-transform:rotate(-3deg);  
	-moz-transform:rotate(-3deg);  
	position:relative;  
	top:-5px;  
}  

ul.card>li:nth-child(5n) {  
	-o-transform:rotate(5deg);  
	-webkit-transform:rotate(5deg);  
	-moz-transform:rotate(5deg);  
	position:relative;  
	top:-10px;  
}  

ul.card>li:hover, ul.card li:focus{
	-moz-transform: scale(2);  
	-webkit-transform: scale(2);  
	-o-transform: scale(2);  
	position:relative;  
	z-index:5;  
}  

img.glass {
	float: right;
}

h2 {
	clear: both;
}