.shinyBlack {
	margin: 0px 0 0 10px;
	min-width: 20em;
	max-width: 800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */;
	color: #fff;}
.shinyBlack .hd .c, .shinyBlack .ft .c {
	font-size: 1px; /* ensure minimum height */;
	height: 11px;}
.shinyBlack .ft .c {height: 14px;}
.shinyBlack .hd {
	background: url('images/tl.png') no-repeat 0px 0px;
	margin-right: 14px; /* space for right corner */}
.shinyBlack .hd .c {
	background: url('images/tr.png') no-repeat right 0px; /* (width of tr.png)*/
	margin-right: -14px; /* pull right corner back over "empty" space (from above margin) (width of tr.png) */}
.shinyBlack .bd {
	background: url('images/ml.png') repeat-y 0px 0px;
	margin-right: 14px;} /* (width of mr.png)*/
.shinyBlack .bd .c {
	background: url('images/mr.png') repeat-y right 0px;
	margin-right: -14px;} /* (width of mr.png)*/
.shinyBlack .bd .c .s {
	margin: 0px 8px 0px 4px;
	padding: 1em;}
.shinyBlack .ft {
	background: url('images/bl.png') no-repeat 0px 0px;
	margin-right: 14px;} /* (width of br.png)*/
.shinyBlack .ft .c {
	background: url('images/br.png') no-repeat right 0px;
	margin-right: -14px;} /* (width of br.png)*/


/* content-specific */
.shinyBlack h1 {
	/* header */
	font-size: 2em;
	margin: 0px;
	padding: 0px;
	margin-top: -0.6em;
	text-align: center;}
.shinyBlack p {
	margin: 0.5em 0px 0px 0px;
	padding: 0px;
	font: 1em arial;}