/* bb3quote on CSS3 */
    blockquote {
       font-size: 0.95em;
       margin: 0em 1px 0 5px;
       overflow: hidden;
       color: #797971;
       font-family: georgia;
       font-style: italic;
       min-height: 35px;
       padding: 25px 20px 0;
       background: none;
       border: 0;
    }
    blockquote > div {
       margin-top: -5px;
       border: 1px solid #0076B4;
       background: url("./images/spback.png") bottom left repeat-x #FFFFFF;
       padding: 20px 20px 5px 30px;
       position: relative;
	   border-radius: 7px;
    }
    blockquote > div:before {
       content: '';
       position: absolute;
       background: url("./images/openq.png") top left no-repeat transparent;
       width: 20px;
       height: 16px;
       top: 15px;
       left: 4px;
    }
    blockquote > div:after {
       content: '';
       position: absolute;
       background: url("./images/closeq.png") top left no-repeat transparent;
       width: 20px;
       height: 16px;
       right: 1px;
       bottom: 0px;
    }
    blockquote > div cite {
       font-style: normal;
       font-weight: bold;
       display: block;
       font-size: 0.9em;
       color: #fff;
       background: var(--main-color1);
       height: 26px;
       line-height: 24px;
       position: absolute;
       top: -14px;
       text-shadow: #000000 1px 1px;
       left: 18px;
    }
    blockquote > div cite:before {
       content: '';
       position: absolute;
       background: var(--main-color1);
      left: -9px;
    top: 0px;
    width: 4px;
    height: 26px;
    border-radius: 5px 0px 0px 5px;;
    }
    blockquote > div cite:after {
    content: '';
    background: var(--main-color1);
    position: absolute;
    right: -10px;
    width: 10px;
    height: 26px;
    border-radius: 0px 5px 5px 0px;
}

    blockquote.uncited > div {
       padding: 10px 20px 5px 30px;
    }
    blockquote.uncited > div:before {
       top: 15px;
    }