/*  
Theme Name: ABC
Theme URI: http://www.abccomunicacion.com/blog/
Description: Tema para nuestro blog.
Version: 1.0
Author: Alejandro Prieto
Author URI: http://www.abccomunicacion.com/

*/

/* ---------------------------------------------------
	Reseteo
--------------------------------------------------- */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}
html, body {
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
a img, :link img, :visited img {
	border:none
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* --------------------------------------------------- 
	Estilos generales
--------------------------------------------------- */
body {
	font: 62.5% "Trebuchet MS", Arial, sans-serif;
	/*background: url(img/fnd-contenedor.png) repeat-x center bottom;*/
	color: #6d6f71;
}
a {
	color: #e6c22a;
}
h2 {
	font-size: 4.2em;
}
h3 {
	font-size: 3.2em;
}
h4 {
	font-size: 2.7em;
}
p {
	font-size: 1em;
}
form small, p small {
	font-size: 1em !important;
}
h1 span, 
h2 span {
	display: none;
}
/* ---------------------------------------------------
	Estructura
--------------------------------------------------- */
#principal {
	background: url(img/nubes.jpg) no-repeat center 4em fixed;
}
#encabezado {
	padding: 2em 4em 2.5em;
}
#contenedor {
	width: 99.6em;
	margin: 0 auto;
}
#encabezado-blog {
	width: 19.7em;
	padding: 3.6em 3.5em 0 7.5em;
	float: left;
}
#contenido {
	margin-left: 31em;
	padding-top: 5em;
}
#sidebar {
	float: right;
	width: 18.4em;
	padding-right: 4em;
}
#pie {
	clear: both;
	text-align: center;
}
.post {
	width: 44em;
}
/* ---------------------------------------------------
	Diseño
--------------------------------------------------- */
#encabezado h1 {
	float: left;
	width: 282px;
	height: 38px;
	background: url(img/logo.png) no-repeat;
}
h1.titulo-blog a {
	display: block;
	width: 187px;
	height: 137px;
	background: url(img/logo-blog.png) no-repeat center;
}
p.desc-blog {
	font-size: 1.4em;
	line-height: 1.6em;
}
.post-titulo {
	position: relative;
}
.post h2 {
	padding-bottom: 0em;
}
.metadata{
	margin-top: .8em;
	padding: .4em;
	font-size: 1.2em;
	border: #ccc 1px dotted;
	border-left: none;
	border-right: none;
}
.metadata .comments {
	float: right;
	padding-left: 1.4em;
	background: url(img/ico-comments.png) no-repeat;
}
.metadata .fecha {
	padding-top: .4em;
}
.metadata a:hover {
	text-decoration: underline;
}
#encabezado-blog a, 
.post h2 a {
	color: inherit;
}
.post h2 a:hover {
	color: #e6c22a;
}
.entrada {
	margin-bottom: 2.4em;
	padding: 1.2em .4em 0;
	border-bottom: #ccc 1px dotted;
}
.entrada h3 {
	margin-bottom: .2em;
}
.entrada p {
	line-height: 1.4em;
}
.entrada p, 
.entrada ol, 
.entrada ul {
	font-size: 1.4em;
	line-height: 1.6em;
	padding-bottom: .8em;
}
.entrada ol, 
.entrada ul {
	padding-left: 1em;
}
.entrada ol {
	list-style: decimal;
}
.entrada ul {
	list-style: disc;
}
.entrada li {
	line-height: 1.4em;
}
.entrada img {
	clear: left;
	float: left;
	margin: 0 .6em .6em 0;
}
.entrada table {
	width: 100%;
	margin-bottom: .8em;
	border-collapse: separate;
	border-spacing: .2em;
	font-size: 1.4em;
}
.entrada table th, 
.entrada table td {
	padding: .4em;
}
.entrada table th {
	background-color: #ffeb9f;
}
.entrada table td {
	background-color: #eee;
}
.entrada a:hover {
	text-decoration: underline;
}
#paginacion {
	margin-top: 1em;
	padding: .4em 0;
	font-size: 1.4em;
}
.more-link {
	display: block;
	margin-top: .8em;
}
/*
#searchsubmit {
	width: 6em;
}
#s {
	width: 8em;
}
*/
/* ---------------------------------------------------
	Menu
--------------------------------------------------- */
#menu {
	float: right;
	height: 3.3em;
	width: 45.5em;
	padding-top: 0.8em;
	background: url(img/botonera.png) no-repeat top;
}
#menu li {
	display: inline;
	margin-left: 2.2em;
}
#menu li a {
	color: #6d6f71;
	font-size: 1.4em;
	text-decoration: none;
}
#menu li a:hover {
	color: #e6c22a;
	padding-bottom: 0.4em;
	padding-top: 0.3em;
}
/* ---------------------------------------------------
	Submenus
--------------------------------------------------- */
#sidebar ul {
	float: left;
	padding-top: 5em;
}
#sidebar ul h2 {
	font-size: 1.8em;
	line-height: 1.6em;
	padding-bottom: .2em;
}
#sidebar ul li a {
	color: #6d6f71;
	text-decoration: none;
	padding-left: 0.8em;
	background: url(img/flecha-submenu.png) no-repeat left 0.1em;
}
#sidebar ul li a:hover {
	color: #e6c22a;
	text-decoration: none;
}
#sidebar ul li ul {
	float: none;
	padding-top: 0;
	padding-bottom: 2em;
}
#sidebar ul li ul li {
	font-size: 1.2em;
	padding-bottom: .6em;
}
#searchform {
	padding-bottom: 2em;
}
#tag_cloud a {
	background: none !important;
	padding: 0 !important;
}
/* ---------------------------------------------------
	Comentarios
--------------------------------------------------- */
.comments-template{
	margin: 1em 0 0;
	border-top: 1px dotted #ccc;
	padding: 1em 0 0;
	clear:left;
}
.comments-template ol{
	margin: 0;
	padding: 0 0 1.6em;
	font-size: 1em;
	list-style: none;
}
.comments-template ol li{
	margin: 1em 0 0;
	line-height: 1.8em;
	padding: 0 0 1em;
	border-bottom: 1px dotted #ccc;
}
.comments-template h2, .comments-template h3{
	font-size: 1.8em;
}
.comments-template p{
	font-size: 1.4em;
}
.comments-template p.nocomments{
	padding: 0;
}
.commentmetadata {
	margin-bottom: 1em;
	font-size: 1.2em;
}
.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 1.2em;
}
form label {
	display: block;
	font-size: 1.2em;
}
form small {
	font-style: italic;
}
form div {
	padding: .4em 0;
}