/*Default*/

html
{
  margin: 0;
padding: 0;
}

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

a:hover
{
  color: #8f7872;
}

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

a img
{
  border: 0;
}


/*
Cuerpo
*/

body
{
  margin: 0;
  padding: 0;
font-family:  Tahoma, Arial, Verdana, helvetica, sans-serif;
color: #444;
background-color: #000;
background-image: url(images/stripe.png);
font-size: small;
text-align: center;
}

/*HEADER: TODA LA CABECERA_______________________________________________*/

#header /*el contenedor de la cabecera*/
{
  margin: 0;
  padding: 0;
  border-width: 3px 0 3px 0;
  border-style: solid;
  border-color: #000;
  height: 200px;
  width: 100%;
  background-color: #000;
}
#imgh /*el contenedor de la imagen de cabecera*/
{
  margin: 0 auto 0 auto;
  padding: 0;
height: 200px;
width: 1000px;
background-image: url(images/cabberros.jpg);
background-repeat: no-repeat;
background-color: #000;
background-position: center;
text-align: left;
}

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

a#secocina
{
  margin: 5px 0 0 9px;
  width: 190px;
  height: 190px;
  display: block;
  float: left;
}
a#secocina:hover
{
  border: 1px dotted #000;
}

/* para la lista de cats en cabecera*/
#menuh ul
{
  margin: 0 0 0 665px;
  padding: 60px 0 0 0;
  width: 150px;
  height: 200px;
list-style-type: none;
}

#menuh ul li
{
 margin: 0 0 0 30px;
  padding: 10px 0 0 0;
}

#menuh ul li a
{
  margin: 0;
  padding: 0;
  color: #cccc99;
  font-size: 120%;
  font-family: "Arial narrow", "Arial", sans-serif;
  font-weight: bold;
}

#menuh ul li a:hover
{
  border-bottom: 1px dotted #cccc99;
}

#menuh ul li a.current-cat
{
  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;
}

/*POSTS*/

#leftbox/*cuerpo de contenido */
{
margin: 0;
padding: 0;
float: left;
width: 580px;
text-align: left;
letter-spacing: 1px;
/*
background-image: url(images/verano09.png);
background-repeat: no-repeat;
*/
}

#leftbox h2, #leftbox h3, #leftbox h4
{
 letter-spacing: normal; 
}

.post /*Toda la entrada- el contenido (content) va en .entrada*/
{
  margin: 30px 0 40px 30px;
  padding: 10px 0 0 10px;
  width: 530px;
  border-top: solid 3px #e1e1bb;
border-left: solid 1px #e1e1bb;
background-color: #fff;
}

div.metadata /*metadatos post*/
{
  margin: 20px 50px 0 25%;
  padding: 10px;
  width: 70%;
  text-align: right;
}

div#comments /*comentarios*/
{
  margin: 0 0 0 30px;
  padding: 0 0 0 10px;
  border-left: 1px solid #e1e1bb;
  font-family: "Arial narrow", "Arial", 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", sans-serif; 
  font-weight: bold; 
  color: #8f7872;
  border-width: 1px 0 1px 0;
  border-style: dotted; 
  border-color: #cccc99;
}

.noticias/*Noticias en la primera*/
{
  margin: 30px 0 40px 30px;
  padding: 10px 0 0 10px;
  width: 530px;
  border-top: dotted 1px #e1e1bb;
}

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



/*Divs de las barras laterales*/

#rightbox/*bloque que comprende las dos barras y el banner superior */
{
margin: 30px 0 0 0;
text-align: center;
float: right;
width: 390px;
}

#sideright
{
  margin: 30px 20px 0 0;
  padding: 0;
  width: 160px;
  float: right;
}

#sideleft
{
  margin: 30px 0 0 30px;
  padding: 0;
  width: 160px;
  float: left;
  border: 0;
}

div#sideright, div#sideleft
{
  font-family: "Arial narrow", "Arial", sans-serif; 
  color: #8f7872;
  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;
  color: #8f7872;
}

#sideright div.adsgoogle, #sideleft div.ads/*div secundarios*/
{
  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: #a3a37a;
}


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

/*
Título del post
*/


h2.titulo
{
margin: 10px 0 0 0;
padding: 0 0 0 10px;
font-family: "Arial narrow", "Arial", sans-serif; 
font-size: 200%;
font-weight: normal;  
line-height:125%;
color: #8f7872;
}


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

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

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

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

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


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


h3.indice
{
font-family: "Arial narrow", "Arial", 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", 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
{
  margin: 0;
  padding: 0;
}

#sideright h4, #sideleft h4
{
margin: 0;
padding: 0;
font-family: "Arial narrow", "Arial", sans-serif; 
color: #8f7872;
font-weight: normal;
font-size: 120%;
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", sans-serif; 
font-weight: bold; 
color: #8f7872;
}

p.fecha
{
  float: right;
  clear: left;
  margin: 0 20px 10px 10px;
  border-left: 1px solid #cccc99;
  padding: 0;
  width: 2em;
  font-family: "Arial Rounded Mt Bold", Tahoma, Arial, sans-serif; 
  font-size: 120%;
  font-weight: bold; 
  color: #cccc99;
  text-align: right;
}

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

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

div.entrada blockquote
{
  margin: 20px auto 0 auto;
  padding: 0 30px 0 0;
  width: 80%;
border-width: 3px 1px 1px 1px;
border-style: solid;
border-color: #e1e1bb;
background-image: url(images/frecetas.png);
background-repeat: no-repeat;
background-position: top right;
}

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

/*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: 90%;
}


/*LOs comentarios de distinto color*/

div#comments ul
{
  margin: 20px 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: #8f7872;
}


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

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


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

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

div.entrada a
{
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #8f7872;
color: #8f7872;
font-family: "Arial narrow", "Arial", sans-serif;
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;
}


a.acomentarios, p.commentdata
/*el link de pop up comments y los datos de autor etc de cada comentario*/
{
  margin: 0 10px 0 20px;
  padding: 0 0 0 20px;
  font-family: "Arial narrow", "Arial", sans-serif; 
  font-weight: bold; 
  color: #a3a37a;
  display: block;
  border-width: 1px 0 1px 0;
  border-style: dotted; 
  border-color: #cccc99;
}

a.acomentarios:hover
{
  color: #8f7872;
}

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

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

.navigation a:hover
{
  color: #8f7872;
  background-color: #fff;
}

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

#footer a:hover
{
  color: #8f7872;
}


/*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;
}

sideleft a img
{
  margin: 10px;
}



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

/*Comentarios*/

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

div#comments form input, div#comments form textarea, form#contacto input, form#contacto texarea
{
  margin: 0;
  padding:0;
  font-family: "Arial narrow", "Arial", sans-serif;
  border-color: #e1e1bb;
}

/*BUSCADOR*/

form#searchform input
{
  color: #a3a37a;
  border-color: #e1e1bb;
  font-family: "Arial narrow", "Arial", sans-serif;
}

ul#archives select
{
  color: #8f7872;
  border-color: #e1e1bb;
  font-family: "Arial narrow", "Arial", sans-serif;
}