playing with curvy pipe

by sanford

HTML

<div id="wrap" style="width:300px;height:300px;border:0px dotted black;">
    <div id="bl" ><div id="bl2"></div></div>
    <div id="ct" ><div id="ct2"></div></div>
</div>

CSS

#bl {
    width: 100px;
    height: 100px;
    float: left;
    border-width: 0 1px 1px 0;
    border-style: dotted;
    border-color: darkgray;
    -moz-border-radius: 0 0 7px 0;
    background-color: white;
}
#bl2 {
    width: 11px;
    height:12px;
    background-color: brown;
    vertical-align: bottom;
    
}

#ct {
    width: 320px;
    height: 210px;
    border-width: 1px;
    border-style: dotted;
    border-color: darkgray;
    background-color: #cccccc;
    zfloat: left;
}

#ct2 {
    width: 80px;
    height: 100%;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: blue;
    margin-left: 98px;
    -moz-border-radius: 5px;
    z-Index: 222;
}