Better logo - no more self-anchored

themes/light/index.html.tmpl

@@ -67,10 +67,8 @@
                   <a id="" href="http://cerca.ubuntu-it.org">cerca</a>
                   <a class="active" id="" href="http://planet.ubuntu-it.org">planet</a>
               </div>
-              <a href="http://planet.ubuntu-it.org" title="Ubuntu - Planet della comunità italiana">
-                <span>planet</span>ubuntu-it
-              </a>
-              <span>comunità italiana</span>
+              <span class="suffix">planet</span><span class="title">ubuntu-it</span>
+              <span class="description">comunità italiana</span>
             </div>         
                 
             <div class="buttons">

themes/light/libs/common.css

@@ -243,14 +243,14 @@ table#attachments {
     text-shadow: none;
 }
 
-#logo > span {
+#logo > span.description {
   float: right;
   font-size: 12px;
   opacity: 0.8;
   line-height: 24px;
 }
 
-#logo > a {
+#logo > span.title {
   font-size: 30px;
   display: block;
   margin-top: 23px;
@@ -258,7 +258,7 @@ table#attachments {
   text-align:right;
 }
 
-#logo > a > span {
+#logo > span.suffix {
 /*  color: black;
   opacity: 0.5;    Does not work for every browser*/
   color: #6F240A;