/*
Theme Name: Infancia
Author: Horacio Bella
Author URI: http://granimpetu.com
Version: 1.0
License: Creative Commons Attribution-Noncommercial-Share Alike 2.5
License URL: http://creativecommons.org/licenses/by-nc-sa/2.5/
*/

* {
margin: 0;
padding: 0;
}

a {
text-decoration: none;
color: #D19213; /* El color de los enlaces de todo el blog */
}

a img { border: 0; }

body {
background: #f8fada url(images/bg.jpg) top repeat-x;
color: #333;
font-family: Verdana, Tahoma, Arial, sans-serif; /* Fuente general del blog */
font-size: 10.5pt; }

#container {
width: 960px; /* Ancho del layout */
margin: 50px auto; 
border: 1px solid #f9e2a3;
background: #fff;
}

#header { 
padding: 0;
border: 1px solid #fff;
background: #fefff1 url(images/bg-header.png) bottom repeat-x;
overflow: hidden;
height: 120px;
}

#wrapper {
overflow: hidden;
height: 1%; 
padding-top: 15px;
}

#content {
width: 65%;
float: left;
padding: 0px 18px 15px 0;
background: url(images/line-content.png) right repeat-y;
margin-bottom: 20px; }

#sidebar {
font-size: 9pt;
width: 30%;
float: left;
padding: 15px 0;
background: url(images/line-content.png) left repeat-y;
padding-left: 18px;
margin-bottom: 20px;
position: relative;
right: 1px }

#footer {
clear: both;
overflow: hidden;
height: 1%;
padding: 15px 0;
border-top: 1px solid #000;
font-size: 8pt; }

/* Header */

#header h1, #header h2 {
font-family: Arial, Tahoma;
font-weight: normal;
font-size: 16pt; 
background: url(images/logo.png);
height: 116px;
width: 581px;
}

#header .left a {
display: block;
height: 116px;
width: 581px; 
}

#header span {
display: none;
visibility: hidden;
}

#header .left {
width: 62%;
float: left;
}

#header .right {
width: 38%;
float: left;
}

#header input {
margin-top: 10px;
margin-left: 40px;
font-family: Arial;
font-size: 14pt;
color: #e2bd55;
background: url(images/search.png);
padding: 20px 60px 20px 10px;
border: 0;
height: 24px;
width: 200px;
}

#header ul {
margin-top: 20px;
margin-left: 15px;
}

#header ul li {
display: inline;
margin: 0;
padding: 0;
}

#header ul li a {
background: url(images/navbar.png) no-repeat;
margin-right: 20px;
display: block;
float: left;
}

#header .link-inicio {
width: 47px;
height: 11px;
}
#header .right a.link-inicio:hover {
background-position: 0px -11px;
}

#header .link-archivo {
width: 66px;
height: 11px;
background-position: -90px 0px;
}
#header .right a.link-archivo:hover {
background-position: -90px -11px;
}

#header .link-enlaces {
width: 71px;
height: 11px;
background-position: -202px 0px;
}
#header .right a.link-enlaces:hover {
background-position: -202px -11px;
}

#header .link-contacto {
width: 75px;
height: 11px;
background-position: -317px 0px;
}
#header .right a.link-contacto:hover {
background-position: -317px -11px;
}

/* Content */

.ads {
text-align: center;
margin: 40px 0 80px;
}

.post {
margin-bottom: 25px;
padding: 25px;
background: url(images/line-post.png) center bottom no-repeat; 
 }

.post .date {
font-family: 'Lucida Grande', Verdana;
display: inline;
clear: both;
padding: 0px;
font-size: 7pt; }

.post .metadata {
font-family: Tahoma, Verdana;
font-size: 7pt;
font-weight: bold;
color: #666;
overflow: hidden;
height: 1%;
margin-top: 20px;
clear: both;
}

.post .metadata .left {
width: 65%;
float: left;
padding: 5px 0;
padding-left: 35px;
background: url(images/meta-icon.png) left no-repeat;
}

.post .metadata .right {
width: 25%;
float: left;
}

.metadata .left span {
display: block;
}


.metadata .right a {
position: relative;
top: 7px;
color: #666;
}

.metadata .right span {
background: url(images/comment-icon.png) center no-repeat;
height: 10px;
width: 40px;
display: block;
float: left;
font-size: 8pt;
padding: 6px 0 14px;
text-align: center;
color: #a00000;
}

.post h1, .post h2 { margin: 10px 0; }

.post h1 a, .post h2 a {
font-family: Arial,'Lucida Grande', Verdana;
font-size: 24pt;
color: #e7cd85;
display: inline;
line-height: 24px;
letter-spacing: -1.5px;
font-weight: normal;
 }

h1.single-title { margin: 20px 0; }

h1.single-title a {
font-family: Georgia;
background: none;
color: #C02506;
padding: 0;
font-size: 18pt; }

h1.single-title a:hover { border: 0; }

.post .postcontent { line-height: 20px;}

.post .postcontent p { margin-bottom: 10px; }

.post .postcontent a { color: #D19213; text-decoration: underline }

.post img { margin: 10px; padding: 2px; border: 1px solid #f9e2a3; }

.post li { margin: 5px 0 5px 15px; }

.post ul, .post ol { margin-bottom: 10px; }

.post ul li { list-style-type: square; }

.post .commentslink {
margin-top: 10px;
font-size: 7pt; }

.post .postcontent blockquote {
background: #FEFFF1;
padding: 20px;
border-left: 1px solid #F9E2A3;
margin-bottom: 10px; }

.post .postcontent .postcontent code { background: #f0f0f0; }

.post .postcontent pre {
background: #fafafa;
overflow: scroll;
padding: 5px; }

.singlepost {
margin-bottom: 0;
}

#pagination { 
margin: 30px 0 0;
text-align: center;
}

#pagination a {
font-size: 7pt;
font-family: Tahoma;
font-weight: bold;
color: #666;
background: #f8fada;
padding: 5px 10px;
margin: 0 5px;
}

/* Sidebar */

#sidebar a:hover {
background: #fefff1;
}

#sidebar .widget {
margin-bottom: 30px;
padding-bottom: 20px;
background: url(images/line-post.png) center bottom no-repeat; 
overflow: hidden;
height: 1%; }

#sidebar .widget h4 {
padding-bottom: 5px;
font-weight: bold;
text-decoration: none;
font-family: Arial;
color: #666;
font-size: 12pt;
}

.tag-cloud {
text-align: center;
}

#sidebar ul li {
padding: 3px 0;
margin: 3px 0; }

#sidebar ol li {
margin: 3px 0 3px 20px;
padding: 3px 0; }

#sidebar p, .textwidget {
line-height: 20px;
margin-bottom: 10px; }

#sidebar input#s {
border: 1px solid #000;
padding: 5px;
font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif;
font-size: 9pt;
width: 50%;
margin-right: 5px;
margin-top: 5px; }

#sidebar input#searchsubmit {
border: 1px solid #000;
border-top: 1px solid #fafafa;
border-left: 1px solid #fafafa;
background: #eee;
padding: 4px 5px;
font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif;
font-size: 9pt;
margin-top: 5px; }

/* Footer */

#footer .left {
width: 50%;
float: left; }

#footer .right {
width: 50%;
float: left;
text-align: right; }

/* Comments */

#comments {
padding: 20px 20px 0;
}

#commentlist {
margin-top: 25px;
margin-bottom: 20px;
}

#comments .thecomment {
margin-bottom: 25px;
padding-bottom: 25px;
background: url(images/line-post.png) bottom repeat-x;
overflow: hidden;
height: 1%; }

#comments h6 {
font-size: 12pt;
text-decoration: none;
font-family: Arial;
display: inline;
margin-right: 10px;
 }

#comments h6 span.comment-number { font-weight: normal; font-size: 7pt; font-family: Tahoma; }

#comments .infocomment {
font-size: 7pt;
line-height: 20px; 
font-family: Tahoma;
}

#comments .commentcontent { margin-top: 10px; }

#comments .commentcontent p {
line-height: 18px;
margin-bottom: 10px; }

#comments p {
line-height: 18px;
margin-bottom: 10px; }

#comments textarea {
width: 80%;
border: 1px solid #D19213;
padding: 5px;
line-height: 18px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 9pt;
color: #333;
 }

#comments #submit {
border: 0;
background: url(images/comentar.png);
height: 45px;
width: 110px;
font-family: Tahoma;
font-weight: bold;
font-size: 7pt;
color: #B13C3C;
margin-top: 5px;
padding-bottom: 2px;
margin-left: 290px;
text-transform: uppercase;
 }

#comments #author, #comments #email, #comments #url {
width: 50%;
border: 1px solid #D19213;
padding: 5px;
line-height: 18px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 9pt; 
color: #333;
}

#comments h4 {
text-decoration: none;
font-family: Arial;
font-size: 14pt;
background: url(images/comment-icon.png) 22% top no-repeat;
clear: both;
padding: 5px 45px 5px 0;
margin-bottom: -10px;
}

.start-comments {
margin-top: 20px;
}

#postcomment, #postcomment p, #postcomment form {
margin-top: 25px;
}

#comments label {
font-size: 7pt;
font-family: Tahoma;
}

#postcomment {
padding-left: 85px;
padding-top: 20px;
}

/* Calendario */

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a { display: block;	}

#wp-calendar caption {
text-align: center;
width: 100%;
margin-top: -30px;
}

#wp-calendar td {
padding: 7px 8px;
text-align: center;
}

/* Otros */

h3, h4, h5, h6 {}
h4 {margin-bottom: 10px; font-size: 9pt; font-weight: normal; }

.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-right: 10px;}
.aligncenter {clear: both; display: inline; text-align: center; margin: 0 auto;}

.display-info {margin-bottom: 20px; font-size: 8pt;}

.rssicon { position: absolute; top: 5px; right: 5px; padding: 5px}

#wpcf label {
display: block;
margin-top: 15px; 
}