CSS3 遨游LOGO升级版

<style>
.out1{ width:240px; border-radius:120px; background:#6CF; box-shadow:5px 5px 7px #999;
-moz-border-radius:120px; border:2px solid #789cb6;
-webkit-box-shadow:3px 3px 5px #000;box-shadow:3px 3px 5px #000;-moz-box-shadow:3px 3px 5px #000;
background:-moz-linear-gradient(top,#F8FBFE,#5F90B9);
}
.out2{ width:230px; border-radius:115px; position:relative; top:5px; left:5px; background: #3b99e3;-moz-border-radius:115px;
background:-moz-linear-gradient(top,#3B99E3,#0F416A);
}
.in1{ width:150px; background:#fff; position:relative;top:70px; left:40px; border-radius:3px 20px 3px 3px;-moz-border-radius:3px 20px 3px 3px}
.in2{ width:35px; background:#FFF; position:relative; top:30px; left:33px;border:25px solid #3b99e3;

}
p{ font-size:45px; text-align:center; position:relative; z-index:99; font-family:"微软雅黑"; color:#FFF; font-weight:bolder;top:-45px;text-shadow:2px 2px 5px #333; opacity:0.9}
</style>

<div class="out1">
 <div class="out2">
    <div class="in1">
        <div class="in2">
        </div>
        <p>遨 游</p>
    </div>
    </div>
</div>