Unnamed

<html>
<head>
<title>Codebox</title>
<style type="text/css">
.codebarbg {
  background-image: url(codebarbg.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #f1f1f1;
  width: 500px;
  font-family: 'Bitstream Vera Sans Mono', Courier;
  font-weight: bold;
  font-size: 14px;
  color: #555753;
  padding: 0em 0.5em 0em 0.5em;
}

/* set millions of background images */
 .cboxtop        { background: url(cbox_t.png)  repeat-x  top center; }
 .cboxtop .right { background: url(cbox_tr.png) no-repeat top right; }
 .cboxtop .left  { background: url(cbox_tl.png) no-repeat top left; }

 .cboxbot        { background: url(cbox_b.png)  repeat-x  bottom center; }
 .cboxbot .right { background: url(cbox_br.png) no-repeat bottom right; }
 .cboxbot .left  { background: url(cbox_bl.png) no-repeat bottom left; }
 
 /* height and width stuff, width not really nessisary. */
 .cboxtop div, .cboxtop, .cboxbot div, .cboxbot {
 width: 100%;
 height: 7px;
 font-size: 1px;
 }
 .codecontent { margin: 0 7px; }
 .codebox { width: 50%; margin: 1em auto; width:500px; }

</style>
</head>
<body>

<div class="codebarbg">Code</div>

<div class="codebox">
        <div class="cboxtop"><div class="left"></div><div class="right"></div></div>
                <div class="codecontent">
                        <p>Lorem ipsum dolor sit amet, 
                        consectetuer adipiscing elit. Duis 
                        ornare ultricies libero. Donec 
                        fringilla, eros at dapibus fermentum,
                        tellus tellus auctor erat, vitae porta 
                        magna libero sed libero. Mauris sed leo. 
                        Aliquam aliquam. Maecenas vestibulum.</p>
                </div><!-- /rbcontent -->
        <div class="cboxbot"><div class="left"></div><div class="right"></div></div>
</body>
</html>