/*
Theme Name: Pablo Pando
Author: Beew
Author URI: http://holabeew.com
Version: 1.0
*/

* {
margin: 0;
padding: 0;
}

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

a:visited {color: #999;}

a img { border: 0; }

body {
background: #fff;
color: #222;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif; /* Fuente general del blog */
font-size: 62.5%; }

/* Macro */

#header {
background: #eee;
padding: 20px 0;
overflow: hidden;
height: 1%;
border-bottom: 1px solid #ddd;
}

#wrapper {
padding: 25px 0;
overflow: hidden;
height: 1%;
}

#content {
width: 640px;
float: left;
}

#sidebar {
width: 300px;
float: left;
margin-left: 20px;
}

#footer {
margin-top: 40px;
padding: 20px 0 15px;
clear: both;
background: #efefef;
overflow: hidden;
height: 1%;
border-top: 1px solid #ddd;
}

/* Header */

#header h1, #header h2 {
font-size: 25pt;
letter-spacing: -2px;
position: relative;
top: 6px;
}

#header h1 a, #header h2 a {
display: block;
height: 59px;
width: 271px;
background: url(images/logo.png)
}

#header h1 a span, #header h2 a span{
visibility: hidden;
}

#header ul {
background: #414141;
padding: 22px 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
}

#header ul li {
list-style-type: none;
display: inline;
font-family: Lucida Grande;
font-weight: bold;
font-size: 11pt;
letter-spacing: -0.5px;
}

#header ul li a {
padding: 5px 8px;
margin-left: 15px;
color: #fff;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
}

#header ul li a:hover {background: #c74e1a;}

/* Content */

#content h2, #content h1 {
margin-bottom: 20px;
line-height: 35px;
width: 90%;
}

#content h3 {
font-size: 20pt;
margin-bottom: 20px;
line-height: 100%;
}

#content .post ul, #content .post ol {list-style-position: inside;}

#content .post-list ul {
font-size: 1.2em;
list-style-type: none;
}

#content .post-list ul li {margin-bottom: 10px;}

#content .post {
margin-bottom: 50px;
}

.post .meta {
color: #fff;
font-size: 1.1em;
margin: -5px 0 15px;
padding: 8px 10px 12px;
background: #444;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
}

.post .meta img {
position: relative;
top: 3px;
margin-right: 7px;
}

.post .meta .date {
float: left;
background: #c74e1a;
padding: 8px 10px 11px 15px;
margin: 0 10px 0 -10px;
position: relative;
bottom: 8px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.post .meta .author {margin-right: 15px;}

.post .comments-bubble a{
float: right;
display: block;
background: url(images/comments_bubble.png);
width: 48px;
height: 44px;
text-align: center;
position: relative;
bottom: 31px;
right: 15px;
line-height: 34px;
font-size: 1.4em;
font-weight: bold;
color: #444;
text-shadow: 0px 1px 1px #fff;
}

.post .meta a {color: #fff;}

.post h2 a, .post h1 a, .post h1 {
font-size: Lucida Grande;
font-size: 28pt;
letter-spacing: -3.5px;
color: #444;
}

.post .post-content {font-size: 1.3em;}

.post .post-content p {
line-height: 170%;
margin-bottom: 12px;
}

.post .post-content blockquote {
line-height: 170%;
margin-bottom: 12px;
padding: 10px 10px 10px 30px;;
background: #fafafa;
border-left: 1px solid #f0f0f0;
}


.post .bottom-post {
margin-top: 25px;
background: #f2f2f2;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
padding: 10px;
overflow: hidden;
height: 1%;
}

.post .bottom-post .tags {
float: left;
width: 67%;
}

.post .bottom-post .comments {
float: right;
width: 33%;
}

.post .bottom-post img {
position: relative;
top: 3px;
margin-right: 7px;
}

#pagination {text-align: right;}

#pagination a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #c74e1a;
color: #fff;
padding: 10px;
margin-left: 20px;
}

.post .share {
padding: 20px 10px;
font-size: 1.1em;
}

.post .related {
font-size: 1.1em;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #fafafa;
padding-bottom: 15px;
}

.post .related p {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #f2f2f2;
padding: 10px;
}

.post .related li {
list-style-type: none;
margin: 0 10px;
padding: 10px 10px 10px 25px;
border-bottom: 1px dashed #ddd;
background: url(images/bullet_star.png) 3px no-repeat;
}

.post .related li a {color: #888;} 

.post .share img, .post .related img {
position: relative;
top: 3px;
margin-right: 7px;
}

.archive-display {margin: 10px 0 20px;}

.archive-display span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #f2f2f2;
padding: 10px;
font-size: 1.1em;
color: #444;
text-shadow: 1px 1px #fff;
}

/* Sidebar */

#sidebar .widget {
font-size: 1.2em;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 0px solid #ddd;
}

#sidebar h4 {
font-size: 14pt;
letter-spacing: -1.8px;
color: #444;
margin-bottom: 15px;
}

#sidebar #about {
overflow: hidden;
height: 1%;
margin-bottom: 0;
}

#sidebar #about p {
margin-bottom: 10px;
line-height: 140%;
}

#sidebar #about img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#sidebar #follow {
text-align: center;
border-bottom: 1px dashed #ddd;
border-top: 1px dashed #ddd;
padding: 10px 0;
}

#sidebar #follow li {
list-style-type: none;
display: inline;
margin-right: 10px;
}

#twitter-updates li {
list-style-type: none;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #ddd;
line-height: 150%;
}

#twitter-updates p {
padding: 10px 0;
}

#sidebar #flickr-photos img {
padding: 5px;
margin: 0 13px 13px 0;
border: 1px solid #ddd;
}

#sidebar ul li {
list-style-type: none;
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px dashed #ccc;
}

#sidebar .widget #s {
margin-left: 8px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #fafafa;
border: 1px solid #d4dbdf;
padding: 6px 7px;
color: #999c9e;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;   
font-size: 1.25em;
font-weight: bold;
letter-spacing: -.7px;
text-shadow: 1px 1px #fff;
width: 120px;
}

#sidebar .widget #searchsubmit {
margin-left: 8px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #e9f1f5;
border: 1px solid #d4dbdf;
padding: 5px 7px;
color: #999c9e;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;   
font-size: 1.25em;
font-weight: bold;
letter-spacing: -.7px;
text-shadow: 1px 1px #fff;
}

#sidebar .widget .rc_item {
padding: 12px 0;
line-height: 160%;
}

#sidebar .widget #rc_nav {
border: 0;
padding-top: 20px;
}

#sidebar #rc_nav a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #c74e1a;
color: #fff;
padding: 10px;
margin-left: 20px;
display: inline;
font-size: 0.8em;
}

#sidebar .blogroll, .widget ul {
overflow: hidden;
height: 1%;
}

#sidebar .blogroll li, .widget li.cat-item {
width: 45%;
float: left;
margin-right: 5% !important;
display: block;
}


/* Comments */

#comments h4 {
margin-bottom: 15px;
font-size: 18pt;
letter-spacing: -2px;
}

#comments #comment-list {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #fafafa;
padding: 20px;
font-size: 1.2em;
margin-bottom: 25px;
}

#comments .the-comment {
margin-bottom: 20px;
overflow: hidden;
height: 1%;
}

#comments .the-comment .gravatar {
float: left;
width: 10%;
}

#comments .the-comment .comment-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #fff;
padding: 10px;
float: right;
width: 85%;
}

#comments .the-comment .admin-comment {
background: #e9f1f5;
}

#comments .info-comment {
margin-bottom: 10px;
color: #666;
}

#comments .comment-content {
overflow: hidden;
height: 1%;
}

#comments .comment-content p {
line-height: 150%;
margin-bottom: 10px;
}

#comments .comment-content .replyto {
float: right;
margin-top: 15px;
}

#comments .comment-content .from-twitter{
float: right;
margin-top: 15px;
padding-right: 5px;
font-style: italic;
color: #666;
}

/* Comment Form */

#postcomment {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #fafafa;
padding: 20px;
padding-right: 0;
font-size: 1.2em;
overflow: hidden;
height: 1%;
}

.the-comment-author, .the-comment-email, .the-comment-url {
width: 26.5%;
float: left;
}

.the-comment-author input, .the-comment-email input, .the-comment-url input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border: 1px solid #ededed;
background: #fff;
width: 135px;
padding: 5px;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;        
}

.the-comment-author {
background: url(images/comment_user.png) left bottom no-repeat;
padding-left: 40px;
}

.the-comment-email {
background: url(images/comment_mail.png) left bottom no-repeat;
padding-left: 40px;
}

.the-comment-url {
background: url(images/comment_url.png) left bottom no-repeat;
padding-left: 40px;
}

#postcomment label {
display: block;
color: #999;
font-size: 0.9em;
margin-bottom: 3px;
}

#postcomment textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border: 1px solid #ededed;
background: #fff;
width: 562px;
padding: 15px;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;   
margin-top: 25px;
}

#postcomment #submit {
float: right;
margin: 20px 25px 0;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background: #e9f1f5;
border: 1px solid #d4dbdf;
padding: 8px 25px;
color: #999c9e;
font-family: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;   
font-size: 1.25em;
font-weight: bold;
letter-spacing: -.7px;
text-shadow: 1px 1px #fff;
}

#postcomment #submit:hover {
border: 1px solid #a2bdcc;
color: #a2bdcc;
}

/* Footer */

#footer p {
margin-bottom: 5px;
font-size: 1.1em;
color: #666;
text-shadow: 1px 1px #fff;
}

#footer .beew p {margin-top: 10px;}

/* 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 */

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

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