/*  
Theme Name: Cambrils
Theme URI: http://cambrils.luissacristan.com
Description: The Cambrils theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Luis Sacristán Pascual
Author URI: http://luissacristan.com/
*/

/**
 * COLORES:
 * Azul acero: #2B6B99;
 * Azul celeste: #C2DCEF;
 * Azul: #276c9f; 
 *   
 **/   

/* Begin Typography & Colors */
body {
  background: #e1eaef;
  font-family: Verdana, Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
	}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.page {
	background: #276c9f url(/images/fondo.png); /* Esto es culpa de IE que el color lo da mas claro */
	border: 1px solid #000000;
	text-align: left;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px;
	}

.header {
	background: url('/images/cabecera.png') no-repeat bottom center;
	height: 399px; 
	margin: 0px;
  padding: 0px;
  top: 0px;
  display: block;
}

.header h1 {
  margin: 0px;
  padding: 159px 0px 0px 115px;
}

.header h1 a {
  padding: 0px;
  margin: 0px;
  display: block;
  width: 460px;
  height: 118px;
	background: url('/images/cambrils.png') no-repeat bottom center;
	text-indent: -10000000px;
}

.content {
	font-size: 1.2em;
	background: #FFFFFF;
	margin: 0px 0px 20px 10px;
	width: 580px;
	padding: 10px;
	float: left;
}

.content h2 {
  xtext-align: center;
  color: #0D3A5B;
  font-size: 120%;
}

.post {
  margin: 15px 0px 50px 0px;
}

.post h2 {
  clear: both;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 100%;
  font-weight: normal;
  background: url(/images/bg_titulo.png) no-repeat;
}

.post h2 a {
  color: #0a3553;
}

.post h3 {
  clear: both;
  margin: 3px 0px 0px 0px;
  padding: 2px 0px 2px 10px;
  font-size: 90%;
  background: url(/images/bg_titulo.png) no-repeat;
}

.post h3 a {
  color: #0a3553;
}

.post small {
  font-size: 60%;
  color: #0a3553;
}

.post small a {
  color: #387fb2;
}

.post small.fecha {
  float: right;
}

.post small.autor {
  margin: 0px;
  padding: 5px 20px 5px 30px;
  background: url(/images/lapiz.png) no-repeat center left;
}

.post small.ncomentarios {
  margin: 0px;
  padding: 5px 20px 5px 25px;
  background: url(/images/bocadillo.png) no-repeat center left;
}


.post small.tags {
  margin: 0px;
  padding: 5px 20px 5px 25px;
  background: url(/images/etiqueta.png) no-repeat center left;
}

.post li {
  list-style:  url(/images/dot.png);
}

.entry_search {
  margin: 0px;
  font-size: 70%; 
}

.entry {
  margin: 30px 0px 0px 0px;
  font-size: 75%; 
}

.entry a {
  color: #387fb2;
}

.navigation {
  color: #276C9F;
  padding: 10px 0px 35px 0px;
}

.navigation a {
  color: #276C9F;
}

.navigation .alignleft {
  padding: 0px 0px 0px 20px;
  float: left;
  width: 250px;
}

.navigation .alignright {
  padding: 0px 20px 0px 0px ;
  text-align: right;
  float: right;
  width: 250px;
}

.sidebar {
  width: 308px;
  padding: 0px 20px 0px 20px;
  margin: 0px;
  float: right;
  background: url(/images/bg_sidebar.png) no-repeat top left;
}

.sidebar h2 {
  margin: 0px;
  padding: 0px;
  color: #B1D3E9;
  text-align: center;
  text-transform: lowercase;
  font-size: 110%;
  border: 0px;
  border-bottom: 1px solid #B1D3E9;
}

.sidebar p {
  padding: 0px 15px 15px 15px;
  color: #FFFFFF;
}

.sidebar ul {
  background: #367CAF;
  margin: 15px 50px 15px 50px;
  padding: 10px;
  list-style: none;
  font-size: 90%;
  border: 1px solid #B1D3E9;
}

.sidebar ul li {
  margin: 0px;
  padding: 2px;
  list-style: none;
  color: #FFFFFF;
}

.sidebar ul li a {
  color: #FFFFFF;
  xcolor: #0A3553;
}

.buscador {
  background: url(/images/bg_buscador.png) no-repeat;
  width: 270px;
  height: 40px;
  padding: 2px 4px 0px 4px;
  margin: 0px 0px 20px 15px;
  text-align: right; 
}

.buscador input.caja {
  width: 180px;
  border: 0px;
  background: #B1D3E9;
  color: #052B46;
  font-size: 100%;
  margin: 0px 4px 0px 0px;
}

.buscador input.boton {
  border: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 60%;
  font-weight: bold;
  background: url(/images/bg_btn_buscador.png) no-repeat;
  width: 67px;
  height: 36px;
  vertical-align: middle;
}

.postmetadata {
  margin: 30px 15px 30px 15px;
  padding: 15px;
  background: #ffe6bd; /*#ECF4FA;*/
}

.logged {
  margin: 15px;
  padding: 15px;
  background: #ECF4FA;
  font-size: 90%;
  color: #0a3553;
}

.logged a {
  color: #387fb2;
}

#comments {
  background: #276C9F;
  font-size: 70%;
  color: #FFFFFF;
  padding: 4px;
  margin: 50px 0px 10px 0px;
}

#respond {
  color: #ECF4FA;
  font-size: 70%;
  background: #367CAF;
  padding: 4px;
  margin: 15px 0px 15px 0px;
}

ol.commentlist {
  margin: 0px;
  padding: 0px;
}

.commentlist li {
  list-style: none;
  margin: 5px 0px 30px 0px;
  padding: 0px;
}

div.alt {
  background: #FFFFFF;
}

div.althead {
  background: url(/images/bg_comentario_alt.png) no-repeat bottom left;
}

.comment {
  padding: 0px;
  margin: 0px;
  margin: 0px;
}

.commenthead {
  padding: 0px;
  margin: 0px;
  font-size: 75%;
  background: url(/images/bg_comentario.png) no-repeat bottom left;
  height: 85px;
}

.commenthead img {
  padding: 0px;
  margin: 0px;
  width: 60px;
  height: 60px;
  background: #FFBF24;
}

.commenthead cite {
  font-size: 130%;
}

.commenthead a {
  color: #052C46;
}

.commentbody {
  border: 1px solid #276C9F;
  border-top: 0px;
  background: #ECF4FA;
  padding: 10px;
  margin: 0px;
  font-size: 85%;
}

.commentbody p {
  margin: 0px;
  padding: 0px;
}

#commentform input, #commentform textarea {
  font-family: Verdana, Arial, Sans-Serif;
  border: 1px solid #276C9F;
  padding: 2px;
  font-size: 100%;
  color: #367CAF;
}

#commentform textarea {
  width: 574px;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 100%;
}

#commentform small {
  display: block;
  font-size: 60%;
  font-weight: bold;
  color: #DF9D00;
}

#Comentar {
  background: #ECF4FA;
}

.footer {
	background: #eee url(/images/pie.png) no-repeat top; 
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 960px;
  height: 173px;
	clear: both;
	}

.footer p {
	margin: 0;
	padding: 50px 0px 0px 360px;
	text-align: left;
	font-size: 160%;
	color: #FFFFFF;
	}
	
.footer small {
  font-size: 65%;
  color: #FFFFFF;
}

.footer a {
  font-style: italic;
  color: #C2DCEF;
}
/* End Structure */

a img {
  border: 2px solid #387FB2;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.right {
	float: right;
	}

.left {
	float: left
	}

hr {
  display: none;
}

b, strong {
  color: #0a3553;
}

.clear {
  clear: both;
}

form {
  padding: 0px;
  margin: 0px;
}