/* =Basic Layout */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #fff;
  color:  #000;
  padding: 10px 0 0 10px;
} /* comment */
div.test { background: #ebebeb; padding: 1px 10px 10px; margin: 0 0 1em; }
div.figure { border-bottom: 5px dashed #fff; margin-bottom: 1em; padding-bottom: 1em; }
div.figure:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
div.figure img { max-width: 90%;}
#content { width: 60%; position: relative; }

/* =RGBa */
#rgba-test p.test { background: rgba(0, 0, 0, .5) url(img/background.png) top left; border: 5px solid #999; color: rgba(255, 255, 255, 1); padding: 10px; }

/* =HSLa */
#hsla-test p.test { background: hsla( 0, 0, 0, .5 ) url(img/background.png) top left; border: 5px solid #999; color: hsla(0, 0, 100%, 1); padding: 10px; }

/* =Opacity */
#opacity-test p.test { background: #fff; border: 5px solid #999; opacity: .25; padding: 10px; }