/* 
   ELLIGUE.COM USERPAGE DESIGN TEMPLATE
   ------------------------------------
   Archivo:  userpage-gota.css 
   Autor:    Christian Steimel
   Derechos: Creative Commons Attribute
             Share-alike Licence
   Fecha:    2006-12-25
   ------------------------------------
*/

/* Con esto deaparecen los colores de fondo del titulo de El Ligue */
body { background:url(/styles-img/gota/bg.jpg) top center no-repeat fixed; }
table#main { background:none; }
div#breadcrumb { background:url(/img/white-trans7.png) repeat; font-weight:normal; color:#000; margin:0; padding:20px 5px 5px 5px; }
div#breadcrumb a { color:#000; }
div#main-topline-wrap { border:1px solid #CCC; background:url(/img/white-trans3.png) repeat; }
div#main-topline-wrap span { border:none; background:none; color:#000; }
div#main-topline-wrap a { border:none; background:none; color:#FFF; }
table#topline td#topline-rightcel input { border:1px solid #FFF; padding:3px; background:url(/img/white-trans3.png) repeat; color:#FFF; font-weight:bold; }
table#topline td#topline-centercel { color:#F00; }
table#topline td#topline-centercel a { color:#F00; }
table#topline td#topline-centercel a:hover { color:#F00; text-decoration:underline; }

/* El menu con ligas al perfil, las fotos, el Liguelog y los mensajes del foro. */
div.userpage-menuline { border:0; border-bottom:3px solid #FFF; padding:20px 0; margin:0 0 5px 0; background:url(/img/white-trans4.png) repeat; color:#000; }
div.userpage-menuline a { color:#000; font-weight:bold; padding:2px; }
div.userpage-menuline a:hover, div.userpage-menuline a:active { color:#000; background:#FFF; text-decoration:none; }

/* La table principal de dos columnas. El la columna izquierda está la foto etc., 
   el la columna derecha están las ligas para mandar mensajes, etc. */
table.userpage-maintable { width:100%; border-spacing:0; }
td.userpage-maintable-left { width:440px; border:0; padding:0; vertical-align:top; }
td.userpage-maintable-right { border:0; padding:0; padding-left:5px; vertical-align:top; }

/* Una area normal con un título y contenido. */
div.userpage-box { border:1px solid #FFF; border-width:0 0 3px 0; padding:0px; margin:0 0 5px 0; }
div.userpage-box-title { padding:20px 0 5px 5px; margin:0; font-weight:bold; text-align:left; color:#000; background:url(/img/white-trans7.png) repeat; }
div.userpage-box-title a { color:#333; }
div.userpage-box-content { padding:5px; margin:0; background:url(/img/white-trans4.png) repeat; }

/* Las ligas para contactar al usuario, Escribir Mensaje, Mandar un saludo, etc. */
table.userpage-contacttable { border:0; }
td.userpage-contacttable-icon { background:url(/styles-img/gota/gota2.png) center no-repeat; width:100px; }
td.userpage-contacttable-icon img { width:100px; height:40px; }
td.userpage-contacttable-left { vertical-align:middle; padding:15px; line-height:1.5em; }
td.userpage-contacttable-right { vertical-align:middle; padding:15px; line-height:1.5em; }
td.userpage-contacttable-left a { color:#000; }
td.userpage-contacttable-right a { color:#000; }

/* La table con los datos del usuario, como sexo, anio de nacimiento, ciudad, pais, etc. */
table.userpage-datatable { width:100%; }
td.userpage-datatable-left { width:150px; }
td.userpage-datatable-right {  }

/* La foto grande del usuario */
div.userpage-titlefoto { text-align:center; }

/* Los últimos posts del Liguelog */
div.userpage-liguelog { border-bottom:2px solid #CCC; padding:5px 0; }
div.userpage-liguelog-title { padding:5px 0; }
div.userpage-liguelog-content {  }
span.userpage-liguelog-posttime { font-weight:bold; }
div.userpage-liguelog-maslink { padding:10px 0 7px 10px; font-weight:bold; }

/* Los últimos mensajes del foro */
div.userpage-foromsg { border-bottom:2px solid #CCC; padding:5px 0; }
div.userpage-foromsg-title { padding:5px 0; }
div.userpage-foromsg-content {  }
span.userpage-foromsg-posttime { font-weight:bold; }
div.userpage-foromsg-maslink { padding:10px 0 7px 10px; font-weight:bold; }

/* Los mensajes de otros */
table.userpage-comment-table { margin:5px 0; width:100%; }
td.userpage-comment-table-picture { vertical-align:top; padding:3px 0 0 0; width:100px; }
td.userpage-comment-table-title { padding:5px 0 2px 0; font-weight:bold; border-bottom:1px dotted #CCC; }
td.userpage-comment-table-content { vertical-align:top; padding:2px; }
div.userpage-comment-maslink { padding:10px 0 7px 10px; font-weight:bold; }
textarea.userpage-comment-textarea { width:98%; height:100px; }

/*  */