/* partes de la pagina ******************************************************/
body {font: 11px verdana, arial; margin-top: 0pt; background: #222222}
pre {font: 12px courier}

#all {float: left; width: 80%; height: 100%}
#right {float: left; width: 19%; height: 100%; text-align: right}

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

#left {padding: 16px 0px 0px 0px; float: left; width: 30%;}
#main {padding: 16px 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: 4%}
.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: 6%;}

#title_category {position: absolute; top: 4; left: 20; 
    font: 28px verdana, arial, helvetica; color:#dddddd}
#title_blog {position: absolute; top: 4; left: 20; 
    font: 16px arial, helvetica; color:white}

/* 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: 16px; 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;}

/* 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 10px times}

/* memoria ******************************************************************/
p {font: 12px helvetica, arial}
.frame {border: 1pt #000000 solid;}
.tagcloud {border: 1pt #000000 solid; background:#dddddd}
.ten { font-size: 120%; font-family:verdana; color:#0000ff; text-decoration:none}
.fifty { font-size: 160%; font-family:verdana; color:#0000aa; text-decoration:none}
#links a:link{text-decoration:none}
#links a:visited{text-decoration:none}
.titlebar {font: bold 12px helvetica, arial; background:#dddddd}
.index {font: 12px helvetica, arial; text-align: right}
.title  {font: 14px verdana, helvetica, arial; color: #444444;}
#module a:link {font: bold 12px verdana, helvetica, arial; color: #000000; text-decoration:none}
#module a:visited {font: bold 12px verdana, helvetica, arial; color: #000000; text-decoration:none}
#module a:hover {font: bold 12px verdana, helvetica, arial; color: #000000; text-decoration:none}
.tags   {font: 10px helvetica, arial; color: #aaaaaa;}

.mem_header {background: #aaaaff; font: bold 12px helvetica, arial}
.mem_cell {background: #cccccc; font: 12px helvetica, arial}
.mem_all {font: 12px helvetica, arial}

/* 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: #ffffff}
.frame {border: 1px solid black; padding: 4px 4px 4px 4px}