/* Add this code to you page's CSS style.

To position your Handy Note on the page, change the "right" and "top" settings. To use my background images for handy note, add the image files to the "images file" in the theme's contents folder.

© Andy Johnstone/www.focusphotos.com 2009 */

#handynote {
	position: relative;
		z-index: 7;
}
#handynotetop {
	position: relative;
		z-index: 7;
	width: 175px;
	background: url(../../images/Notepapertop.png) no-repeat;
	height: 67px;
}

#handynotemiddle {
	position: relative;
		z-index: 7;
	width: 175px;
	background: url(../../images/Notepapermiddle.png) repeat-y;
}

#handynotebottom {
	position: relative;
		z-index: 7;
	width: 175px;
	background: url(../../images/Notepaperbottom.png) no-repeat;
	height: 27px;
}

#handynoteText {
	position: relative;
	z-index: 7;
	color: #333;
	font: 1em "Comic Sans MS";
	text-shadow: white 1px 1px 1px;
	text-align: left;
	padding: 0 20px 0 34px;
}