@charset "utf-8";

/*Antes de nada, me pregunto que clase de ser humano cotillea las hojas de estilo, a parte de mi. Pero bueno como cotillas hay en todas partes he intentado organizar un poco esto, de todas maneras si necesitas mas puedes escribirme por twitter, soy @anaaldea. Comparte, conversa y a aprende*/

/*Mensaje muy importante del Dream Team para tí, que andas cotilleando por aquí: Si usas Internet Explorer en cualquiera de sus versiones, indefectiblemente quedarás ciego*/

/*estos son los estilos generales*/

body {
   height: 900px;
   margin: 0px;
   font-family: Georgia, sans-serif;
   background-color: #000033;
}

h1 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom:30px;
    color:#FFFFFF;
}
h3 {
    margin: 0px;
}
h1  a {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
/*estos son los estilos de la botonera y de la imagen de beta*/
#barrasuperior #hueco {
    width: 300px;
    height: 60px;
}
#barrasuperior {
    margin-left: 0px;
}
#barrasuperior #hueco a {
    font-size: 16px;
    color: #000000;
    margin-right: 5px;
    margin-left: 5px;
    padding-bottom: 30px;
}
#barrasuperior #hueco #navegacion {
    float: left;
}
#barrasuperior #hueco img {
    float: left;
}

#barrasuperior #enlaces {
    float: right;
    width: 300px;
    height: 60px;
}
/*aqui estan los estilos del logo y del buscador*/
#arriba {
    width: 360px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 99px;
}

#arriba img {
    margin: 0px;
}
#arriba #busqueda {
    width: 250px;
    height: 17px;
}
/*aqui estan los estilos de la parte de abajo*/
#desplazable {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}


#desplazable #derecha {
    float: right;
    width: 450px;
    margin-right: 2px;
    margin-left: 2px;
}

#desplazable #izquierda {
    float: left;
    width: 450px;
    margin-right: 2px;
    margin-left: 2px;
}


#desplazable #izquierda #blogs {
    float: left;
    height: 700px;
    width: 200px;
    background-color: #FFCC00;
    background-image: /images/url(fondo_social.jpg);
    background-image: url(images/fondo_social.jpg);
   background-repeat:no-repeat;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;  
}
#desplazable #derecha #Twitteros {
    float: left;
    height: 700px;
    width: 200px;
    background-color: #FFCC00;
    margin: 5px;  
    background-image: /images/url(fondo_social.jpg);
    background-image: url(images/fondo_social.jpg);
   background-repeat:no-repeat;
}
#desplazable #derecha #Fotosvideos {
    float: left;
    height: 700px;
    width: 200px;
    margin: 5px;
    background-color: #FFCC00;   
    background-image: /images/url(bg.gif);
    background-image: url(images/bg.gif);
   background-repeat: no-repeat;
    
   }
#desplazable #izquierda #Podcast {
    margin: 5px;
    float: right;
    height: 700px;
    width: 200px;
    background-color: #FFCC00;   
    background-image: /images/url(bg.gif);
    background-image: url(images/bg.gif);
   background-repeat: no-repeat;
}

#Podcast {
    float: right;
}

#contenidos{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
    background-image: url(images/fondo_social.jpg);
    background-repeat: no-repeat;
    height: 900px;
}
/*aqui empienzan los estilos del buscador */
#contenidos .resultados {
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#contenidos #busqueda {
    padding-top: 20px;
}
#contenidos #busqueda ol {
    list-style-type: none;
    font-size: 14px;
    color: #000000;
    margin-top: 30px;
}
.r    {
    color: #000000;
    margin-bottom: 3px;
}
#contenidos #busqueda .resultados .r a {
    color: #FFCC00;
}

.s {
    margin-top: 0px;
}


/*aqui empienzan los estilos del pie */

#pie {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    width: 900px;
    margin-top: 850px;
    margin-right: auto;
    margin-left: auto;
}
#pie a {
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
}
#agregador
 {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    font-size: 12px;
    height: 700px;
}
.photo   {
    float:left;
    height:60px;
    margin:5px;
    width:60px;
}
#contenidos .entrada a .photo {
    text-decoration: none;
}
#contenidos .entrada .photo {
    text-decoration: none;
}
#contenidos .entrada a {
}


#contenidos .entrada {
    width: 680px;
    margin-right: 300px;
    margin-left: 100px;
    padding-right: 30px;
}

#contenidos .entrada #texto p {
    font-size: 12px;
}
#contenidos .entrada #texto a {
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
}
.entradamini {
    border-bottom:1px dashed #D2DADA;
    margin:5px auto;
    padding-top:5px;
    width:180px;
}
.textomini {
    font-size: 10px;
   
}
#desplazable #izquierda #blogs .entradamini #texto img {
    height: 40px;
    width: 40px;
    float: left;
   
}
#desplazable #izquierda #Podcast .entradamini #texto img {
    height: 40px;
    width: 40px;
    float: left;
}
#desplazable #derecha #Twitteros .entradamini #texto img {
    height: 40px;
    width: 40px;
    float: left;
}
#desplazable #derecha #Fotosvideos .entradamini #texto img {
    height: 40px;
    width: 40px;
    float: left;
}

#contenidos .entrada a {
    color:#000000;
    font-size:12px;
    text-decoration:underline;
}
#contenidos .entrada .photo {
    margin: 5px;
}

#contenidos .entrada #texto .posted a {
    color:#000000;
   
}
#contenidos .entrada div {
    margin-bottom:5px;
    margin-right:20px;
}
#contenidos .entrada #texto {
    border-bottom:1px dashed #D2DADA;
}

#contenidos #paginacion {
    width: 100px;
    float: right;
    clear: both;
}


#contenidos .conmargen {
    padding-bottom: 50px;
}


.posted {
    font-size: 12px;
    color:#000;
}
.margen {
    padding-bottom: 30px;
}
#desplazable #izquierda #blogs .entradamini .titulopequeño {
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
   
}
#desplazable #izquierda #Podcast .entradamini .titulopequeño {
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
   
}
#desplazable #derecha #Twitteros .entradamini .titulopequeño {
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
   
}
#desplazable #derecha #Fotosvideos .entradamini .titulopequeño {
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
   
}
a img {
border:0 none;
}
.posted a {
color:#000000;
}
/* CSS Document */