.box { border:1px solid; padding:10px; margin:5px 0; }
.box.framed { border-width:10px; }
.box.frame { background:white; border-width:10px; padding:1px 5px; margin:0; }
.box h1 { color:black; }
.box h2 { color:black; }
.box h3 { color:black; }
.box h4 { color:black; }
.box h5 { color:black; }
.box h6 { color:black; }
.blue { color:#009; background:#ddf; border-color:#cce; }
.purple { color:#909; background:#edf; border-color:#dce; }
.red { color:#900; background:#fdd; border-color:#ecc; }
.orange { color:#D50; background:#fed; border-color:#edc; }
.yellow { color:#C60; background:#ffd; border-color:#eec; }
.green { color:#090; background:#ccf8dd; border-color:#ced; }
.cyan { color:#06C; background:#def; border-color:#cde; }