/*
      Theme Name: Ambient.w
      Theme URI: http://www.dosmiluno.org
      Version: 1.0
      Author: Daniel Aguilar Castro
      Author URI: http://www.e-dac.es 
*/

/* GLOBALES - GLOBALS */
*, html {
	margin:0;
	padding:0;
}

*:focus {
	outline:none;
}

body {
	font-family:"Calibri", "Trebuchet MS", "Helvetica", "Verdana", "Sans";
	font-size:0.9em;
}

.clearfix:after { /*Flotando div y ocupando espacio*/
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

pre code {
	font-family: "Consolas", "Monaco", fixed;
	font-size: 14px;
	display: block;
	width:80%;
	margin:10px auto;
	background-color: #111;
	color: #0c0;
	padding:10px;
	padding-top:0px;
	overflow: auto;
}

a {
	background:#f7f7f7;
	color:#777;
	text-decoration:none;
	padding:1px;
}
a:hover {
	background-color:transparent;
}
a.none {
	background-color:transparent;
}
/* HEADER - CABECERA */
	#header {
	}
	/* Logotipo cabecera / Headers logo */
	#header h1 {
		margin:40px;
		background:url('images/logo.png') no-repeat;
		width:317px;
		height:59px;
		font-size:1.2em;
		text-align:right;

	}
	#header h1 a.none {
		width:317px;
		height:59px;
		display:block;
		color:transparent;
		text-indent:-99999px;
	}
	
	/* ACCIONES POSIBLES EN LA CABECERA */
	#actions-top {
		background:#f7f7f7;
		border-bottom:1px solid #eee;
		font-size:0.8em;
		height:13px;
		padding:3px 10px;
	}
	#actions-top a {
		color:#777;
		text-decoration:none;
	}
	#actions-top a:hover {
		color:#555;
		text-decoration:underline;
	}

	ul.action li {
		float:left;
		margin-right:10px;
		list-style:none;
	}
	/* Caja de búsqueda de la cabecera - Headers search box*/
	#searchbox input {
		border:1px solid #aaa;
		height:14px;
		width:100px;
		color:#777;
	}
	#searchbox input#searchsubmit {
		display:none;
	}
/* CONTENEDOR / CONTAINER */

#container {
	width:700px;
	margin:20px auto;
}
	/* Entrada - post */
	.post {
		margin:60px 0px;
		background:url('images/separator.jpg') bottom center no-repeat;
		padding:0px;
	}
		/* cabecera de la entrada - post header */
		.post .title {
			
		}	
			/* Numero de comentarios del post - number of posts comment */
			.post .title h2 .comments {
				font-size:15px;
				color:#777;
			}
			/* titulo de la entrada - post title*/
			.post .title h2 a {
				font-weight:bold;
				text-decoration:none;
				color:#000;
				font-size:40px;
			}
		/* Cuerpo de la entrada - post body*/
		.post .entry {
			font-family: "Trebuchet MS", "Tahoma";
			line-height:25px;
			text-align:justify;
		}
			/* Parrafos dentro de las entradas - paragraph into posts*/
			.post .entry p {
				margin:10px 0px;
			}
			.post .entry img {
				margin:10px;
			}
			.post .entry ul {
				margin:10px 60px;
			}
			/* Enlaces en las entradas - links into posts*/
			.post .entry a {
				text-decoration:none;
				color:#777;
			}
			.post .entry a:hover {
				color:#555;
			}
			.post .entry blockquote {
				background:url('images/quote.jpg') no-repeat;
				padding:1px 20px;
				font-style:italic;
				margin:10px 30px;
				font-size:1.3em;
				color:#999;
			}
		/* Fecha y tags - Date and tags*/
		.post .datetags {
			text-transform:lowercase;
			font-size:0.8em;
			height:15px;
			margin:20px 0px;
			padding-bottom:10px;
			border-bottom:1px dotted #ddd;
		}
		.post .datetags a {
			text-decoration:none;
			color:#777;
		}
		.post .datetags a:hover {
			background-color:#ddd;
			color:#555;
		}
		.post .date {
			background:url('images/date.png') no-repeat;
			text-indent:20px;
			height:16px;
			float:right;
		}
		.post .tags {
			margin-left:10px;
			float:right;
			background:url('images/tag.png') no-repeat;
			text-indent:20px;
			height:16px;
		}
/* SIDEBAR / BARRA LATERAL */
#sidebar {
	background:url('images/backsidebar.jpg')  #6c0 repeat-x;
	background-color:#f7f7f7;
	padding:0px;
	font-family: "Trebuchet MS", "Tahoma";
	color:#777;
	height:100%;
	font-size:0.8em;
}
	/* Bloques / Blocks*/
	* html #sidebar .column {
		float:left;
		height:200px;
		width:16%;
		margin:0% 0.5%;
		padding:0% 1%;
		background-color:#6c0;
		background:url('images/columnseparator.jpg') no-repeat right;
	}
	#sidebar .column {
		float:left;
		min-height:200px;
		width:16%;
		margin:0% 0.5%;
		padding:0% 1%;
		background-color:#6c0;
		background:url('images/columnseparator.jpg') no-repeat right;
	}
	
	#sidebar .column h3 {
		text-transform:uppercase;
		padding:20px 2px 2px 2px;
		background:#f1f1f1;
		margin-bottom:15px;
		border-bottom:5px solid #777;
	}
	#sidebar .column h3:hover {
		background:#777;
		border-bottom:5px solid #f1f1f1;
		color:#f1f1f1;
	}
	#sidebar .column ul li {
		list-style:none;
		margin:5px 0px;
	}
	#sidebar .column  a {
		text-decoration:none;
		color:#777;
	}
	#sidebar .column a:hover {
		text-decoration:underline;
		color:#555;
	}
	#sidebar #folcsonomia {
		background:none;
	}
	
/* COmentarios del blog / blog comment */
/* Comentarios ya hechos... */
#comments {
	width:80%;
	margin:10px auto;
	font-size:0.9em;
	padding:10px;
	}
	#comments #comments-title {
		font-weight:bold;
		font-size:20px;
		text-transform:lowercase;
	}
	#comments p {
		margin:20px 20px;
		text-align:justify;
	}
	#comments ol.comments {
		margin:10px;
		list-style:none;
		}
		#comments ol.comments li {
			margin:30px 0px;
		}
		#comments ol.comments li img.avatar {
			border:1px solid #6c0;
		}
		#comments ol.comments li span.comment-author {
			font-size:22px;
			vertical-align:top;
		}
		#comments ol.comments li span.comment-meta {
			font-size:12px;
			color:#bbb;
		}
/* Formulario para comentar */
#comentar {
	width:80%;
	margin:10px auto;
	border:0px solid #eee;
	font-size:0.8em;
	padding:10px;
	}
	#commentform input {
		margin:12px 0px;
		border:1px solid #f4f4f4;
		font-size:16px;
		height:22px;
		width:80%;
		}
		#commentform input:hover {
			border:1px solid #aaa;
			
		}
		#commentform input#submit {
			margin:8px 0px;
			width:100px;
			background:#f4f4f4;
			color:#777;
		}
	#commentform textarea {
		width:100%;
		margin:12px 0px;
		border:1px solid #f4f4f4;
	}
	#commentform textarea:hover {
		border:1px solid #aaa;
		
	}
	#commentform #meta-comment  {
		float:left;
		width:30%;
	}
	#commentform #area-comment {
		float:right;
		width:70%;
	}
	
/* Navegación de artículos */	
div.alignleft {
	float:left;
}
div.alignright {
	float:right;
}

/* FOOTER / PIE DE PÁGINA */
#footer {
	background:#f7f7f7;
	font-size:0.8em;
	text-align:center;
	padding:2px;
}