/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

ol,ul {
list-style: none;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

q:before,q:after {
content: '';
}

input.text,
textarea {
border: 1px solid gray;
}

/* ^^^^^^^^^ reset ^^^^^^^^^ */ 


a,
a:visited {
color: #6AA225;
text-decoration: underline;
}

a:hover,
a:visited:hover {
color: #88ee0b;
text-decoration: underline;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

textarea {
padding: 2px;
}




body {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
background-color: #464646;
color: #c1c1c1;
}


#layout {
text-align: center;
z-index: 1;
}

#header {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
padding: 30px 40px;
height: 60px; /* 120 - 60 */
}

#header h1 {
letter-spacing: 1px;
font-size: 26px;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin-bottom: 5px;
}

#header h1 a,
#header h1 a:visited {
color: #e0e0e0;
text-decoration: none;
}

#header h1 a:hover,
#header h1 a:visited:hover {
color: #6AA225;
text-decoration: none;
}

#header p.description,
#header p.description a,
#header p.description a:hover {
font-size: 14px;
color: #aaa;
text-decoration: none;
cursor: default;
}


#pages-navigation {
position: absolute;
top: 40px;
right: 40px;
}

#pages-navigation li {
font-size: 10px;
list-style-type: disc;
list-style-position: outside;
margin-left: 10px;
margin-bottom: 0;
}

#pages-navigation a {
letter-spacing: 0.5px;
font-size: 12px;
color: #a4a4a4;
text-decoration: none;
}

#pages-navigation a:visited {
color: #b0c09b;
}

#pages-navigation a:hover,
#pages-navigation a:visited:hover {
color: #6AA225;
}

#pages-navigation a span.comentarios {
position: absolute;
}





#article {
font-size: 14px;
margin: 0 auto;
text-align: left;
width: 614px;
z-index: 10;
position: relative;
}

#article h1 {
background-image: url(images/fondos/area_principal_superior.png);
padding-top: 70px;
padding-left: 64px;
padding-right: 70px;
padding-bottom: 0;
margin-top: 20px;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-size: 180%;
color: #428529;
}

#article div.content,
#article p.date {
background-image: url(images/fondos/area_principal_central.png);
background-repeat: repeat-y;
}

#article p.date {
color: #aaa;
position: absolute;
top: 1.5em;
right: 0;
background-image: none;
}

#article div.content {
color: #262626;
padding: 1em 0;
}

#article blockquote,
#article p,
#article ul,
#article ol,
#article dl,
#article h2,
#article h3,
#article h4,
#article h5 {
padding-left: 64px;
padding-right: 70px;
line-height: 160%;
letter-spacing: 0.5px;
margin-top: 1em;
margin-bottom: 1em;
}

#article blockquote {
background-image: url(images/fondos/quotation.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 100px;
font-style: italic;
color: #464646;
}

#article blockquote p {
padding-left: 0;
padding-right: 0;
}




#article h2 {
margin-top: 1.5em;
font-size: 125%;
color: #3f3f3f;
font-weight: bold;
}

#article h3 {
margin-top: 1.5em;
font-size: 110%;
color: #363636;
font-weight: bold;
}

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

#article div.content ul {
list-style-type: disc;
}

#article div.content ol {
list-style-type: decimal;
}



#article a,
#article a:visited {
color: #31701a;
text-decoration: underline;
}

#article a:hover,
#article a:visited:hover {
color: #459c24;
text-decoration: underline;
}

#article div.additional-information {
background-image: url(images/fondos/area_principal_inferior.png);
height: 164px;
position: relative;
color: #999;
}

#article div.additional-information p {
margin-bottom: 1em;
}

#article div.additional-information p.number-of-comments {
margin-top: 0;
}

#article div.additional-information p.categories {
float: right;
font-size: 11px;
}

#article div.additional-information p.tags {
clear: right;
float: right;
font-size: 11px;
}

code {
font-size: 13px;
padding: 0;
margin: 0;
background: #f0f0f0;
border: 1px solid #ccc;
line-height: 20px;
width: 430px;
overflow: auto;
overflow-x: auto;
overflow-Y: hidden;
padding: 18px 20px;
display: block;
color: #333333;
}





div.articles {
text-align: left;
background-image: url(images/fondos/area_secundaria_central.gif);
background-color: #606060;
width: 50%;
z-index: 2;
/*
min-height: 200px;
*/
font-size: 11px;
}



#previous-articles {
position: absolute;
top: 120px;
left: 0;
}

#previous-articles h2,
#previous-articles ul {
background-image: url(images/fondos/area_secundaria_izq.gif);
background-repeat: no-repeat;
padding-right: 320px;
padding-left: 20px;
}

#previous-articles h2 {
background-position: top right;
}

#previous-articles ul {
background-image: none;
}

#previous-articles ul:last-child,
#previous-articles ul:only-child {
background-position: bottom right;
background-image: url(images/fondos/area_secundaria_izq.gif);
background-repeat: no-repeat;
}

#previous-articles h3 {
padding-right: 320px;
padding-left: 20px;
}

#post-articles {
position: absolute;
top: 120px;
right: 0;
}

#post-articles h2,
#post-articles ul {
background-image: url(images/fondos/area_secundaria_der.gif);
background-repeat: no-repeat;
padding-left: 320px;
padding-right: 20px;
}

#post-articles h2 {
background-position: top left;
}

#post-articles ul {
background-image: none;
}

#post-articles ul:last-child,
#post-articles ul:only-child {
background-position: bottom left;
background-image: url(images/fondos/area_secundaria_der.gif);
background-repeat: no-repeat;
}

#post-articles h3 {
padding-left: 320px;
padding-right: 20px;
}

div.articles h3 {
margin-bottom: 0.5em;
}

div.articles h2 {
color: #fff;
font-size: 14px;
margin-bottom: 1em;
padding-top: 30px;
}

div.articles ul {
padding-bottom: 0.5em;
}

div.articles ul:last-child,
div.articles ul:only-child {
padding-bottom: 3em;
}


div.articles ul li {
list-style-type: disc;
list-style-position: outside;
margin-left: 10px;
margin-bottom: 0.5em;
}

div.articles a {
color: #a4a4a4;
text-decoration: none;
}

div.articles a:visited {
color: #b0c09b;
}

div.articles a:hover,
div.articles a:visited:hover {
color: #6AA225;
}

div.articles a span.comentarios {
position: absolute;
}

div.articles a span.numero {
font-size: 10px;
background-image: url(images/fondos/bocadillo.gif);
display: block;
height: 14px;
line-height: 14px;
width: 17px;
padding-left: 7px;
text-align: center;
background-color: #546f33;
color: #eee;
}

/* Comments */

#comments {
width: 564px; /* 614px; */
margin: 0 auto;
text-align: left;
position: relative;
}

#comments h3 {
color: #B0C09B;
font-size: 150%;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin: 1em 0;
}

#comments li {
position: relative;
padding: 0 40px;
margin-bottom: 25px;
border-bottom: 1px dotted #777;
font-size: 14px;
line-height: 1.5em;
}

#comments li:last-child {
border-bottom: none;
margin-bottom: 3em;
}



#comments p.comment-permalink {
position: absolute;
top: 0;
right: 534px;
margin-top: 0;
font-size: 11px;
line-height: 1.9em;
}

#comments p.comment-permalink a,
#comments p.comment-permalink a:visited {
color: #B0C09B;
text-decoration: none;
}

#comments p.comment-permalink a:hover,
#comments p.comment-permalink a:visited:hover {
text-decoration: underline;
}

#comments li img.avatar {
position: absolute;
top: 0;
right: 40px;
}

#comments li p {
margin: 1em 0;
}

#comments .comment-author cite.fn {
font-weight: bold;
}

#comments .comment-author cite.fn a {
color: #6AA225;
text-decoration: none;
}

#comments .comment-author cite.fn a:visited {
color: #b0c09b;
text-decoration: none;
}

#comments .comment-author cite.fn a:hover,
#comments .comment-author cite.fn a:visited:hover {
color: #6AA225;
text-decoration: underline;
}

#comments p.comment-date {
text-align: right;
position: absolute;
top: 0;
right: 90px;
margin-top: 0;
}


#comments p.comment-edition {
text-align: right;
}

#comments div.comment {
margin-bottom: 2em;
color: #eee;
letter-spacing: 0.5px;
}

#comments div.comment a,
#comments div.comment a:visited {
color: #6AA225;
text-decoration: none;
}

#comments div.comment a:hover,
#comments div.comment a:visited:hover {
color: #6AA225;
text-decoration: underline;
}

#comments div.comment blockquote {
margin-left: 2em;
margin-right: 2em;
font-style: italic;
color: #ccc;
}

#comments li.comment-author-admin {

}

#respond {
text-align: left;
margin-bottom: 3em;
}

#respond p {
line-height: 230%;
}

#comment {
width: 560px; /* 564 - 4 */
}


/* Pings */

#pings {
border-top: 1px dotted #777;
width: 564px;
padding-left: 25px;
padding-right: 25px;
margin: 0 auto 3.5em auto;
text-align: left;
position: relative;
}

#pings h3 {
color: #B0C09B;
font-size: 150%;
font-family: "Georgia", "Times New Roman", "Times", serif;
margin: 2em 0 1em 0;
}

#pings ol {
list-style-position: outside;
list-style-type: decimal;
margin-left: 1.5em;
}

#pings li {
position: relative;
line-height: 1.5em;
color: #B0C09B;
}

#pings li span {
color: #c1c1c1;
}






/* Footer */

#footer {
position: relative;
padding: 5em 0 5em 0;
font-size: 10px;
color: #888;
background-color: #3f3f3f;
text-align: center;
}

#footer p {
margin: 0 auto;
width: 564px;
text-align: left;
line-height: 150%;
}

#footer p.powered-by {
width: auto;
position: absolute;
right: 40px;
bottom: 1.5em;
font-style: italic;
}