<?php header("Content-Type: text/css"); ?>

.wyebg {
	background:	url('background.png');
	padding: 65px;
	padding-right: 65px;
}

.wyemain {
	height: 100%;
	/* width: 100%; */
	border: 1px solid white;
		 border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		 box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		-webkit-box-shadow: 0 0 7px white;
	background: url('boxbg.png');
	font-family: 'Trebuchet MS',sans-serif;
	font-size: 10pt;
	color: white;
	padding: 20px;
	min-height: 150px;
}

<?php
		echo ".wyemain span.randomcolor {\n\t";
		echo "color: ";

		$color = dechex(mt_rand(1,16777215));	// calculate color value
		$color = strtoupper(strval($color));
		
		while (strlen($color) < 6) {			// add zeroes if necessary
		$color = "0" . $color;
		}
		
		echo "#" . $color . ";";				// output it
		echo "\n}\n\n";
		
		echo ".wyemain span.randomcolor:after {";
		echo "content:\" #$color\";}";

?>
	
.wyemain a:link {
	color: #77AADD;
	text-decoration: none;
	font-weight: bold;
}

.wyemain a:hover {
	color: #88BBEE;
	text-decoration: underline;
}

.wyemain a:visited {
	color: #4488BB;
	text-decoration: none;
}

.wyemain a:active {
	color: #99CCFF;
	text-decoration: underline;
}

.wyemain .quote {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 60px;
}

.wyemain .quote .boxhead {
	margin-top: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-right: 15px;
	font-size:8pt;
	color: #99CCFF;
	padding: 2px 10px 2px 10px;
	border: 1px solid white;
	border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		 box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		-webkit-box-shadow: 0 0 7px white;

}

.wyemain .quote .box {
	background: url('boxbg.png');
	margin: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 7px;
	border: 1px solid white;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
		 box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		-webkit-box-shadow: 0 0 7px white;
}

.wyemain .code {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 60px;
}

.wyemain .code .boxhead {
	background: url('codebg.png');
	margin: 0 15px 0 3px;
	position: relative; top: 18px; left: -20px;
	font-family: 'Courier New', monospace;
	font-size: 8pt;
	font-weight: bold;
	color: #99CCFF;
	padding: 2px 10px 2px 10px;
	border: 2px solid white;
	border-bottom: 0;
	border-top: 1px solid white;
	border-right: 0;
	border-bottom-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		 border-top-left-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		 box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		-webkit-box-shadow: 0 0 7px white;

}


.wyemain .code .boxhead:before {
	content: ">> ";
}

.wyemain .code .box {
	background: url('codebg.png');
	margin: 3px;
	margin-left: 53px;
	margin-top: 2px;
	margin-bottom: 7px;
	padding: 7px;
	font-family: 'Courier New', monospace;
	color: #92DB00;
	border: 1px solid white;
	border-left: 0;
		 border-top-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		 box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		-webkit-box-shadow: 0 0 7px white;
}

.wyemain hr.sig {
	width: 50%;
	background-color: rgba(255,255,255,0.4);
	height: 2px;
	border: 0px;
}