/*
Theme Name: cafecafe
Theme URI: http://www.cafeinalibre.net/
Description: Tema personalizado para Cafeína Libre
Version: 0.1
Author: Edwin Y. Rodas
Author URI: http://www.cafeinalibre.net/
Tags: Cafeína Libre
*/

* {
	margin: 0;
	padding: 0;
    white-space:normal;
}

* img{border:none; display:inline;}

body{
background-color: #fff;
text-align: left;
font-family: Helvetica, sans-serif, Verdana, Arial;
}


#cuerpo{
width: 100%;
margin: 0px auto;
}
/*Fin de estilos generales para el documento*/

#cabezera{
height: 200px;
width:100%;
background-image: url(imagenes/bg_cabezera.png);
}

/*Estilos para la sección de banners*/
#banner{
width: 940px;
height: 152px;
margin: 0px auto;
background-image: url(imagenes/bg_banners.png);
}

#cafeina_logo{
width: 700px;
height: 136px;
text-align: center;
margin: 16px 0px 0px 0px;
float: left;
}

#sec_banner{
    text-align: center;
    color: white;
width: 240px;
height: 152px;
background-image: url(imagenes/bg_banner_sec.png);
float: right;
    font-size: 16pt;
    font-weight: bold;
}

#sec_banner img{
    margin-top:20px;
}
/*Fin de estilos para la sección de banners*/

/*Estilos para el menú superior*/
#super_menu{
width: 100%;
height: 40px;
color: #fff;
background-image: url(imagenes/bg_menu.png);
border-bottom: 8px solid #96471c;
float: left;
}

#super_menu ul {
width: 940px;
height: 40px;
margin: auto;
list-style: none;
font-style: italic;
font-size: 14pt;
}

#super_menu li{
float: left;
height: 40px;
margin: 0px 10px 0px 0px;
padding: 0px 10px 0px 16px;
font-weight: bold;
background-image: url(imagenes/ul_cafe.png);
background-position: center left;
background-repeat: no-repeat;
}

#super_menu a{
display: block;
width: 100%;
height: 40px;
padding: 10px 0px 0px 4px;
color: #fff;
text-decoration:none;
}

#super_menu a:hover{
color: #333;
background-position: top;
}

/*Fin de estilos para el menú superior*/

/*Estilos del contenido*/

#contenido{
width: 940px;
margin: 0px auto;
}

#contenido2{
    float: left;
    width: 940px;
    margin: 0px auto;
    background-image: url(imagenes/bg_contenido.png);
}

#con_principal{
width: 700px;
float: left;
background-color: #808080;
padding: 10px 0px 0px 0px;
}

#con_principal p{margin-bottom: 1em;}

/*Estilos de las entradas*/
.blog_post{
color: #333;
background-color: #fff;
width: 636px;
padding: 6px 12px 12px 12px;
margin: 0px 0px 0px 20px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;

}

.blog_post a{
font-weight: bold;
text-decoration:none;
color: #96471c;
}

.blog_post a:hover{
color: #fff;
background-color: #5c656b;
}

.titulo_post a{
color: #96471c;
text-decoration:none;
}

.titulo_post a:hover{
color:#5c656b;
background-color: #fff;
text-decoration:underline;
}

.blog_post h1{
font-size: 22pt;
}

.blog_post h3{
font-size: 14pt;
}

.blog_post h4{
font-size: 12pt;
text-indent: 2em;
}

.blog_post h5{
font-size: 10pt;
}

.img_left{
    float:left;
    margin-right:6px;
}

.contenido_post{
margin: 12px 0px;
padding: 12px 0px;
color: #444;
}

.contenido_post ul{
    margin: 0px 0px 0px 30px;
}

.pie_post a{color: #333;}

.pie_post a:hover{
text-decoration: underline;
background-color: #fff;
color: #5c656b;
}

.pie_post a:hover h3{
text-decoration: underline;
background-color: #fff;
color: #5c656b;
}

.blog_post_pie2{
    margin: 0px 0px 0px -12px;
width: 660px;
height: 14px;
background-image: url(imagenes/bg_inf_con.png);
background-repeat: no-repeat;
}
/*Fin de estilos de las entradas*/

/*Estilos de las páginas*/
.blog_pagina{
color: #333;
background-color: #fff;
background-image: url(imagenes/bg_sup_con.png);
background-position: top;
background-repeat: no-repeat;
width: 636px;
padding: 6px 12px 0px 12px;
margin: 0px 0px 0px 20px;
}

.blog_pagina a{
font-weight: bold;
text-decoration:none;
color: #96471c;
}

.blog_pagina a:hover{
color: #fff;
background-color: #5c656b;
}

.blog_pagina a{
color: #96471c;
text-decoration:none;
}

.blog_pagina a:hover{
color:#5c656b;
background-color: #fff;
text-decoration:underline;
}

.blog_pagina h1{
font-size: 22pt;
}

.blog_pagina h3{
font-size: 14pt;
}

.blog_pagina h4{
font-size: 12pt;
text-indent: 2em;
}

.blog_pagina h5{
font-size: 10pt;
color: #333;
}

.contenido_post{
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #444;
}

.contenido_post ul{
    margin: 0px 0px 0px 30px;
}
/*Fin de los estilos de las páginas*/

/*Estilos de los Comentarios*/
#hay_comentarios{
    margin: 0px 0px 0px 20px;
    color: #fff;
}

#lista_comentarios{
    width: 700px;
}

.comentario{
    color: #333;
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    border-top: 2px solid #96471c;
    border-bottom: 2px solid #96471c;
    border-left: 20px solid #96471c;
}

.comentario a{
    color: #333;
}

.comentario a:hover{
    color: #5c656b;
    text-decoration:underline;
}

#frm_comentar{
    border-top: 3px solid #333;
    padding: 10px 0px 0px 20px;
    color: #fff;
}

#frm_comentar a{
    color: #333;
    font-weight: bold;
    text-decoration:none;
}

#frm_comentar a:hover{
    text-decoration:underline;
}


#navegacion_post .nav_der{
    margin-left:550px;
}

#navegacion{
    width:640px;
    margin: 10px 0px 10px 30px;
}
#navegacion .nav2_der{
    margin-left: 560px;
}
/*Fin de los estilos de los Comentarios*/

/*Estilos de la barra lateral*/
#panel_lateral{
width: 240px;
color: white;
background-image: url(imagenes/bg_lateral.png);
background-color: #333;
float: left;
}

#panel_lateral img{
    border: none;
}

#panel_lateral ul{
    list-style: none;
}

#panel_lateral li{
    margin: 0px 0px 0px 20px;
    list-style-image: url(imagenes/ul_cafe_w.png);
}

#panel_lateral a{
    color: #fff;
}

.widget{
    margin: 0px 15px 0px 15px;
}

#botones_redes{
    margin: 20px 0px 0px 0px;
    text-align: center;
}

#botones_redes img{
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
}

#categorias{
    color: #fff;
    margin: 0px 0px 0px 20px;
    padding: 10px 0px 0px 20px;
}

#publicidad{
    margin: 0px 0px 0px 20px;
    width: 180px;
}

/*Fin de los estilos dela barra lateral*/
#pie{
border-top: 8px solid #96471c;
clear:both;
width: 100%;
height: 140px;
background-image: url(imagenes/bg_pie.png);
color: white;
}

#pie a{
    font-weight: bold;
    color: white;
}

#pie a:hover{
    text-decoration: underline;
    color: #333;
}

#pie_col{
    width: 900px;
    margin: 10px auto;
}
/*Fin de los estilos del pie*/

/*Fin de estilos del contenido*/