/* estilos generales de la pagina *******************************************/
body {font: 11px verdana, arial, helvetica; color: #dddddd;
     margin-top: 0pt; background: #222222; height: 100%}
a:link 
    {font: verdana, arial, helvetica; color:#bbbbff;text-decoration:none;}
a:visited 
    {font: verdana, arial, helvetica; color:#ddddff; text-decoration:none;}
a:hover 
    {font: verdana, arial, helvetica; color:#4444ff; text-decoration:none}
pre {font: 11px courier}
caption {font: 10px verdana, arial, helvetica}


/* partes de la pagina ******************************************************/
#all {float: left; width: 80%; background: #222222;}
#right {float: left; width: 19%; text-align: right; padding-right: 4px; height: 100;}

#header {height: 80px}
#body {padding: 2px; float: left; width:100%;}
#footer {padding: 2px; clear:left; padding-top: 16px}

#left {padding: 16px 0px 0px 0px; float: left; width: 30%;}
#main {padding: 4px 8px 8px 24px; width: 65%; float:left; font: 12px verdana;}

/* menu : categorias *******************************************************/
#menu_cats 
    {text-align: right; height: 128px; width: 100%; position: relative; top:6}

#menu_cats a:link {font: 13px verdana, arial, helvetica; color:white; 
    padding-right: 4px; line-height:10px; text-decoration:none}
#menu_cats a:visited {font: 13px verdana, arial, helvetica; color:white; 
    padding-right: 4px; line-height:10px; text-decoration:none}
#menu_cats a:hover {font: 13px verdana, arial, helvetica; color:red; 
    padding-right: 4px; line-height:10px; text-decoration:none}

.item_menu {height: 28px; float: right; width: 90%}
.item_menu_left {padding: 4px 0px 0px 0px; height: 28px; float:left; 
    background: url(../images/frame_left.png) no-repeat left top; width: 3%}
.item_menu_body {padding: 4px 0px 0px 0px; height: 28px; float:left; 
    background: url(../images/frame_body.png) repeat-x left top; width: 90%}
.item_menu_right {padding: 4px 0px 0px 0px; height: 28px; float:left; 
    background: url(../images/frame_right.png) no-repeat left top; width: 7%;}

#title_category {position: absolute; top: 4; left: 12; 
    font: 28px verdana, arial, helvetica; color:#dddddd}
#title_blog {position: absolute; top: 4; left: 12; 
    font: 16px arial, helvetica; color:white}
#home_link {position: relative; top: -18px; text-align: right; 
    font: 12px verdana, arial, helvetica; color:#dddddd; padding-right: 4px}

/* menu : links ************************************************************/
#menu_links a:link    {color:white; padding-right: 4px; text-decoration:none;}
#menu_links a:visited {color:white; padding-right: 4px; text-decoration:none;}
#menu_links a:hover   {color:red; padding-right: 4px; text-decoration:none;}

#menu_links_a 
   {border-top:1px solid white; padding:4px 0px 4px 0px; width:90%; float:right}
#menu_links_b 
   {border-top:1px solid white; padding:4px 0px 4px 0px; width:60%; float:right}
#menu_links_c 
   {border-top:1px solid white; padding:4px 0px 4px 0px; width:50%; float:right}

#mlinks01 {border: 1px solid yellow; font: 13px verdana, arial, helvetica; }
#mlinks02 {font: 12px verdana, arial, helvetica; }
#mlinks03 {font: 10px verdana, arial, helvetica; }

.item_0 {height: 30px; width: 100%; float:right; clear:left;
         font: 14px verdana, arial, helvetica; text-height: 28px}
.item_a {height: 30px; width: 100%; float:right; clear:left;
         font: 12px verdana, arial, helvetica; text-height: 28px}
.item_b {height: 24px; width: 100%; float:right;
         font: 11px verdana, arial, helvetica; text-height: 18px}
.item_c {height: 18px; width: 100%; float:right;
         font: 10px verdana, arial, helvetica; text-height: 16px}

.item_link {padding-top: 4px; float:right}
.item_link_ext {padding-top: 4px; float:right; font: 9px}
.item_image {float:right;}

/* articulo *****************************************************************/
#article 
    {font: 12px verdana, arial; padding-left: 16px; clear: both; width:90%}
#article_title  
    {font: 22px verdana, arial, helvetica; clear:right; text-decoration: none}
#article_title
    a:link {color: white}
#article_title
    a:hover {color: #4444ff}
#article_title a {text-decoration: none} 
#article_subtitle  
    {font: 12px verdana, arial, helvetica; text-align:right }
#article_abstract 
    {font: italic 10px verdana, arial, helvetica; width: 90%; 
    text-align:right; float:right; padding-bottom: 16px}
#article_date {padding: 2px 4px 2px 4px; font: 11px verdana, arial; float:right; background:#222222}
#article_date_item {padding: 2px 4px 2px 4px; font: italic 11px verdana, arial; position: relative; top: 0; color: #aaaaaa; text-align: right; line-height: 4px}
#article_comms {padding: 2px 4px 2px 4px; font: 10px verdana, arial; float:right; background:#222222}
#article_footer {padding: 8px 0px 8px 0px; border-bottom: 1px dotted white; clear: both}
#article_space {font: 8px; line-height: 8px}

/* comentario ***************************************************************/
#comment 
    {padding: 2px; color:#dddddd;}
#comment_block_header {font: bold 11px verdana, arial, helvetica;
    border-top: 1px solid white; padding: 2px}
#comment_header {font: 12px verdana, arial, helvetica; border-top: dotted 1px white; padding-top: 2px}
#comment_body {padding: 16px; font: italic 11px verdana, arial, helvetica; }
#comment_box {padding: 8px; background: #403a44; height: 128px}
.field {padding: 4px 4px 4px 2px; font:10px sans; color:#dddddd; width=30%; float:left}

/* estilos de secciones y grupos peque~nos **********************************/
#desc_cat {font: italic 10px verdana, arial; color: #aaaaaa; 
           vertical-align: bottom; position: relative; top: 0}
#sections a {text-decoration:none;}
.section {border-left: solid 1px #888888; border-top: solid 1px #888888}

.header_section {padding-right: 2px; font: bold 12px; color: #cccccc; 
                 background: #2a2a2a; height:20px}
.title_section {padding-left: 2px; font: bold 11px; color: #cccccc; 
                background: #2a2a2a; float:left}
.subtitle_section {font: 8px verdana arial helvetica; color: #cccccc; 
                   background: #2a2a2a; text-align: right; float:right}
.body_section {padding-left: 4px; border-top: solid 1px #222222; 
               font: 10px helvetica; color: #cccccc; clear:both}

/* panel izquierdo **********************************************************/
#panel_home {font: 12px verdana, arial; color: #888888}
#delicious {padding-bottom: 24px}
#twitter {padding-bottom: 16px}
#albumes {padding-bottom: 16px}
#lastfm {padding-bottom: 8px}
#tw_update {font: italic 10px verdana, arial; color: #cccccc}
.frame {border: 1px solid black; padding: 4px 4px 4px 4px}

/* tablero de ajedrez *******************************************************/
#chess {font: bold 10px verdana, arial, helvetica; color: black}
#chess a:link    {font: bold 12px arial, helvetica, sans; color:black}
#chess a:visited {font: bold 12px arial, helvetica, sans; color:black}
#chess a:hover   {font: bold 12px arial, helvetica, sans; color:blue}

/* pie de pagina ************************************************************/
#email {font: 12px verdana, arial, helvetica; color:#8888ff}
#about {border-top: 1px solid #dddddd; font: 9px verdana, arial, helvetica; color:#dddddd; text-align:right; clear:both;}
.vilogo {font: italic bold 11px times new roman}

/* personal *****************************************************************/
#personal_desc {position:relative; left: 10%; width:80%}
#personal_text {padding: 4px; float:right; width:75%; text-align: right; font: italic 12px arial}
#personal_img  {float:right}

#personal_pages a {font: 14px verdana, arial; color:white; 
                 line-height:28px; text-decoration:none}
#personal_pages a:link    {color:white;}
#personal_pages a:visited {color:white;}
#personal_pages a:hover   {color:red;}

#title_web {padding-top: 16px; text-align: center; width: 68%; float: left}
#supertitle_web {padding-top: 4px; font: italic 18px times; float: left; color:#aaaaaa}

.desc {font: italic 11px arial, helvetica, sans; color:#dddddd}
.left {float: left}
.right {float: right}
.img_left {float: left; padding: 0px 8px 0px 2px}
.img_right {float: right; padding: 0px 2px 0px 8px}

.personal {font: 12px verdana, arial, helvetica;}
.personal_bio {font: italic 11px verdana, arial, helvetica;}
.personal_list {font: 12px verdana, arial, helvetica; line-height: 24px}
.subtitle {font: 16pt verdana, arial, helvetica, sans; color: #dddddd; float:right; padding: 4px}
.big {font: 18px verdana, arial, helvetica; color: white}
.mini {font: 8px verdana, arial, helvetica; color: #aaaaaa}
.minimini {font: 6px verdana, arial, helvetica; color: #222222}
.sub  {font: 10px verdana; color: #dddddd; position: relative; top: 4px; left: 1px}
#inicio {font: 12px verdana, arial, helvetica; color: white}
#home a:link    
    {font: bold 12px arial, helvetica, sans; color:red; line-height:18pt}
#home a:visited 
    {font: bold 12px arial, helvetica, sans; color:red; line-height:18pt}
#home a:hover   
    {font: bold 12px arial, helvetica, sans; color:black; line-height:18pt}
#home_text {font: 13px arial, helvetica, sans; float: right; width: 90%}
.tdclass {font: 12px verdana, arial, helvetica}
#humorlink {border-top: 1px dotted white; width: 80%}
#humorlink a {font: 14px fantasy, verdana; color: white; line-height: 24px}
p.mem {color: black; background: yellow}
#body_mem {font: bold 8px verdana; padding: 2px; width:100%; color:black}

#tagcloud {text-align: center; line-height: 6px}
#tagcloud a:hover {text-decoration: underline}
.font1 {font: 16px arial ; color: #eeeeff}
.font2 {font: 14px arial ; color: #ddddff}
.font3 {font: 11px arial ; color: #bbbbff}
.font4 {font:  8px arial ; color: #9999ff}

#foto_comment {font: italic 12px verdana; text-align: center}
.cell {border-top: 1px solid white; border-left: 1px white; padding: 4px; font: 11px verdana, arial}
.invisible {color: #222222}
#photolog_link {font: 13px verdana}