body {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	overflow: hidden;
	background: transparent url(images/metal.png) repeat;
}

body > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#main {
	width: 300px;
	height: 200px;
	border: 1px solid #870;
	background: #fe4;
	background: #fe4 -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe4), color-stop(1, #dc2)) no-repeat;
	background: #fe4 -moz-linear-gradient(center top, #fe4 0%, #dc2 100%) no-repeat;
	box-shadow: 0 10px 10px -5px #444;
	-webkit-box-shadow: 0 10px 10px -5px #000;
	-moz-box-shadow: 0 10px 10px -5px #000;
	-o-box-shadow: 0 10px 10px -5px #000;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
}

#main > h2 {
	position: relative;
	display: table-cell;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
	font-family: "Indie Flower", "Comic Sans MS", "Comic Sans", sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 2.0em;
}

#ornaments, #ribbons {
	width: 100%;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#frame {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border: 32px solid #444;
	-webkit-border-image: url(images/metal_frame.png) 32 32 32 32 round round;
	-moz-border-image: url(images/metal_frame.png) 32 32 32 32 round round;
	-o-border-image: url(images/metal_frame.png) 32 32 32 32 round round;
	border-image: url(images/metal_frame.png) 32 32 32 32 round round;
}

#ribbons { overflow: hidden; }

.ribbon {
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	left: -50%;
	width: 200%;
	height: 64px;
	margin: auto;
	background: #f00 url(images/wip.png) repeat-x center center;
	box-shadow: 0 10px 10px -5px #000;
	-webkit-box-shadow: 0 10px 10px -5px #000;
	-moz-box-shadow: 0 10px 10px -5px #000;
	-o-box-shadow: 0 10px 10px -5px #000;
}

#downright {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
}

#upright {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
}