[Solved] how to change the "Quote" background like this board

Details:
I really like how you made the topic Quotes look  how would i go about doing that for my test forum?

Your Forum Address:
http://betatester.forumotion.com

Forum Version:
PunBB

Code:

[panda=css]  /* Quote on punBB Design*/
    .postmain blockquote{
    background:none;
    border:0!important;
    position:relative;
    overflow:hidden;
    min-height:35px!important;
    margin:10px 0;
    padding:11px 0 6px 10px;
    font-size:14px;
    line-height:18px;
    color:#504536;
    font-family:Georgia;
    font-style:italic;
    }
    .postmain blockquote div {
    margin-top:7px;
    margin-left:6px;
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:solid 1px #D5DEE5;
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
    max-width:91%;
    padding:15px 20px 10px 23px;
    position:relative;
    }
    .postmain blockquote div:before {
    content:'';
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
    position:absolute;
    width:16px;
    height:16px;
    top:15px;
    left:3px;
    }
    .postmain blockquote div:after {
    content:'';
    position:absolute;
    z-index:100;
    background:url() top left no-repeat transparent;
    width:16px;
    height:16px;
    right:4px;
    bottom:4px;
    }
    /*Main header quote*/
    .postmain blockquote div cite {
    font-style:normal;
    font-weight:700;
    display:block;
    font-size:13px; 
    color:#fff;
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
    height:32px;
    position:absolute;
    z-index:100;
    top:-15px;
    text-shadow:#000 1px 1px;
    left:0px;
    }
    .postmain blockquote div cite:before {
    content:'';
    position:absolute;
    z-index:-1;
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
    width:31px;
    height:38px!important;
    left:-13px;
    top:0;
    }
    .postmain blockquote div cite:after {
    content:'';
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
    position:absolute;
    right:-10px;
    width:10px;
    height:32px;
    top:0;
    }

Thanks Shadow, your the best!

Solved

Lock