/*Documento CSS para el blog de idominiun

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
	color fondo blog:fafafa;
/*************************************************************************************
Elementos 
**************************************************************************************/
* {
	margin:0px;
	padding:0px;
	border:0px;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	color:#ccc;
}
/*************************************************************************************
ELEMENTOS GENERICOS
**************************************************************************************/
/*****************************
Enlaces
*****************************/
a {
	text-decoration:none;
}
/*
a:link, a:visited {
	text-decoration:underline;
	color:#333;
}
a:hover {
	text-decoration:underline;
	color:red;
}
a:link.inv, a:visited.inv {
	color:red;
	text-decoration:none;
}
a:hover.inv {
	color:#333;
} 
*/
/*****************************
Listados
*****************************/
ul {
	text-align:left;
}
li {
	list-style:none;
}
/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	margin:auto;
	width:1000px;
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera {
	width:100%;
	height:300px; /* 209px; */
	background:#000 url(../imagenes/bg_cabecera.jpg) no-repeat;
}
	#cabecera_top {
		text-align:left;
		height:115px;
	}
	#cabecera_bottom {
		height:185px;
	}
		#cabecera_bottom img {
			border:#666 1px solid;
		}	
	

/***************************************************************************************
	MENU PRINCIPAL
***************************************************************************************/
#menu_principal {
}
/***************************************************************************************
	CONTENIDO
***************************************************************************************/
#contenido {
	width:100%;
	background:#000 url(../imagenes/bg_contenido.jpg) no-repeat;
}
.clear_contenido {
clear:both;
}
/*****************************************************
		AREA DE POSTS
*****************************************************/
#area_post {
	float:left;
	padding:20px 20px 0px 30px;
	width:625px;
}

  /**********************************
		POST
  **********************************/
	.post {
		text-align:left;
		margin-bottom:60px;
	}
		.post h1 {
			padding-top:5px;
			padding-left:70px;
			margin-bottom:5px;
			height:65px;
			background: url(../imagenes/bg_titulo_post.png) no-repeat;
		}
		 	.post h1,
			.post h1 a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:20px;
				font-weight:400;
				font-style:italic;
				color:#6c3;
			}
			.post h1 a:hover {
				color:#fc0;
			}
		.post h2 {
			width:auto;
			height:30px;
			line-height:30px;
			background: url(../imagenes/lapiz.png) left no-repeat;
			margin-left:100px;
			margin-bottom:5px;
			text-align:left;
			text-indent:30px;
			font-size:11px;
			font-weight:normal;
			color:#ccc;
		}
		.cuerpo_post {
			padding-left:70px;
			margin-bottom:25px;
			margin-top:15px;
		}
		  .cuerpo_post cite {
		    font-style:italic;
		  }
		  .cuerpo_post cite.cita {
		    font-size:20px;
		    font-weight:bold;
		    color:#999;
		  }
		  .cuerpo_post cite.firma {
		    margin-left:100px;
		  }
			.cuerpo_post p {
				color:#ccc;
				font-size:14px;
				text-align:left;
				/*letter-spacing:0.05em;*/
				line-height:17px;
			}
			.cuerpo_post p.ind {
				text-indent:10px;
			}
			.cuerpo_post img {
				padding:5px;
				border:#ccc 1px solid;
				margin-bottom:15px;
				margin-top:15px;
			}
			blockquote {
				color:#333;
				margin:5px 30px 5px 40px;
				padding:10px;
				border-left:#ccc 1px dotted;
				font-size:14px;
				font-style:italic;
				text-align:justify;
			}
		
		/* PIE POST */
		.pie_post {
			margin-left:100px;
			height:35px;
		}
			ul.categoria_post,
			ul.comparte {
				width:400px;
				font-size:11px;
			}
			ul.categoria_post {
				height:35px;
			}
			ul.categoria_post li{
				display:block;
				float:left;
				height:35px;
				margin: 0px 15px;
				line-height:35px;
				color:#666;
				font-size:12px;
				text-indent:35px;
			}
				li.cat {
					background: url(../imagenes/etiqueta.png) left no-repeat;
				}
				li.com {
					background: url(../imagenes/globo.png) left no-repeat;
				}
				li.cat a,
				li.com a {
					color:#fc0;
					text-decoration:underline;
				}
				li.cat a:hover,
				li.com a:hover {
					color:#6c3;
				}
			ul.comparte {
				height:20px;
				text-align:right;
				margin-top:5px;
			}
			ul.comparte li {
				margin: 0px 2px;
				display:inline;
				font-size:12px;
				line-height:20px;
			}
			p.leermas {
				text-align:right;
				margin-top:20px;
				margin-right:10px;
			}
				p.leermas a {
					font-size:12px;
				}
		/**********************************
			COMENTARIOS
		**********************************/
		a.anterior, a.siguiente {
			display:block;
			width:560px;
			margin-bottom:20px;
			color:#fc0;
		}
		a.anterior:hover, a.siguiente:hover {
			color:#6c3;
		}
		a.anterior {
			padding-right:20px;
			background:url(../imagenes/ant.png) right top no-repeat;
			text-align:right;
			margin-bottom:20px;
		}
		a.siguiente {
			padding-left:20px;
			background:url(../imagenes/sig.png) no-repeat;
		}
		p#info_post {
			padding:20px;
			background-color:#000;
			border-bottom:#333 1px solid;
			border-top:#333 1px solid;
			font-size:12px;
			color:#999;
			text-align:justify;
			margin-bottom:30px;
		}
			p#info_post a {
				color:#fc0;
				text-decoration:underline;
			}
			p#info_post a:hover {
				color:#6c3;
			}
			p#info_post span {
				color:#6c3;
			}
		#bloque_comentarios {
			text-align:left;
			padding:20px;
			font-size:12px;
			color:black;
		}
			h2.comentarios {
				font-size:18px;
				color:#cc3;
				font-weight:200;
				font-style:italic;
				margin-bottom:20px;
			}
			.comentario {
				margin-bottom:30px;
				background:url(../imagenes/bg_comentario.png) no-repeat;
				padding-left:50px;
			}
				h2.autor_comentario {
					font-size:14px;
					color:#cc3;
					font-weight:normal;
					margin-bottom:2px;
				}
				
				h3.fecha_comentario {
					color:#666;
					font-size:11px;
					font-weight:normal;
					
				}

					
				p.texto_comentario {
					margin-left:100px;
					padding:10px;
					color:#999;
					font-size:14px;
				}	
				
				.comentario_user p.texto_comentario {
					background-color:#333;
					
				}
		/**********************************
			FORMULARIO COMENTARIOS
		**********************************/
		#formulario {
			margin-top:20px;
		}
			#form_comentario {
			}
				#form_comentario ul {
					width:560px;
					margin-bottom:10px;
					font-size:12px;
				}
				#form_comentario li {
					display:inline;
					height:20px;
					color:#ccc;
				}
				input.boton {
					width:100px;
					height:30px;
					color: #fc0;
					font-weight:bold;
					font-size:12px;
					display:block;
					background-color:#333;
				}
				input.entrada_comentario, 
				textarea.mensaje_comentario {
					background-color:#333;
					border:#666 1px solid;
					padding:2px;
					color:#ccc;
					font-size:12px;
					font-family:Arial, Helvetica, sans-serif;
				}
				input.entrada_comentario {
					width:200px;
					height:20px;
				}
				textarea.mensaje_comentario {
					width:560px;
					height:90px;
	
				}
				
	.post span {
		color:#fc0;
	}
/**********************************
		SIDEBAR
**********************************/
#sidebar {
	float:right;
	padding:15px;
	width:270px; /* tamano real 380px */
}
	.columna_sidebar {
	}
	#columna_derecha {
		width:180;
		float:right;
	}
	#columna_izquierda {
		width:170px;
		float:left;
	}
		ul.bloque {
			margin-bottom:25px;
			width:240px;
		}
			ul.bloque li {
				width:240px;
			}
			li.cabecera {
				height:35px;
				background:url(../imagenes/etiqueta.png) no-repeat;
				color:#999;
				font-size:18px;
				font-weight:normal;
				font-style:italic;
				padding-left:35px;
				margin-bottom:7px;
			}
			li.enlace_sidebar {
				height:20px;
				line-height:20px;
				margin-left:30px;
				margin-bottom:5px;
				text-indent:25px;
				background:url(../imagenes/luz.png) no-repeat;
			}
			li.enlace_sidebar a.ultimo{
				font-size:12px;		
			}
			li.enlace_sidebar a {
				width:265px;
				font-size:14px;
				color:#fc0;
				text-decoration:none;
				font-weight:normal;
			}
			li.enlace_sidebar a.ultimo{
				font-size:12px;		
			}
			li.enlace_sidebar a:hover {
				color:#6c3;
				text-decoration:underline;
			}
			li.enlace_sidebar span {
				font-size:11px;
			}
		ul.banners_sg {
			width:380px;
			text-align:center;
		}
		ul.banners {
			width:180px;
		}
		ul.banners li {
			float:left;
		}
		ul.banner_rss {
			padding-top:10px;
			width:240px;
			height:300px;
			background:url(../imagenes/rss.png) no-repeat;
			font-size:14px;
			font-weight:bold;
		}
			ul.banner_rss li {
				height:20px;
				text-indent:130px;
			}
			ul.banner_rss li a {
				font-size:18px;
				font-style:italic;
				font-weight:300;
				color:#6c3;
				text-decoration:underline;
			}
			ul.banner_rss li a:hover {
				color:#fc0;
			}
/**********************************
	FORMULARIO BUSQUEDA
**********************************/
#form_busqueda {
	margin-top:15px;
	margin-bottom:15px;
	background: url(../imagenes/lupa.png) no-repeat;
	padding:5px 0px 0px 25px;
	height:40px;
}
	input.buscar {
		padding:5px;
		width:150px;
		height:15px;
		font-size:12px;
		color:#999;
		background:#000;
	}
	input.boton_busqueda {
		width:60px;
		height:25px;
		background:black;
		color:#999;
		font-size:10px;
	}
/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie {
	padding-top:30px;
	height:130px;
	background:#000 url(../imagenes/bg_pie.jpg) no-repeat;
}
	#pie p {
		text-align:center;
		font-size:12px;
		color:#999;
	}
	#pie a {
		color:#fc0;
		text-decoration:underline;
	}
	#pie a:hover {
		color:#6c3;
	}
	#pie span {
		color:#F60;
	}