.ysnazzy h1, .ysnazzy h2, .ysnazzy p {margin:0 10px; letter-spacing:1px;}
.ysnazzy h1 {font-size:2.5em; color:#fc0;}
.ysnazzy h2 {font-size:2em; color:#234; border:0;}
.ysnazzy p {padding-bottom:0.5em; color:#eee;}
.ysnazzy h2 {padding-top:0.5em; padding-left:10px;}
.ysnazzy {background: transparent; margin:1em;}

.ysnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .ysnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.ysnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #cccccc; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .ysnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.yb1, .yb2, .yb3, .yb4, .yb5, .yb6, .yb7 {display:block; overflow:hidden; font-size:0;}
.yb1, .yb2, .yb3, .yb4, .yb5, .yb6 {height:1px;}
.yb4, .yb5, .yb6, .yb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.yb1 {margin:0 8px; background:#fff;}
.yb2 {margin:0 6px; background:#fff;}
.yb3 {margin:0 4px; background:#fff;}
.yb4 {margin:0 3px; background:#cccccc; border-width:0 5px;}
.yb5 {margin:0 2px; background:#cccccc; border-width:0 4px;}
.yb6 {margin:0 2px; background:#cccccc; border-width:0 3px;} 
.yb7 {margin:0 1px; background:#cccccc; border-width:0 3px; height:2px;} 

.yboxcontent {display:block; background:#cccccc; border:3px solid #fff; border-width:0 3px;}