/*  

Theme Name: HDC

Theme URI: http://www.hacerdecomer.es

Description: HDC esta basado en el theme 02 http://blog.eches.net/ y es un theme exclusivo para www.hacerdecomer.es

Traductor: Diego Castillo

Traductor URI: http://www.trazos-web.com/

Version: 1.0

Author: ambiGrama

Author URI: http://www.ambigrama.com 

Todos los derechos reservados.

*/





body, h1, h2, h3, h4, h5, h6, p, form {

margin: 0;

padding: 0;

}



body {

margin: 0;

font-family: Arial, Georgia, "Times New Roman", Times, serif;

font-size: 12px;

background:#fff url(images/bg-web.png) repeat fixed; 

}





h1 {

font-family: Arial, Sans-serif;
font-size: 0px;
padding: 0 0 0px 0;
}


h2 {
font-family: Arial, Sans-serif;
font-size: 0px;
padding: 0 0 0px 0;

}



a:link, a:visited {

text-decoration: none;

color: #8E3B1D; /* COLOR TEXTOS POST CON ENLACE */ 

}



a:hover {

text-decoration: none;

}



p {

padding: 10px 0 0 0;

}



#outer {

width:977px;

margin: 0 auto;

padding: 0 0 0 0;



}



#wrapper{

margin: 0 auto 0px auto;

width: 977px;

background: url(images/bg-wrapper.png) repeat-y;

}







/*=========================== Header===============================*/



#header{

width: 977px;

_width: 977px;

height: 360px;

background: #000;

text-decoration:none;

background:url(images/cab.png) no-repeat;

}





/*========================= header banners  ====================*/



#header-ban-red {

margin: 0;

_margin:250px 0 0 10px;

padding:250px 0 0 10px;

_padding:0;

width:200px;

height:90px;

float: left;

}





#header_ads {

margin: 0;

*margin:250px 0 0 230px;

padding:250px 0 0 230px;

*padding:0;

width:728px;

height:90px;

}



/*========================== PUBLI 468 X 60 ===============================*/



#publi468x60 {

margin: 20px 0;

text-align: center;

}





/*========================== MENU & rss feed & login ========================*/





#nav {

font-family: "Trebuchet MS", Verdana;

font-size:16px;

clear:both;

margin:0 auto;

width: 970px;

height:45px;

background:#000;

overflow:hidden;

}



#nav_l {

float:left;

width:966px;

margin:0px;

padding:5px 0 0 0;

overflow:hidden;

height:31px;

}



.menu {

float:left;

margin:5px 1px;

padding:3px;

width:500px;

}



.menu li {

display: inline;

list-style: none;

margin:0;

padding:0;

}



.menu ul, .menu ol {

display: inline;

list-style: none;

margin:0;

padding:0 10px 0 0;

}



.menu a, .menu a:visited {

color: #FFFFFF;

font-weight: bold;

margin:0;

padding: 3px 10px 3px 10px;

text-decoration: none;

}



.menu a:hover {

text-decoration: underline;

color: #fff;

}



.rss {

float:right;

margin:7px 5px 5px 0px;

width:150px;

_width:150px;

}



.rss ul {

margin: 0; 

padding: 0 2px;

}



.rss li {

background: url(images/rss.gif) no-repeat 0 3px;

margin: 0 2px 0 0;

padding: 3px 0 3px 20px;

list-style: none;

font-family: "Trebuchet MS", Verdana;

font-size:16px;

display: inline;

font-weight: bold;

}



.rss li a {

font-size: 12px; color:#fff;

}



.login {

float:right;

margin:5px 5px 5px 0;

width:100px;

*width:125px; 

}



.login ul {

margin: 0;

padding: 0 2px;

}



.login li {

background: url(images/login.gif) no-repeat ;

margin: 0 2px 0 0;

padding: 3px 2px 3px 25px;

list-style: none;

font-family: "Trebuchet MS", Verdana;

font-size:16px;

display: inline;

font-weight: bold;

}



.login li a {

font-size: 12px; color:#fff;

}





/*============================= Search =======================================*/



#search {
height:20px;
float:right;
margin:10px 50px 0 0;
*margin:10px 16px 0 0;
*margin:10px 26px 0 0 !important;
}



#search #s {

font-size:14px;

padding:4px;

color:#000;

width:200px;

}



input#s {

color:#000;

border:1px solid #000;

background:#fff;

}





/* ============== centrar banners ===================*/



.centrarbanner {

text-align: center;

}



.centrarbanner300x250 {

width: 300px;

margin:0 auto;

}





/*=========================== Main Column ==========================*/



#container{
float: left;
width: 520px;
padding: 6px 10px 10px 10px;
text-align:justify;
background: #fff;
margin: 0 0 0 5px;
}


.post{

padding: 2px 6px 10px 6px;

}



.post h2{

font-family: Arial, Georgia, Sans-serif;

font-size: 16px;

margin:0 5px;

text-align:left;

}



.entry{

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;


line-height: 22px;

margin: 3px 0 5px 0;

}



p.postmetadata{

margin: 10px 0 0 0;

padding:6px;













background: #fff;









}



.navigation{

padding: 10px 0 0 0;

font-size: 14px;

font-weight: bold;

line-height: 18px;

}



.navleft{

margin:0;padding:0;

float:left;

}



.navright{

margin:0;padding:0;

float:right;

}



blockquote{

margin:5px 10px;

padding:4px 7px 10px 7px;

font-size:10px;

color:#336699;

border:1px dashed #40a9c9;

background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;

}



blockquote blockquote {

margin:5px 10px;

padding:4px 7px 10px 7px;

font-size:10px;

background:#bac9cc;

color:#336699;

border:1px dashed #40a9c9;

background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;

}





/*============================ Post Header ===================================*/



.post_header {

margin:0; padding:0;

height:60px;

background:#fff;

}



.post_headerr {

margin:0;

padding:0;

}



.post_title {

margin:0 5px;

padding:2px 0 0 0;

}



.details {

margin:0;

padding:4px 0;

border-top:1px solid #eee;

}



.files {

background:url(images/folder.gif) no-repeat;

margin:0; padding:0 0 0 20px;

}



.comment_list {

background:url(images/list_comments.gif) no-repeat;

margin:0;

padding:0 0 0 20px;

}



.edit {

background:url(images/edit.gif) no-repeat;

margin:0; padding:0 0 0 20px;

}





/*===================== Post Date =============================*/



.the_date {

display:block;

text-align: center;

float:left;

height:81px;

font-family: Arial, Verdana;

width:110px;

margin:0 auto;

background:url(images/calendar.png);

}



.date_m {

display:block;

font-size: 0.9em;

margin:0 3px 0 0;

padding:20px 0 0 0;

color:#000;

font-weight: bold;

text-align:center;

}



.date_d {

display:block;

font-size:1.5em;

margin:0 3px 0 0;

color:#8E3B1D;

font-weight: bold;

padding:0 0 0 0;

text-align: center;

}









/*============================== Comment =================================*/



#commentsbox {

margin: 0px; padding: 0px;

float: left;

width: 540px;

_width: 520px;

font-size:11px;

}



#comments h2 {

margin:5px 0 0 0;

padding:0;

color:#ff5c00;

font-size:14px;

font-weight:normal;

}



h3 #respond  {

margin:10px 0;

padding:0;

color:#ff5c00;

font-size:14px;

font-weight:normal;

}



.boxcomments {

margin-bottom:20px;

width:520px;

}



#commentform {

border-top:1px solid #eee;

margin:0;

padding:15px 15px 1px;

}



#commentform label {

display:block;

margin:0;

}



#commentform input {

width:170px;

margin:0 5px 10px 0;

padding:1px;

}



#commentform textarea {

width:400px;

margin:0 0 10px;

padding:0;

}



#commentform #submit {

margin:0 0 20px;

}



#commentform p {

margin:5px 0;

}



ol.commentlist {

margin:0 0 1px;

padding:0;

}



ol.commentlist li {

border:1px dashed #000;

display:block;

list-style:none;

margin:7px 0;

padding:6px 15px 12px 15px;

background:url(images/comment_l.jpg) repeat-x;

}



ol.commentlist li.mycomment {

border-bottom:20px solid #fff;

display:block;

list-style:none;

margin:7px 0;padding:5px 15px 1px;

background:#eee;

}



ol.commentlist li.commenthead {

display:block;

list-style:none;

margin:0;padding:5px 15px;

}



ol.tblist {

list-style:none;

margin:0 0 1px;

padding:0;

}



ol.tblist li {

display:block;

list-style:none;

padding:10px 5px 10px 5px;

margin:0 0 5px;

border:1px dashed #ccc;

}



input#url,input#author,input#email,textarea {

color:#666;

width:40%;

border:1px solid #a1a1a1;

margin-bottom:0.6em;

background:#eee;

margin-top:2px;padding:3px;

}



/*==================== Sidebar ===========================*/



.sidebar{

float: right;

width: 390px;

margin: 0 10px 0 0;

background: #fff;

border-left: #eeeeee solid 1px;

padding: 5px 5px 5px 10px;

}



.sidebar ul{

list-style: none;

margin: 0;

padding: 0 10px 0 10px;

}



.sidebar ul li{

padding: 10px 0;

}



.sidebar ul li h2{

font-family: Arial, Georgia, Sans-serif;

font-size: 14px;

}



.sidebar ul ul li{

padding: 0;

line-height: 24px;

}



/*==================== Sidebar: Top component =======================*/



#sidebar_top {





text-align:center;

}



/*================= Sidebar: Left component ======================*/



.lsidebar {

margin:0;padding:0;

float:left;

width:184px;

}



.lsidebar ul{

list-style: none;

margin: 0;

padding: 0 1px 0 0;

}



.lsidebar ul li{

padding: 10px 0 4px 0;

font-family: Arial, Georgia, Sans-serif;

font-size: 11px;

color:#000;

margin:0;

}



.lsidebar ul li a:link, .lsidebar ul li a:visited {

color:#000;

font-weight:700;

}



.lsidebar ul li h2{

font-family: Verdana,Arial, Georgia, Sans-serif;

font-size: 11px;

background:url(images/cat.png) no-repeat top left;

margin:0;

padding:8px 0 0 8px;

height:31px;

width:187px;

color:#fff;

text-indent: 15px 

}





.lsidebar ul ul li{

padding: 0 0 0 20px;

line-height: 18px;

font-family: Arial, Georgia, Sans-serif;

background:url(images/cuadrado.png) no-repeat left;

margin: 0 0 0 15px;

}





.lsidebar ul ul ul li{

padding: 0 0 0 14px;

line-height: 18px;

font-family: Arial, Georgia, Sans-serif;

font-size:11px;

background:url(images/cuadrado.png) no-repeat;

}



.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {

color:#39b0d8;

font-weight:700;

}





/*================== Sidebar: Right component =====================*/





.rsidebar {

margin:0 0 0 5px;

_margin:0;

padding:0;

float:right;

width:181px;

}



.rsidebar ul{

list-style: none;

margin: 0;

padding: 0 1px 0 0;

}



.rsidebar ul li {

padding: 10px 0 4px 0;

font-family: Arial, Georgia, Sans-serif;

font-size: 11px;

color:#000;

margin:0;

}



.rsidebar ul li a:link, .rsidebar ul li a:visited {

color:#000;

font-weight:700;

}



.rsidebar ul li h2{

font-family: Verdana,Arial, Georgia, Sans-serif;

font-size: 11px;

background:url(images/cat.png) no-repeat top left;

margin:0;

padding:8px 0 0 8px;

height:31px;

width:187px;

color:#fff;

text-indent: 15px 

}



.rsidebar ul ul li{

padding: 0 0 0 20px;

line-height: 18px;

font-family: Arial, Georgia, Sans-serif;

background:url(images/cuadrado.png) no-repeat left;

margin: 0 0 0 15px;

}



.rsidebar ul ul ul li{

padding: 0 0 0 14px;

line-height: 18px;

font-family: Arial, Georgia, Sans-serif;

font-size:11px;

background:url(images/sub-cat.jpg) no-repeat 3px 3px;

border-bottom:none;

}



.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {

color:#39b0d8;

font-weight:700;

}





/*=================== Sidebar Calendar =====================*/



table#wp-calendar{

width: 90%;

margin:0px auto;

}







/*=================== Footer ===========================*/



#footer{

clear: both;

width: 977px;

height:252px;

background:url(images/bg-pie.png) no-repeat center;

margin:0;

padding: -150px 0 0 0;

}



#footer p {

text-align:left;

font-weight:700;

color:#000;

padding: 190px 50px 10px 20px;

font-size: 12px;

font-family: Arial, Verdana; 

}



#footer a {

color:#000;

}



#footer a:hover {

color:#8E3B1D;

}





/* ========== WIDGETS ========== */



.textwidget {

margin: 0 0 0 20px;

}



#tag_cloud a{

margin: 0 0 0 20px;

}



.dbx-content {

margin: 0 0 0 -20px;

}

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}
li.widget_tag_cloud div {padding:0px 10px}
