/*
      Theme Name: Blog El Escapararte
      Theme URI: http://blog.elescapararte.com
      Version: 1.0
      Author: Nextline
      Author URI: http://www.nextline.es
*/

/* FIXES */
*, html { 
	margin:0; 
	padding:0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END FIXES */
body {
	font-family:"Arial", "Helvetica", "Tahoma";
	font-size:0.75em;
	background:#E9EAEC;
	color:#002f58;
}

a {
	text-decoration:none;
	color:#379FDF;
	font-family: "Trebuchet MS", "Helvetica", "Tahoma";
}
#header {
	width:980px;
	height:152px;
	padding-top:1px;
	margin:10px auto;
	background:url('imagenes/background-header.jpg') no-repeat;
}
	#header h1 {
		background:url('imagenes/logo.jpg') no-repeat;
		width:416px;
		height:98px;
		margin:20px 50px;
	}
		#header h1 a {
			width:416px;
			height:98px;
			display:block;
			text-indent:-9999999px;
		}
	#container {
		width:980px;
		margin:0px auto;
		background:#fff;
	}
	
	#sidebar {
		float:left;
		width:160px;
		min-height:300px;
		border-left:1px dotted #ccc;
		padding:10px 20px;
	}
		#sidebar h2 {
			text-transform:uppercase;
			font-size:14px;
			margin-bottom:10px;
		}
		#sidebar ul {
			margin:10px 0px 10px 20px;
		}
		#sidebar .sidebar-block {
			margin-bottom:20px;
		}
		
	#content {
		float:left;
		width:715px;
		padding:15px 30px 0px 30px;
		background:url('imagenes/content.png') repeat-y;
	}
	#content p {
		margin:10px 0px;
		line-height:19px;
	}
	#content ul, #content ol {
		margin:10px 20px;
	}
	#content .proyecto {
		width:148px;
		height:148px;
		overflow:hidden;
		float:left;
		margin:5px;
		text-align:center;
	}
	#content h2 {
		font-size:1.9em;
	}
	#content .proyecto h3 {
		font-size:0.9em;
		font-weight:normal;
		margin-bottom:4px;
		height:25px;
	}
	#content .proyecto img {
		border:0px none transparent;
	}
	#content-footer {
		width:699px;
		height:62px;
		background:url('imagenes/content-footer.png') no-repeat;
	}
	
	#footer {
		font-size:0.85em;
		text-align:center;
		color:#666;
		margin:20px auto;
	}
	
	#comments {
		width:90%;
		margin:10px auto;
		padding:10px;
		}
		#comments #comments-title {
			font-weight:bold;
			font-size:17px;
			text-transform:lowercase;
			color:#379FDF;
			
		}
		#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:16px;
				vertical-align:top;
				color:#555;
				
			}
			#comments ol.comments li span.comment-meta {
				font-size:12px;
				color:#bbb;
			}
	/* Formulario para comentar */
	#comentar p {
		line-height:10px;
		margin:0px;
	}
	#comentar {
		width:90%;
		margin:10px auto;
		padding:10px;
		}
		#commentform input {
			margin:12px 0px;
			border:1px solid #aaa;
			font-size:16px;
			height:22px;
			width:80%;
			}
			#commentform input:hover {
				border:1px solid #777;

			}
			#commentform input#submit {
				margin:8px 0px;
				width:100px;
				font-size:0.9em;
				background:none;
				color:#777;
			}
		#commentform textarea {
			width:100%;
			margin:12px 0px;
			border:1px solid #aaa;
		}
		#commentform textarea:hover {
			border:1px solid #777;

		}
		#commentform #meta-comment  {
			float:left;
			width:30%;
		}
		#commentform #area-comment {
			float:right;
			width:70%;
		}
	
		.post .datetags {
			text-transform:lowercase;
			font-size:0.9em;
			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;
		}