.post-it {
	
}

.archive {
	font-style: italic;
	text-decoration: none;
}

.archive:hover, .archive:active, .archive:focus {
	border: 0;
	text-decoration: none;
}

.post-it-wrapper {
	
	position: fixed;
	right: 0px;
	top: 188px;
	z-index: 500;
}

.post-it {
	position: relative;
	border-right: 0;	
	text-align: left;
	padding-left:10%;
	width: 100px;	
	border-bottom-left-radius: 60px 5px;
	display: inline-block;
	background: #ffff88; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(81%, #ffff88
		), color-stop(82%, #ffff88), color-stop(82%, #ffff88),
		color-stop(100%, #ffffc6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffff88 81%, #ffff88 82%, #ffff88 82%,
		#ffffc6 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffff88 81%, #ffff88 82%, #ffff88 82%, #ffffc6
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88',
		endColorstr='#ffffc6', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}
.post-it.open {
	border: 0px solid #d8d8d8;
	box-shadow: -5px 5px 8px rgba(0, 0, 0, .6);
	border-top: 10px solid #fdfd86;
}
.post-it.open:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: -0px;
	bottom: 15px;
	width: 200px;
	height: 25px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: 2px 15px 8px rgba(0, 0, 0, .6);
	-moz-transform: matrix(1, -0.1, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
	-o-transform: matrix(1, -0.1, 0, 1, 0, 0);
	-ms-transform: matrix(1, -0.1, 0, 1, 0, 0);
	transform: matrix(1, -0.1, 0, 1, 0, 0);
}
.post-it.close{
	padding:0;
	padding-left:10px;
	opacity: 1;
	border-top: 10px solid #fdfd86;
	border-bottom: 10px solid #fdfd86;
	border-bottom-left-radius: 0;
	border-left:0;
	
}
.post-it a{
	border:0;
}
.rotate {
	/* Safari */
	-webkit-transform: rotate(-10deg);
	/* Firefox */
	-moz-transform: rotate(-10deg);
	/* IE */
	-ms-transform: rotate(-10deg);
	/* Opera */
	-o-transform: rotate(-10deg);
	/* Internet Explorer */
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
}