.rounded {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	z-index:1;
	margin-left:12px; /* default, width of left corner */
	/*margin-bottom:0.5em;*/
	margin-bottom:14px;
}

.rounded .content, .rounded .t, .rounded .b, .rounded .b div {
	background:transparent url(images/rounded.png) no-repeat top right;
	_background-image:url(images/rounded.gif);
}

.rounded .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:14px 18px 0px 7px;
}

/* top+left vertical slice */
.rounded .t {
	position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

/* bottom */
.rounded .b {
	position:relative;
	width:100%;
}
.rounded .b, .rounded .b div {
	height:16px; /* height of bottom cap/shade */
	font-size:1px;
}
.rounded .b {
	background-position:bottom right;
}
.rounded .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}
.rounded .hd, .rounded .bd, .rounded .ft {
	position:relative;
}

/* extra content protector - preventing vertical overflow past background */
/* overflow:auto causes a redraw "lag" in Firefox 2, and may degrade performance. trying without if not worried about height/overflow issues */
.rounded .wrapper {
	position:static;
	max-height:1000px;
	overflow:auto; 
}

/* zero margins or else it will blow out backgrounds, leaving whitespace. */
.rounded h1, .rounded p {
	margin:0px; 
	padding:0.5em 0px 0.5em 0px;
}

.rounded h1 {
	padding-bottom:0px;
}