/*  
Theme Name: Clicca-Blog
Theme URI: http://www.cliccaprestiti.it/blog
Description: Tema a 3 columnas para Wordpress.
Version: 1.0
Author: Ignacio Olmeda
Author URI: http://www.antevenio.com/
*/

/* Reset Styles */

/*** HACKS PARA IE ***/

/******* para IE6: */

*html {}

/******* para IE7: */

*:first-child+html { }

/***** fin hacks  */


html, body, form, fieldset {
	text-shadow: #000 0px 0px 0px; /*Elimina el efecto bold en Safari*/
	margin: 0;
	padding: 0;
	border: none;
}

h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address {
	font-size:1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}


a, a:link, a:visited, a:hover, a:active {
	outline: 0; 
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
}

label, button {
	cursor:pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

code {
font:100% monospace;
}

object, embed{
display:block;
margin:0 auto;
}

/********* Fin Reset **************/

/************** General */


body {
	color: #333;
	font: 62.5%/normal Verdana, Arial, Helvetica, sans-serif;
	outline:none;
	background:#fff;
}

/********* Enlaces */

a:link, a:visited, a:hover, a:active {
	color: #3333ff;
}

a:hover {
	text-decoration: underline;
}

/**************** Cajas */

#page{
width:890px;
margin:0 auto;
background:#fff;
}

#header {
height:101px;
background: #fff url(images/cabecera-blog.gif) no-repeat;
margin:0 0 10px 0;
}

#wrapper{ height:1%;}

#content{
width:480px;
float:left;
padding:0 10px;
}

#sidebar{
width:380px;
float:left;
color:#333;
padding:0 0 10px 0;
}

#sidebar-left{
float:left;
width:160px;
padding:0 0 0 10px;
}

#sidebar-right{
float:left;
width:190px;
margin:0 0 0 10px;
}

#footer{
height:30px;
margin:10px 0 0 0;
text-align:center;
}

/********* cabecera */

#header h1 a{
	display:block;
	text-indent:-9000px;
	width:890px;
	height:170px;
	background: transparent;
}

#header h2{
	display:none;
}

/******** post */

.post{
margin:0 0 30px 0;
}

.post h2{
margin:0 0 2px 0;
border-bottom:1px dotted #66cb00;
}

.post h2 a{
	color:#66cb00;
	font-size:2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.post h2 a:hover{
	text-decoration: none;
	color:#3333ff;
}

.post h2 a:visited{
	color:#66cb00;
}

.post ul, .post ol {
margin:10px 0;
list-style-type:none;
}

.post ul li{
	background: url(images/ico-lista.gif) 0 8px no-repeat;
	padding:0 0 0 8px;
}

.post ol li {
	padding:0;
	margin:0 0 0 30px;
	list-style-type: decimal;
}

.post blockquote, .post blockquote blockquote{ 
margin: 0 20px;
padding:10px 10px 10px 50px;
background:#f6f6f6 url(images/fondo-blockquote.gif) 4px 4px no-repeat;
color:#191108;
}

.post img {
margin:10px;
}

.post a img {
border:2px solid #191108;
}

.entryfecha {
	color:#adadad;
	font-size:.9em;
	font-family: Arial, Helvetica, sans-serif;
}

.entry, ol.commentlist li{
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type:none;
}

.postmetadata{
margin:10px 0 10px 0;
background:#d1d1d1 url(images/fondo-comentarios.gif) no-repeat;;
padding:4px;
height:38px;
clear:both;
}

.categorias{
	color:#191108;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/ico-categoria.gif) 0 2px no-repeat;
	text-indent:12px;
	margin:5px 0 4px 0;
}
.comentarios{
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/ico-comentarios.gif) 0 2px no-repeat;
	text-indent:12px;
}

.navigation{margin:0 0 10px 0;}
.navigation .alignleft{float:left;}
.navigation .alignright{float:right;}

/* comentarios */

h2#respond, h2#comments, h2.pagetitle{
margin:0 0 10px 0;
border-bottom:1px dotted #163d5b;
	color:#163d5b;
	font-size:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

ol.commentlist li{
padding:10px;
background:#eee;
margin:0 0 10px 0;
}

ol.commentlist li.alt{
background:#d1d1d1;
}

ol.commentlist li cite, ol.commentlist li a cite {
	font-size:1em;
	font-style: normal;
	font-weight: bold;
}

.commentmetadata {
	color:#9c78ab;
	font-size:.9em;
	font-family: Arial, Helvetica, sans-serif;
}

.commentmetadata a:link, .commentmetadata a:visited{
	color:#9c78ab;
}

.commentsblock textarea{
	width:478px;
	font-size:1.5em;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #d1d1d1;
	background:#f8f8f8;
}

.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}

input.boton-enviar{
	background:#d1d1d1;
	border:1px solid #a1a1a1;
	padding:2px;
	color:#5f5f5f;
	font-weight:bold;
}


/********** sidebar */

#search{
	background: url(images/buscador.gif) top no-repeat;
	padding:0 0 10px 0;
	height:50px;
}

#search .caja-buscador{
width:220px;
height:20px;
background: transparent;
border:none;
margin:17px 16px 0 40px;
padding:2px;
float:left;
font-size:1.8em;
color:#3333ff;
}

#search .boton-buscador{
width:90px;
height:24px;
background: transparent;
border:none;
cursor:pointer;
margin:17px 0 0 0;
float:left;
}

#sidebar h2{	
	background: url(images/ico-02.gif) 0 10px no-repeat;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 6px 0;
	padding:10px 0 4px 0;
	text-indent:15px;
	color:#3333ff;
}

#sidebar ul {list-style-type:none;}

#sidebar ul li {margin:4px 0; }

#sidebar ul.ul-enlaces li br{ margin:7px 0;}

#sidebar ul li a {
	background: url(images/ico-01.gif) 0 4px no-repeat;
	padding:0 0 0 12px;
	color:#000;
}

#sidebar ul li a:hover {
	color:#3333ff;
}

.producto{
text-align:center;
background: #fff url(images/fondo-abajo-producto.gif) bottom no-repeat;
padding:0 0 10px 0;
margin:0 0 10px 0;
border:1px solid #66cc00;
}

#sidebar .producto h2{
	background: #66cc00 url(images/ico-03.gif) 5px 5px no-repeat;
	padding: 2px;
	text-indent:10px;
	margin:0 0 4px 0;
	text-align:left;
	height:25px;
	font-size:1em;
}

#sidebar .producto h2 a{
	color:#fff;
	font-weight:bold;
}

.producto a img{
width:80px;
height:51px;
}

.producto p{text-align:left;padding:0 4px 0 4px;}

.producto p a{color:#333;}

.producto a.mas-info{
width:158px;
height:24px;
text-indent:-9000px;
cursor:pointer;
display:block;
background: url(images/boton-mas-info.gif) no-repeat;
}

#nube-tags{
padding:0 10px;
margin:10px 0;
}

#nube-tags h2{
	background: url(images/cabecera-nube-tags.gif) no-repeat;
	text-indent:-9000px;
	height:25px;
}



/************** clases  ***/

.clear {
	clear: both;
}

.center{ text-align:center;}