Sidebar #9

<div id="corposidebar">
  <img class="image" src="http://i.imgur.com/B9pN29A.png">
 
  <div class="title">titolo</div>  
 
  <div class="border">
    <div id="description">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</div>
  </div>
 
  <div>
<div class="effetto2"><a href="link">link</a></div> <div class="effetto3"><a href="link">link</a></div> <div class="effetto3"><a href="link">link</a></div> <div class="effetto2"><a href="link">link</a></div>

</div>
 
  <div class="border1"><div class="cita">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div></div>
 
  <a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a>
<a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a> <a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a>
<a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a> <a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a>
<a href="LINK"><img class="efeito-rotate-isa" src="http://i.imgur.com/CyhnXf5.png" /></a>
 
 
  <iframe src="http://terry.phoebe.blogfree.net/rss.php?a=145371&type=html&color=fff&colorlink=788b9f&n=10&size=11&font=Verdana" allowtransparency="true" style="width:100%;height:55px" scrolling="auto" frameborder="0"></iframe>
 
  <div class="credit">sidebar by <a href="http://terry.phoebe.blogfree.net/?act=Profile&MID=541597">phoebe'</a></div>
  </div>

#corposidebar {position: fixed; top: 50px; left: 10px; height: 560px; width: 210px; background-color: #000; padding: 5px}
   
    .title {font-size: 23pt; font-style: italic; font-family: 'Lobster 1.4'; color: #788b9f; margin: 0 0 0 100px}
   
    .image {width: 94px; height: 290px; overflow: hidden; position: relative; cursor: default; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); transition: all 0.4s ease-in-out; filter:alpha(opacity=55); -moz-opacity:.55; opacity:.55; margin-left: 1px; float: left}
   
   
   
  .border {overflow:hidden; width: 110px; height: 190px; background-color: #; font-family: georgia; color: #AAA; font-size: 12px; line-height: 12px; text-shadow: 2px -1px 3px #000; text-align: left; margin-top: 8px; border-top: 0 solid #788b9f; border-right: 3px solid #788b9f; border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0}
   
    #description {color: #CCC; width: 100px; height: 180px; font-size: 10pt; line-height: 10pt; overflow: auto; text-align: justify}
   
   
    .effetto2 a {width: 40px; height: 25px; border-radius: 0 50% 0 50%; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 3px; color: #fff; font-size: 11px; font-family: calibri, helvetica, sans-serif; text-decoration: none; line-height: 25px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: inset 0 0 75px 75px #B377C2, 0 0 0#625571; -moz-box-shadow: inset 0 0 75px 75px #625571, 0 0 0#B377C2; -webkit-box-shadow: inset 0 0 75px 75px #625571, 0 0 0#625571}

.effetto2 a:hover {color: #625571; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent; -moz-box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent; -webkit-box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}
   
    .effetto3 a {width: 40px; height: 25px; border-radius: 50% 0 50% 0; text-transform: lowercase; float: left; text-align: center; display: inline-block; margin: 3px; color: #fff; font-size: 11px; font-family: calibri, helvetica, sans-serif; text-decoration: none; line-height: 25px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: inset 0 0 75px 75px #788b9f, 0 0 0#788b9f; -moz-box-shadow: inset 0 0 75px 75px #788b9f, 0 0 0#788b9f; -webkit-box-shadow: inset 0 0 75px 75px #788b9f, 0 0 0#788b9f}

.effetto3 a:hover {color: #788b9f; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent; -moz-box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent; -webkit-box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}
   
    .cita {overflow: auto; font-size: 9pt; color: #fff; width: 190px; margin: 0 0 0 10px ; height: 50px}
   
    .border1 {overflow:hidden; width: 205px; height: 50px; background-color: #; font-family: georgia; color: #AAA; font-size: 12px; line-height: 12px; text-shadow: 2px -1px 3px #000; text-align: left; margin-top: 8px; border-top: 0 solid #625571; border-bottom: 3px solid #625571; border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px}

    .efeito-rotate-isa {FLOAT: LEFT; width: 50px; BORDER: SOLID 5PX TRANSPARENT; -WEBKIT-BORDER-RADIUS: 100PX; -MOZ-BORDER-RADIUS: 100PX; BORDER-RADIUS: 100PX; -WEBKIT-TRANSITION-DURATION: 2.90S;}
.efeito-rotate-isa:HOVER {-WEBKIT-TRANSFORM: ROTATE(-720DEG); -WEBKIT-FILTER: GRAYSCALE(100%); -MOZ-FILTER: GRAYSCALE(100%); -O-FILTER: GRAYSCALE(100%);}
     
    .credit {text-align: center; font-size: 7pt; font-family: 'Handy 00'; color: #c1c1c1}