/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	float:right;
	width:auto;
	margin: 10px -4px 6px 40px; /* --------- added Left margin & Bottom margin ------------*/
/*	margin: 4px -4px -4px 34px;  --------- added Left margin ------------*/
	background: url(images/shadow.jpg) right bottom no-repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px 12px 40px; /* --------- added Left margin & Bottom margin ------------*/
	background: url(images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -10px;
	top: -10px;
	background-color:#FFFFFF;
	padding:8px 4px 4px 8px;
	width:200px;
	border: 1px solid #ccc;
	color:#64676A;
}
.ydsf .inner h2 {
	margin-top: 15px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
}

html>body .ydsf .inner h2 {
	margin-top: 5px;
}