/**
 * Spanky Corners -- CSS Rounded Corners by SitePoint
 *
 * Auto generated code
 * Details @ http://tools.sitepoint.com/spanky/
 * @version 1.1b
 */

/* all curved boxes get the bottom-left corner */
div.rounded {
	background: #ffffff url('../images/spanky_corners/bl_18_ffffff_143d55.gif') no-repeat bottom left;
	height: 100%;
	margin: 1em 10px 0 0;
	padding-bottom: 18px;
	padding-top: 0;
	position: relative;
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
	background: #ffffff url('../images/spanky_corners/br_18_ffffff_143d55.gif') no-repeat bottom right;
	height: 100%;
	margin: 0 0 -18px 18px;
	padding: 1em 2em 18px 0;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
	background: none;
	height: auto;
	margin: 0;
	padding: 0;
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h2 {
	background: #ffffff url('../images/spanky_corners/tr_18_ffffff_143d55.gif') no-repeat top right;
	color: #143d55;
	display: list-item;
	list-style-image: url('../images/spanky_corners/tlc_18_ffffff_143d55.gif');
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}