/*Default*/

html
{
  margin: 0;
  padding: 0;
}

a
{
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #777;
}

a:hover
{
  color: #b8da50;
}

img
{
  margin: 0;
  padding: 0;
  border: 0;
}

a img
{
  border: 0;
}


/*
Cuerpo
*/

body
{
  margin: 0;
  padding: 0;
  font-family:  tahoma, arial, helvetica, sans-serif;
  background-color: #333;
  
  color: #444;
  letter-spacing: 1px;
  font-size: small;
  text-align: center;
}

/*HEADER: TODA LA CABECERA_______________________________________________*/

#header /*el contenedor de la cabecera*/
{
  margin: 0;
  padding: 0;
  height: 253px;
  width: 100%;
  background-color: transparent;
}
#imgh /*el contenedor de la imagen de cabecera*/
{
  margin: 0 auto 0 auto;
  padding: 0;
height: 253px;
width: 1300px;
background-color: transparent;
background-image: url(images/bg2010.png);
background-repeat: no-repeat;
text-align: left;
}

#header h1 /*el título de la página sustituido por img*/
{
   display: none;
}

a#secocina
{
  margin: 57px 0 0 163px;
  width: 190px;
  height: 190px;
  display: block;
  float: left;
}
a#secocina:hover
{
  border: 1px dotted #cccc99;
}

/* para la lista de cats en cabecera*/
#menuh ul
{
  margin: 100px 300px 0 0;
  padding: 0 0 50px 0;
  width: 400px;
  height: 150px;
list-style-type: none;
float: right;
text-align:center;
}

#menuh ul li
{
 margin: 0;
  padding: 0;
  display: inline;
}

#menuh ul li a
{
  margin: 0;
  padding: 0;
  color: #dade4c;
  font-size: 300%;
  font-family: georgia, utopia, palatino, serif;
  font-weight: bold;
}

#menuh ul li a:hover
{
  color: #cccc99;
}

#menuh ul li a.current-cat
{
  border-top: 1px dotted #cccc99;
  border-bottom: 1px dotted #cccc99;
} 

/*.current-cat  current-cat clase generada automáticmente para el elemento li de la categoría concreta que se está desplegando en el menuh del header de la pag category. vale para darle estilo aparte como mi ess.
*/

/*DIVS-----------------------------------------------------------------------------*/

#contenido/*Un div para todo el contenido exceptuando header , incluye las dos barras y footer*/
{
margin: 0 auto 0 auto;
width: 1000px;
text-align: left;
background-color: #fff;
border: 4px dotted #dade4c;
}

/*POSTS*/

#leftbox/*cuerpo de contenido */
{
margin: 0;
padding: 0;
float: left;
width: 580px;
text-align: left;
}

.post /*Toda la entrada- el contenido (content) va en .entrada*/
{
  margin: 0 0 50px 0;
  padding: 10px 0 0 10px;
  width: 530px;
}

div.metadata /*metadatos post*/
{
  margin: 20px 50px 0 30px;
  padding: 10px;
  width: 70%;
  border: 1px dotted #dade4c;
  background-color: #fff;
background-image: url(images/hrbqbg.png);
background-position: top right;
}

div#comments /*comentarios*/
{
  margin: 0 0 0 30px;
  padding: 0 0 0 10px;
  width: 70%;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}

div#comments div.metadata
{
  font-size: 90%;
}

div.archivesmeta/*metadatos en archives y search*/
{
  margin: 0;
  padding: 0;
  font-family: "arial narrow", arial, helvetica, sans-serif;
  font-weight: bold; 
  color: #fff;
  background-color: #dade4c;
}


.navigation /*vinculos a anteriores y posteriores entradas*/
{
  clear: both;
  display: block;
  text-align: center;
  width: 90%;
  margin: 100px 0 0 30px;
  padding: 0 0 60px 0;
}



/*Divs de las barras laterales*/

#rightbox/*contenedor de las dos barras a la derecha */
{
margin: 60px 0 0 0;
text-align: center;
float: right;
width: 390px;
}

#sideright
{
  margin: 30px 20px 0 0;
  padding: 0;
  width: 240px;
  float: right;
}
#sideleft
{
  margin: 30px 0 0 30px;
  padding: 0;
  width: 80px;
  float: left;
  border: 0;
}

div#sideright, div#sideleft
{
  font-family:  tahoma, arial, helvetica, sans-serif;

  text-align: left;
}

#sideright div, #sideleft div /*div secundarios*/
{
  margin: 0;
  border-width: 1px 0 0 0;
  border-style: dotted; 
  border-color: #cccc99;
  padding: 10px 0 10px 10px;
}

#rightbox div.ads/*div secundarios*/
{
  margin: 0;
  padding: 0;
  border: 0;
}

/*FOOTER*/
#footer
{
margin: 0;
border-top: 1px dotted;
padding: 30px 0 30px 0;
width: 100%;
clear: both;
text-align: center;
font-family: "Arial narrow", "Arial", sans-serif;  
color: #666;
background-image: url(images/hrbqbg.png);
}


/*HEADERS--------------------------------------------------------------------------------------*/

/*
Título del post
*/


h2.titulo
{
margin: 20px 0 0 0;
padding: 0;
font-family: "arial narrow", arial, helvetica, sans-serif; 
font-size: 200%;
font-weight: normal;
font-variant: small-caps; 
letter-spacing: 2px; 
line-height:125%;
text-align: center;
}


h2.titulo a, h3 a
{
  color: #444;
}

h2.titulo a:hover, h3 a:hover
{
  color: #b8da50;
}

/*Títulos menores-------------------------------------------------------------*/

h3
{
margin: 20px 0 0 0;
padding: 5px 5px 5px 10px;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 160%;
font-weight: normal;
line-height:160%;
color: #444;
}

h4
 /*
para ingredientes/receta/notas
*/
{
  margin: 30px 0 0 20px;
  padding: 0;
  color: #dade4c;
  font-size: 130%;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}


/*
ARCHIVOS Y CATEGORIAS
titulos de los post en los indices de categorías y archivos
*/


h3.indice
{
font-family: "arial narrow", arial, helvetica, sans-serif; 
font-size: 100%;
line-height: 1%;
color: #444;
}

h3.indice a
{
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #fff;
color: #444;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-weight: bold;
}
h3.indice a:link
{
text-decoration: none;
}
h3.indice a:visited
{
color: #666;
text-decoration: none
}

h3.indice a:hover
{
border-color: #444;
color: #444;
}

/*Cabeceras de la barra lateral*/
#sideright h3, #sideleft h3, #rightbox h3
{
  margin: 0;
  padding: 0;
  font-variant: small-caps;
  color: #444;
}

#sideright h4, #sideleft h4, #rightbox h4
{
margin: 0;
padding: 0;
font-family: "arial narrow", arial, helvetica, sans-serif; 
font-weight: normal;
font-size: 120%;
font-variant: small-caps;
color: #444;
line-height:120%;
}

/*PÁRRAFOS---------------------------------------------------------------------------*/


div.entrada p
/*
párrafos normales
*/
{
margin: 10px 0 20px 15px;
padding: 0;
font-size: 100%; 
line-height:125%;
}


/*
metadatos del post: fecha horas autores categorías cuantos comentarios
*/


div.metadata p, p.commentdata
{
margin: 0 0 0 5px;
padding: 0;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-weight: bold; 
font-variant: small-caps;
font-style: italic;
}

p.fecha
{
  margin: 0;
  padding: 2px 0 0 0;
  width: 7em;
  font-family: "arial narrow", arial, helvetica, sans-serif; 
  font-weight: bold; 
  color: #fff;
  background-color: #dade4c;
  line-height: 20px;
  text-align: center;
}


div.archivesmeta p
{
  margin: 0 10px 0 20px;
  padding: 0 0 0 20px;
}

/*ESPECIAL RECETAS _--------------------------------------------------*/
 

div.entrada blockquote
{
  margin: 50px auto 0 auto;
  padding: 0 20px 30px 30px;
  width: 80%;
border: solid 1px #cccc99;
}

div.entrada blockquote strong
{
  font-size: 100%;
}

div.entrada blockquote h3
{
width: 60%;
margin: -20px 0 0 15%;
padding: 5px;
border: dotted 1px #cccc99;
font-family: "arial narrow", arial, helvetica, sans-serif;
font-size: 160%;
font-weight: normal;
font-variant: small-caps;
line-height:160%;
background-color: #fff;
background-image: url(images/hrbqbg.png);
background-repeat: repeat;
background-position: top right;
color: #cccc99;
overflow: visible;
text-align: center;
}

/*LiSTAS---------------------------------------------------------------------------*/
/*Entradas y recetas*/
div.entrada ul
{
  margin: 0 50px 0 100px;
  padding: 0;
  list-style-type: disc;
}

div.entrada ol
{
  margin: 10px 40px 0 15px;
  list-style-type: decimal;
}

div.entrada strong
{
  font-size: 95%;
}

/*LOs comentarios de distinto color*/

div#comments ul
{
  margin: 50px 50px 0 0;
  padding:0;
  list-style-type: none;
}

div#comments li
{
  margin: 10px 0 0 10px;
  padding: 5px 10px 5px 10px;
}


/*Tablas------------------------------------------------------------------------*/

table
{
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 15px;
}

td
{
 border: solid 1px #e1e1bb;
 text-align: center;
 padding: 10px
}

/*MENÚS--------------------------------------------------------------*/



/*SIDEBARS*/

#sideright ul, #sideleft ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #dade4c;
}


div#sideright a, div#sideleft a
{
  color: #dade4c;
  border-bottom: 1px dotted #fff;
}

div#sideright a:hover, div#sideleft a:hover
{
  color: #b8da50;
  border-color: #b8da50;
}

div#sideright p.agenda a
{
  color: #fff;
  border-bottom: 1px dotted #dade4c;
}

div#sideright p.agenda a:hover
{
  color: #fff;
  border-color: #fff;
}

/*ENLACES------------------------------------------------------------------*/

/*
Vínculos en el cuerpo de la entrada
*/

div.entrada a
{
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #fff;
color: #b8da50;
font-weight: bold;
}
div.entrada a:link
{
text-decoration: none;
}

div.entrada a:visited
{
color: #666;
text-decoration: none
}

div.entrada a:hover
{
border-color: #444;
color: #444;
}


p.commentdata
/*el link de pop up comments y los datos de autor etc de cada comentario*/
{
  margin: 0 10px 0 20px;
  padding: 10px 10px 10px 40px;
  font-family: "arial narrow", arial, helvetica, sans-serif;
  font-weight: bold; 
  font-variant: small-caps;
  background: url(images/comment2011.png);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
}

a.acomentarios:hover 
{
  color: #b8da50;
}

/*Parrafos barra derecha*/
p.agenda
{
font-weight: bold; 
font-variant: small-caps;
color: #fff;
background-color: #dade4c;
border-left: 2px dotted #fff;
margin: 3px 0 0 0;
padding: 10px;
text-align: center;  
}

/*
Enlaces al pie del loop anteriores y posteriores posts
*/


.navigation a
{
padding: 5px;
font-weight: bold;
font-size: 120%;
font-variant: small-caps;
color: #444;
}

.navigation a:hover
{
  color: #666;
}

/*Enlaces del pie*/
#footer a
{
  font-weight: bold;
}

#footer a:hover
{
  color: #dade4c;
}


/*Alineación e imágenes-------------------------------------------------------- */

img.centered, .center 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.center 
{
  width: 80%;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
a img
{
  border: 0;
}

div#sideleft img
{
    padding: 5px 0 0 0;
}



/*FORMULARIOS-----------------------------------------------------------*/

/*Comentarios*/

div#comments form
{
  margin: 0 0 0 10px;
  padding: 0;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}

div#comments form input, div#comments form textarea
{
  margin: 0;
  padding:0;
  font-family: "arial narrow", arial, helvetica, sans-serif;
  border-color: #cccc99;
}

/*BUSCADOR*/

form#searchform input
{
  color: #444;
  border-color: #cccc99;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}

form#searchform input#buscar
{
  border: 0;
  width: 30px;
  height: 30px;
  color: #fff;
  border-color: #fff;
  background: url(images/buscar2.png) center no-repeat;
}

ul#archives select
{
  color: #444;
  border-color: #cccc99;
  font-family: "arial narrow", arial, helvetica, sans-serif;
}