#videos { width:640px; }
#grid { width:710px; }
/* índice thumbnails -------------------------------------------------------- */
ul#piclist { width:700px; margin:.5em auto; list-style-type:none; padding:.1em; overflow:auto; }
ul#piclist li { float:left; margin:0; }
ul#piclist li a:link, ul#piclist li a:visited { background-color:#000; }
ul#piclist li a:hover, ul#piclist li a:active { background-color:#FFF; }
  .over { border-bottom:3px solid #FFF; }
/*ul#piclist li.spaced { margin-left:2em; margin-top:1em; }*/

hr { background-color:#000; }

/* watch -------------------------------------------------------------------- */
.info { padding:1em; }
.info, #comments { margin-top:1em; }
.izq { width:49%; float:left; }
.der { width:49%; float:right; }

#player { width:640px; height:360px; }
  #player noscript p { font-size:115%; padding:1em; color:#FFF; background-color:#111; }

.transparent { filter:alpha(opacity=65); opacity:.65; -moz-opacity:.65; }

p#expose { cursor:pointer; font:bold 85% sans-serif; background-color:#666; padding-left:.5em; }
p#expose:hover { background-color:#444; }

table { font-size:85%; text-align:left; }
  caption { border-bottom:1px solid #333; }
  /*thead { float:left}
  tbody { float:right; margin-left:1em;}*/
  table tr th { color:#999; width:110px; vertical-align:top; }
  table tr td { padding-left:1em; }

#download h2 { margin-bottom:1em; }
#download p { margin-bottom:.75em; }
#download table { margin-top:1em; }

.comment { padding:.5em auto; margin-bottom:2em; margin-right:2.45em; }
  .who { color:#888; }
    .who span { color:#EEE; }

p.text { clear:both; padding:.67em; border:1px solid #333; max-height:100px; overflow:auto; }
p.hide { display:none; }
/* embed player ------------------------------------------------------------- */
#size,#type { display:none; } /* No tiene sentido mostrarlos si no hay JavaScript */
.info fieldset { margin-top:.5em; }
  .info fieldset span { cursor:help; border-bottom:1px dotted #FFF; }
input.embed { width:100%; display:block; }

h2#share { margin-top:1em; }

/*input.button { color:#FFF; background-color:#111; border-style:double; }*/
#postComment label { color:#CCC; font-weight:bold; }
#postComment label, 
#postComment input, 
#postComment textarea { display:block; font-family:sans-serif; font-size:90%; }
             #submit-comment { margin-top:2em; }
/*
#postComment input.button { display:inline; margin-right:5px; padding:8px 3px; border:3px double #888; cursor:pointer;
                            font:bold 1em sans-serif; color:#FFF; background:#111; vertical-align:middle; }
*/
                          
/* inputs inactivos */               
#postComment input.text, 
#postComment textarea,
#postComment .text_focus { padding:5px; width:96%; background-color:#666; color:#FFF; }
/* inputs activos */
#postComment input.text:focus, 
#postComment textarea:focus,
#postComment .text_focus { background-color:#FFF; color:#000; }
/* y también el enlace para descargar el vídeo */
a.downloadtext { padding:.3em .52em; margin-right:.53em; border:1px solid #555; }

#respuesta { display:none; }
#postComment .error { color:#FFF; }

/* lista de categorías ------------------------------------------------------ */
ul#clist { margin-left:2em; padding:0; overflow:auto; }
  ul#clist li { font-size:180%; color:#AAA; font-weight:lighter; float:left; margin: 1em 1.67em .55em 2.34em; list-style-type:decimal-leading-zero; }
    ul#clist li span { color:#FFF; }
  ul#clist li ul { width:190px; }
    ul#clist li ul li { font-size:50%; color:#CCC; font-weight:lighter; float:none; margin:0; list-style-type:circle; }
    ul#clist li ul li:hover { list-style-type:disc; }

ul#clist a:link,
ul#clist a:visited,
ul#clist a:hover,
ul#clist a:active { color:#999; background:none !important; text-decoration:underline; }
ul#clist a:hover { color:#FFF; text-decoration:none; }

table#activity { margin-top:2em; margin-left:auto; margin-right:auto; text-align:center; } 
  table#activity caption { margin-bottom:1em; margin-top:4em; }
    table#activity td.chart p { width:25px; background-color:#555; padding:.3em;margin-top:1em; }

h1#activity { clear:both; margin-top:2em; margin-bottom:.5em; text-align:center;  border-bottom:1px solid #333; }
span.year { font-size:150%; }
.chartsHover { background-color:#999 !important; }
.hilite { font-weight:bold !important; font-style:italic; color:#FFF !important; list-style-type:square !important; }
/*.hilite:after { content: "\0020 <<" }*/

/* lista de categorías con foto --------------------------------------------- */
h1.cat { text-align:center; }
  h1.cat span { color:#FFF; }
ul#categs_tag { width:80%; margin:2em auto; position:relative; z-index:1; } 
  ul#categs_tag li { float:left; margin-right:.9em; margin-bottom:.3em; list-style-type:none; } 
    ul#categs_tag li span { font-size:.8em; vertical-align:middle; }

/* tag cloud para los vídeos de una categoría ------------------------------- */ 
.tag9 { color:#FFF !important; font-size:2.6em; } 
.tag8 { color:#DDD !important; font-size:2.4em; } 
.tag7 { color:#CCC !important; font-size:2.2em; } 
.tag6 { color:#BBB !important; font-size:2em; } 
.tag5 { color:#AAA !important; font-size:1.8em; } 
.tag4 { color:#BBB !important; font-size:1.6em; } 
.tag3 { color:#CCC !important; font-size:1.4em; } 
.tag2 { color:#DDD !important; font-size:1.2em; } 
.tag1 { color:#FFF !important; font-size:1em; }