/* este es el DIV contenedor donde se mostrará el widget */
#twitter_div {
border: 0px; /* puede tener o no tener un borde */
color: #b2a18f; /* es el color del texto de los mensajes */
}

/* es la lista con mensajes y conviene eliminar posibles márgenes */
ul#twitter_update_list {
margin: 0;
padding: 0;
}

/* cada item de la lista (los mensajes en si mismos) */
ul#twitter_update_list li {
border-right:1px solid #b2a18f;
border-bottom:1px solid #b2a18f;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
list-style-type: none;
list-style-image: url();
margin: 3px;
background: url(bgtweets.png); /* una imagen o color de fondo */
display:block;
width:210px;
text-align: left;
padding: 5px 10px;
/* separarlo de los bordes del contenedor */
}
ul#twitter_update_list li:hover {
background:#e1d8ce; /* una imagen o color de fondo */
}

/* es el enlace al nombre de un usuario (si existe) */
a.linkUsuario {color:#b98ed0;} /* efecto rollover */

/* son los enlaces interiores de los mensajes con un ícono identificatorio */
a.linkEnlaces {
background: transparent url(URL_imagenIcono) no-repeat right 50%;
color: #b98ed0;
padding-right: 12px; /* la separación depende del ancho de la imagen */
}
/* efecto rollover */

/* es el bloque que contendrá el enlace que muestra la antigüedad del mensaje */
.linkTiempo {
display: block; /* se fuerza a que sea mostraado en una nueva línea */
text-align: right; /* y a la derecha */
}
.linkTiempo a { /* el enlace en si mismo con una imagen de fondo */
background: transparent url(URL_imagen) no-repeat scroll left 50%;
color: #fff;
padding-left: 12px; /* la separación depende del ancho de la imagen */
}
/* efecto rollover */

/* es el enlace inferior que lleva al home de nuestro Twitter */
a.linkTwitter {
color: #b98ed0;
display: block;
width: 210px;
border-right:1px solid #b2a18f;
border-bottom:1px solid #b2a18f;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin: 5px; /* separado del mensaje superior */
text-align: center; /* alineado a la derecha */
padding: 10px;
background-color: #e9deef;
}
a.linkTwitter:hover {color:#b2a18f; background-color:#eae1f4; } /* efecto rollover */