/*
CSS from:
http://www.alistapart.com/articles/onionskin/
modified to use descendant selectors instead of class names,
as suggested by Sergio: http://www.alistapart.com/discuss/onionskin/3/#c8219
Updated to allow for multiple shadow styles throughout the site
*/

div.shadowSand, div.shadowSand div, div.shadowSand div div, div.shadowSand div div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadowSand {
	float:left;
	background:url(../img/shadow/sand/shadow.gif) right bottom no-repeat;
	}
div.shadowSand div {
	background:url(../img/shadow/sand/shadow180.gif) no-repeat;
}
div.shadowSand div div {
	background:url(../img/shadow/sand/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadowSand div div div {
	padding: 6px;
	background:url(../img/shadow/sand/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadowSand div div div img {
	display:block;
	}
div.shadowSand div div div div.testa {
	margin-top: 23px;
	margin-bottom: 23px;
	margin-right: auto;
	margin-left: auto;
	background-color: #666666;
	color: #cccccc;
	text-align:left;
	width: 800px;
}


div.shadowGrey, div.shadowGrey div, div.shadowGrey div div, div.shadowGrey div div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadowGrey {
	float:left;
	background:url(../img/shadow/grey/shadow.gif) right bottom no-repeat;
	}
div.shadowGrey div {
	background:url(../img/shadow/grey/shadow180.gif) no-repeat;
}
div.shadowGrey div div {
	background:url(../img/shadow/grey/corner_bl.gif) -8px 100% no-repeat;
	}
div.shadowGrey div div div {
	padding: 8px;
	background:url(../img/shadow/grey/corner_tr.gif) 100% -8px no-repeat;
	}
div.shadowGrey div div div div{
	padding: 0px;
	background:none;
	}
div.shadowGrey div div div img {
	display:block;
	}	
	
div.shadowGrey div div div div.boxGrey {
	color: #ffffff;
	padding: 8px;
	background: #888888;
	font-size: 14px;
	margin:0px;
}
div.shadowGrey div div div img {
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
	text-align: center;
}