* { margin: 0; padding: 0; }

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

.post .post-content a {
padding-bottom: 2px;
border-bottom: 1px solid #ABE2FF; 
}

a img { border: 0 }

h1 a img{
color: #fff;
font-family: Arial, Verdana, Tahoma;
font-size: 60pt;
letter-spacing: -6px;
font-weight: bold;
}

h1 a, h2 a { border: 0; border-bottom: 0; }

body {
background: #fff url(images/bg.png);
color: #222;
font-family: Verdana, Tahoma, Arial, sans-serif; /* Fuente general del blog */
font-size: 10.5pt;
padding-top: 50px;
}

#container {
width: 900px; /* Ancho del layout */
margin: 0 auto; 
height: 1%;
overflow: hidden;
}

#header { 
padding: 15px 0;
}

#wrapper {
overflow: hidden;
height: 1%; 
}

#content {
width: 60%;
float: left;
padding: 15px 18px 15px 0;
margin-bottom: 20px;
background: url(images/transp.png) -50% top repeat-y;
border-right: 10px solid #fff;
}

#sidebar {
width: 30%;
float: right;
padding: 25px 0 0px;
margin-bottom: 20px;
background: url(images/transp.png) -10% top repeat-y;
border-right: 10px solid #fff;
}

/* Header */

#header h1, #header h2 {
font-family: Georgia;
font-weight: normal;
font-size: 40pt; /* El titulo del blog, cambiar si es demasiado grande */
text-align: right;
}

#header a {
color: #111;
display: inline;
padding-bottom: 5px; 
}

/* Content */

#content .asides .title {
font-weight: bold;
font-family: "Lucida Sans", Verdana, Tahoma, sans-serif;
text-decoration: none;
}

#content .asides .comments-link a {
text-decoration: none;
background: #009ae5;
color: #fff;
padding: 3px 7px;
}

#content .asides .comments-link a:hover {
background: #B30045;
}

.post {
margin-bottom: 25px;
padding-bottom: 0px;
background: #fff;
right: 20px;
overflow: hidden;
height: 1%;
}
 
.post .post-box {
padding: 25px;
}

.post .date {
font-weight: bold;
font-family: "Lucida Sans Unicode";
font-size: 9pt;
text-transform: uppercase;
text-decoration: none;
clear: both;
padding: 5px 0 5px 65px;
margin-bottom: 5px;
color: #ff5a00;
background: url(images/date_dec.png) left no-repeat;
}

.post .date p { margin-bottom: 5px; }

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

.post h1 a, .post h2 a {
font-family: 'Lucida Grande', Arial, Verdana;
font-weight: bold;
font-size: 16pt;
color: #111;
padding: 3px 0px;
line-height: 24px;
letter-spacing: -1px;
 }

.single-post h1 a, .single-post h2 a { color: #C02506; }

.single-post h1 a:visited, .single-post h2 a:visited { color: #C02506; }

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

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

.post .postcontent { 
font-family: Verdana, Tahoma, Arial, sans-serif;
line-height: 24px;}

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

.post .postcontent a { text-decoration: underline }

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

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

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

.post .commentslink {
font-family: Arial, "Lucida Sans", Verdana, Tahoma;
font-size: 26pt;
text-transform: uppercase;
letter-spacing: 1px;
clear: both;
padding: 0px 0 5px 65px;
background: url(images/com_dec.png) 0% 45% no-repeat;
position: relative;
float: right;
right: 35px;
bottom: 15px;
font-weight: bold;
}

.post .commentslink a{
border: 0;
color: #009ae5;
}

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

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

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

#pagination { 
text-align: center;
margin: 20px 0;
padding-left: 50px;
 }

#pagination a { 
margin: 10px 30px;
}

/* Sidebar */

#sidebar .widget {
margin-bottom: 30px;
padding: 20px;
overflow: hidden;
height: 1%;
background: #fff;
width: 212px;
 }

#sidebar #about {
padding: 10px;
width: 232px;
}

#sidebar .widget .sid-title { margin-bottom: 15px; }

#sidebar .widget h4 {
padding-bottom: 5px;
font-weight: bold;
font-family: "Lucida Sans";
font-size: 9pt;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px;
display: inline;
clear: both;
background: #B30045;
color: #fff;
padding: 3px 5px;
}
 
#sidebar .widget p { 
font-size: 9pt; 
line-height: 16pt;
margin-bottom: 10px;
}

#sidebar #nav-buttons{
padding-bottom: 30px;
}

#sidebar #nav-buttons span{
font-size: 9pt;
margin-right: 10px;
}

#sidebar #nav-buttons span img{
margin-right: 3px;
margin-bottom: -10px;
}

/* Comments */

#comments .thecomment {
margin-bottom: 25px;
padding: 20px;
overflow: hidden;
height: 1%; 
background: #fff;
}

#comments h6 {
font-family: 'Lucida Grande', Verdana;
font-weight: bold;
font-size: 16pt;
letter-spacing: -1px;
text-decoration: none; 
}

#comments a { color: #009ae5; }

#comments h6 span.comment-number { 
font-weight: normal; 
font-size: 9px; 
color: #333;
position: relative;
bottom: 3px;
}

#comments .comment-date {
font-weight: bold;
font-family: "Lucida Sans Unicode";
font-size: 9pt;
text-transform: uppercase;
text-decoration: none;
clear: both;
padding: 5px 0 5px 65px;
margin-bottom: 5px;
color: #ff5a00;
border: 0;
background: url(images/date_dec.png) left no-repeat;
}

#comments .comment-date-space { 
text-align: left;
padding: 15px 0 10px 0px;
}

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

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

#postcomment {
background: #fff;
padding: 20px;
margin-bottom: 15px;
}

#postcomment .space-title { margin-bottom: 25px; }

#postcomment h4 {
padding-bottom: 5px;
font-weight: bold;
font-family: "Lucida Sans";
font-size: 9pt;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px;
display: inline;
clear: both;
background: #B30045;
color: #fff;
padding: 3px 5px;
margin-bottom: 10px;
}

#postcomment p {
margin-bottom: 10px;
line-height: 24px;
}

#comments textarea {
width: 90%;
border: 1px solid #f0f0f0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
line-height: 24px;
font-family: "Bitstream Vera Sans", Verdana, Tahoma, Arial, sans-serif;
font-size: 10.5pt;
 }

#comments #submit {
border: 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
padding: 10px;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 10.5pt;
margin-top: 5px;
color: #666;
font-weight: bold;
letter-spacing: -1px;
position: relative;
left: 377px;
 }

#comments #submit:focus, #comments #submit:active {
border: 0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
 }


#comments #author, #comments #email, #comments #url {
width: 50%;
border: 1px solid #f0f0f0;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 8px;
line-height: 18px;
font-family: "Bitstream Vera Sans", Verdana, Tahoma, Arial, sans-serif;
font-size: 10.5pt;
}

#postcomment label { font-size: 9pt; }

/* Otros */

h3, h4, h5, h6 { text-decoration: underline;}
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: block; text-align: center; margin: 0 auto;}

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

#content a.post-edit-link {
text-decoration: none;
background: #B30045;
color: #fff;
padding: 3px 5px
}