/* CSS Document */
/*********************************************************
 *                  estilos main.php                     *
 *********************************************************/

/* INTRO */

#intro{
    border: 1px solid #000000;
    float:left;
    width:531px;
    height:261px;
    margin-right:0px;
}

    #intro div{
        border-left:1px solid #000000;
        padding:10px;
        margin-left:359px;
        width:151px;
        height:241px;
        background-color:#EEEEEE;
		opacity:0.55;
        -moz-opacity:0.8;
        filter:alpha(opacity=80);
    }

        #intro div h1{
            margin:0px 0px 10px 0px;
        }

/* AUTORES RECIEN LLEGADOS */

#recien{
    padding-top:60px;
    float:left;
    width:167px;
    height:203px;
    background:url(/img/recienllegados.png);
    background-repeat:repeat-y;
}

    #recien .fecha{
        color:#FFFFFF;
        width:150px;
        font-weight:bold;
        margin:10px 5px 3px 10px;
        background-color:;
        padding:0px;
    }

    #recien .nick{
        width:140px;
        margin:1px 5px 1px 10px;
        background:url(/img/fondo_item_oscuro.gif);
        background-repeat:repeat-y;
        padding-left:10px;
    }

/* FICHAS */

a.item.news:link{
    color:#FFDD00;
    font-weight:bold;
}

a.item.news:visited{
    color:#CCCCCC;
    font-weight:normal;
}
/* CONCURSO EN MARCHA */

#concurso{
    position:relative;
    margin-top:2px;
    width:532px;
}

    #concurso a{
        font-weight:bold;
    }

/* ENTREVISTA */

#entrevista{
    position:relative;
    margin-top:7px;
    width:532px;
}

/* ULTIMA ACTUALIZACION */
    .lastupdate{position:relative;float:left;width:174px;margin:2px;padding-bottom:3px;background-color:#000000;color:#FFFFFF;}
    .lastupdate .content{padding:2px 5px 2px 5px;}
    .lastupdate .content.blog{height:188px;}
    .lastupdate a.title{font-size:12px;font-weight:bold;color:#FFFFFF;display:block;}
    .lastupdate a.author{font-size:10px;color:#CCCCCC;display:block;}

/* ACTUALIZACIONES PREVIAS */

.update{
    position:relative;
    float:left;
    width:153px;
    margin:2px;
    height:55px;
    padding:3px;
    padding-right:18px;
    background-color:#EEEEEE;
}

    .update img.corner{
        position:absolute;
        top:0px;
        right:0px;
    }

    .update .title{
        display:block;
        font-weight:bold;
    }

    .update .nickname{
        display:block;
        font-style:italic;
        margin-left:10px;
    }

/* SEPARADOR CON FECHA ENTRE ACTUALIZACIONES*/

div.clear.fecha{
    font-weight:bold;
    background-color:#666666;
    color:white;
    height:auto;
    margin:1px 2px;
    padding:2px;
}

/* SEPARADOR USUARIOS ONLINE */

div.clear.online{
    font-weight:bold;
    background-color:#993333;
    color:white;
    height:auto;
    margin:1px 2px;
    padding:2px;
}

a.online{
    width:63px;
    height:63px;
    float:left;
}
a.online img{
    margin:3px 0px 0px 3px;
}

/* SEPARADOR ENTRE ENTREVISTA Y ULTIMA ACTUALIZACION */

.separador{
    margin:7px 0px;
    height:30px;
    background-image:url(/img/fondo_separador.png);
    background-repeat:repeat-y;
}


#fotos{
    float:left;
    width:353px;
    height:190px;
}

/* BLACK LABEL ADD*/

#blackLabelAdd iframe{
    margin-top:5px;
    margin-bottom:5px;
}
#yourAddHere{
    position:relative;
    top:-5px;
}

.itemcomment{margin-top:10px;padding-top:3px;text-align:right; border-top:2px solid #EEEEEE;background-color:#EEEEEE;margin-bottom:5px;}

/*  COMENTARIOS	 */

    .comentario > .datos{float:left; text-align:left;margin-right:5px;}
    .comentario > .datos > .titulo{color:#990000;font-weight:bold; font-size:12px; display:block;}
    .comentario > .datos > .autor{font-weight:bold; font-size:12px; display:block;}
    .comentario > .datos > .fecha{ display:block; }
    .comentario > .datos > .hora{ display:block; }
	.comentario div.texto{ width:510px;margin-top:15px;padding:10px; position:relative; border:1px solid #CCCCCC; background:#FFFFFF; float:left; text-align:left;	font-style:italic; }
    .comentario img.avatar{ width:60px; margin-right:5px; float:left; border:1px solid #000000; }