/*
	Theme Name: HPNeo
	Version: 4.0
	Author: HPNeo
	Author URI: http//hpneo.com/
	Description: Theme creado para el blog de Gustavo León
*/
@charset "utf-8";
body{
	background-color:#fafafa;
	margin:0;
	font-family:'Segoe UI', 'Calibri', Arial;
	font-size: 62.5%;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#header, #body, #footer{
	display:block;
	margin:0;
	font-size:1.6em;
	overflow:hidden;
}
#header{
	background:#222222;
	padding:6px 0;
}
	#header a, #footer a{
		color:#fefefe;
	}
	#header a#title, #header ul{
		display:block;
	}
	#header a#title{
		float:left;
	}
		#header h1{
			margin:0;
			padding:0px 12px;
		}
	#header ul{
		float:right;
		list-style:none;
		margin-right:24px;
	}
	#header ul li{
		display:inline;
		margin:0 20px;
	}
#body{
	margin:0 auto;
	width:960px;
}
	.column{
		width:250px;
		margin:5px 10px;
		padding:0 10px;
		float:left;
	}
		.column .block, .column .post{
			display:block;
			overflow:hidden;
			margin:12px 0;
		}
			.column .block a, .column .post a{
				color:#333333;
			}
				.column .block a, .column .post a img{
					border:none;
				}
			.column .block a:hover, .column .post a:hover{
				color:#666666;
			}
			.column .block h2, .column .post h2{
				font-weight:normal;
				text-align:left;
				margin:0;
				padding:0;
			}
				.column .block p{}
					.column .block p img{
						display:block;
						margin:0 auto;
					}
				.column .block ul{
					margin:0;
					padding:0;
					list-style:none;
				}
					.column .block ul li{
						padding:2px;
					}
						.column .block ul li a{
							display:block;
							padding:2px 12px;
						}
	
	#body .column#content{
		width:550px;
	}
		#body .column#content .block{
			line-height:1.4em;
		}
		#body .column#content .post{
			border-bottom:#cccccc solid 1px;
		}
		#body .column#content .post #info{
			display:block;
			list-style:none;
			margin:0;
			padding:0;
			overflow:none;
		}
			#body .column#content .post #info li{
				display:block;
				float:left;
				margin:10px;
				padding:0;
			}
			#body .column#content .post #info li.read-more{
				float:right;
			}
				#body .column#content .post #info li.read-more a{
					background:#333333;
					color:#fefefe;
					padding:3px 12px;
					border-radius:12px;
					-moz-border-radius:12px;
					-webkit-border-radius:12px;
					-ms-border-radius:12px;
				}
				#body .column#content .post #info li.read-more a:hover{
					background:#000000;
					text-decoration:none;
				}
	#body .column#sidebar{
		border-left:#aaaaaa solid 1px;
	}
#footer{
	background:#222222;
	padding:24px 0;
	color:#fefefe;
}