/* YAKUMONO LAYOUT */
/* MAIN */

.rollbg {
  background: url('style_bg.png');
  font: 13px, trebuchet ms, tahoma, sans-serif; text-shadow: 1px 1px #A18; color: #FFF;
}

.rollimg {
  background: url('style_char.png') top right no-repeat;
  padding: 25px; padding-right: 300px;
}

.rollbox {
  background: rgba(230, 120, 160, 0.8);
  border-top: 2px #A26 solid; border-bottom: 2px #A26 solid; border-radius: 16px/12px;
  min-height: 250px; padding: 6px;
}

/* QUOTE/CODE - SMWC */

.rollbg .quote, .rollbg .code {
  background: none;
  box-shadow: none;
}

.rollbg .quote > .box, .rollbg .code > .box {
  border: 1px #A26 solid; border-right: none; border-left: none; border-radius: 8px/4px;
  padding-top: 27px;
  color: #FFF;
}

.rollbg .quote > .box {background: url('style_quote.png') rgba(200, 100, 140, 0.6) top left no-repeat;}
.rollbg .code > .box {background: url('style_code.png') rgba(200, 100, 140, 0.6) top left no-repeat;}
.rollbg .quote > .boxhead, .rollbg .code > .boxhead {margin: 0px 5px; color: #FFF;}
.rollbg .quote > .box:before {content: url('style_space_quote.png'); float: left;}
.rollbg .code > .box:before {content: url('style_space_code.png'); float: left;}

/* QUOTE/CODE - JUL */

.rollbg blockquote {
  border: 1px #A26 solid; border-right: none; border-left: none; border-radius: 8px/4px;
  padding: 3px;
  /*padding-top: 27px;*/
  padding-left: 27px;
  margin-top: 20px;
  color: #FFF;
  display: block;
  background: url('style_quote.png') rgba(200, 100, 140, 0.6) top left no-repeat;
}

.rollbg blockquote.code { padding-left: 30px; background: url('style_code.png') rgba(200, 100, 140, 0.6) top left no-repeat; }
.rollbg blockquote .fonts {margin: 0px 5px; color: #FFF; display: block; position:relative; top: -22px; clear: both;}
.rollbg blockquote code::before {content:"\a"; white-space: pre;}
.rollbg blockquote::before {content: url('style_space_quote.png'); float: left;}

/* LINKS */

.rollbg a {color: #DCD;}
.rollbg a:hover, .rollbg a:active {color: #FDE; text-decoration: none;}

/* SELECTION */

.rollbg ::selection {background: #D4B; text-shadow: #C3A; color: #FFF;}
.rollbg ::-moz-selection {background: #D4B; text-shadow: #C3A; color: #FFF;}

/* MISC */
.rollbg blockquote hr {display: none;}
.rollbg hr {border: 1px dashed #A26;}
.rollbg hr.sig-separator {border: 1px dashed #A26;}