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

/* General */

* {
margin: 0;
padding: 0;
}

a {
color: #a75656;
text-decoration: none;
}

a:hover {
color: #7F2727;
}

a img {
border: 0;
}

/* Macro */

body {
text-align: center;
background: #ded6cb url(images/bg.png) top center no-repeat;
color: #333;
font-family: Georgia, Cambria, Arial, serif;
font-size: 62.5%;
padding-top: 10px;
}

#macro {
overflow: hidden;
height: 1%;
background: url(images/bg_bottom.png) bottom center no-repeat;
}

#container {
margin: 0 auto;
text-align: left;
width: 960px;
}

#wrapper {
background: #fff;
border: 1px dashed #c5beb6;
border-bottom: 0;
padding: 20px;
overflow: hidden;
height: 1%;
}

#content {
width: 65%;
float: left;
}

#wrapper .home {
margin-top: 25px;
}

#sidebar {
width: 32%;
float: right;
}

#ads-space {
border: 1px dashed #c5beb6;
border-top: 0;
background: #faf9f7;
padding: 20px;
text-align: right;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.1em;
}

/* Header */

#header {
background: url(images/logo.png) top left no-repeat;
overflow: hidden;
height: 1%;
clear: both;
margin-bottom: 0;
}

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

#header h1 span, #header h2 span {
display: none;
}

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

#header .right {
width: 48%;
float: right;
background: url(images/bg_navbar.png) left top;
}

#navbar li {
display: inline;
list-style-type: none;
}

#navbar a {
display: block;
float: left;
background: url(images/navbar.png) left top;
height: 90px;
border: 0px solid #000;
}

#navbar a span {
display: none;
}

#navbar #navbar-themes {
margin-left: 10px;
margin-right: 10px;
width: 110px;
background-position: -10px 0;
}

#navbar #navbar-plugins {
margin-right: 5px;
width: 110px;
background-position: -130px 0;
}

#navbar #navbar-autor {
margin-right: 14px;
width: 92px;
background-position: -245px 0;
}

#navbar #navbar-contacto {
width: 100px;
background-position: -351px 0;
}

/* Home */

#ultimo-post, .single .post {
padding:  11px 16px 11px 10px;
background: url(images/lines-section.png) top no-repeat;
text-align: center;
margin-bottom: 25px;
}

#ultimo-post .section, .single .post .section {
text-align: left;
background: #faf9f7;
padding: 20px;
}

.single .post .white-section {
text-align: left;
background: #fff;
padding: 20px;
overflow: hidden;
height: 1%;
}

.single .post .white-section h2{
margin-bottom: 10px;
}

#ultimo-post h2, .single .post h2 {
font-size: 3.8em;
font-weight: normal;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
}

#ultimo-post h2 a, .single .post h2 a{
color: #c8c2b7;
}

.section .date {
color: #989898;
font-size: 1.1em;
font-style: italic;
letter-spacing: 0.1em;
margin-top: 5px;
margin-bottom: 15px;
background: url(images/i_date.png) left no-repeat;
padding: 8px 0 8px 45px;
}

.section .date a {
text-transform: uppercase;
font-style: normal;
font-size: 0.9em;
}

#ultimo-post .imagen-articulo img {
background: #fff;
padding: 5px;
position: relative;
right: 35px;
border: 1px solid #cdc1b1;
margin-bottom: 20px;
margin-right: -50px;
}

.post .post-content img {
margin: 5px;
}

.post img.horiz {
background: #fff;
position: relative;
right: 33px;
margin: 0 0 20px 0 ;
}

.post img.borde {
padding: 5px;
border: 1px solid #cdc1b1;
}

#ultimo-post .post-content, .single .post .post-content {
font-size: 1.3em;
line-height: 18pt;
margin-bottom: 15px;
}

.section .meta {
color: #989898;
font-size: 1.1em;
font-style: italic;
letter-spacing: 0.1em;
background: url(images/i_read-more.png) left no-repeat;
padding: 8px 0 8px 45px;
}

.section .comments-number {
color: #989898;
font-size: 1.1em;
font-style: italic;
letter-spacing: 0.1em;
background: url(images/i_type.png) left no-repeat;
padding: 9px 0 9px 45px;
}

.section .meta a {
text-transform: uppercase;
font-style: normal;
font-size: 0.9em;
}

.ver-mas, .share {
color: #989898;
font-size: 1.1em;
font-style: italic;
letter-spacing: 0.1em;
background: url(images/i_ver-mas.png) left no-repeat;
padding: 9px 0 9px 45px;
text-align: left;
margin-top: 10px;
margin-left: 20px;
}

.share {
background: url(images/i_send.png) left no-repeat;
}

.ver-mas a, .share a {
text-transform: uppercase;
font-style: normal;
font-size: 0.9em;
}

#ideas-breves {
padding:  11px 16px 11px 10px;
background: url(images/lines-section.png) top no-repeat;
text-align: center;
margin-bottom: 25px;
}

#ideas-breves .section {
text-align: left;
background: #faf9f7;
padding: 20px;
}

#ideas-breves h3 {
font-size: 3.5em;
font-weight: normal;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
color: #c8c2b7;
margin-bottom: 5px;
}

#ideas-breves .aside {
border-bottom: 1px dashed #cdc1b1;
padding: 15px 0;
font-size: 1.3em;
line-height: 18pt;
}

#ideas-breves .item-3 {
border: 0;
}

#ideas-breves .comments-link {
text-transform: uppercase;
font-style: normal;
font-size: 0.8em;
letter-spacing: 0.1em;
margin-left: 3px;
}

#articulos-anteriores {
padding:  11px 16px 11px 10px;
background: url(images/lines-section.png) top no-repeat;
text-align: center;
margin-bottom: 25px;
}

#articulos-anteriores .section {
text-align: left;
padding: 20px;
background: #faf9f7;
}

#articulos-anteriores h3 {
font-size: 3.5em;
font-weight: normal;
letter-spacing: -2px;
text-shadow: 1px 1px 1px #fff;
color: #c8c2b7;
margin-bottom: 5px;
}


#articulos-anteriores li {
padding: 12px 0;
border-bottom: 1px dashed #cdc1b1;
list-style-type: none;
font-size: 1.3em;
}

#articulos-anteriores li.item-10 {
border: 0;
}

#articulos-anteriores .date {
background: none;
font-size: 0.9em;
padding-left: 10px;
}

/* Sidebar */

#ads-space h4 {
display: none;
}

#sidebar #rss {
background: url(images/i_rss.png) left no-repeat;
padding: 5px 0 5px 45px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 20px;
}

#sidebar #rss span {
display: block;
color: #989898;
font-size: 1.1em;
font-style: italic;
text-transform: lowercase;
}

#sidebar #search {
margin-bottom: 30px;
}

#sidebar #search #s {
background: url(images/input-text.png);
border:0;
width: 180px;
height: 18px;
margin-left: 74px;
padding: 7px 8px 3px 38px;
color: #666;
font-size: 1.2em;
font-style: italic;
text-transform: lowercase;
font-family: Georgia;
letter-spacing: 1px;
}

#sidebar #search #search-submit {
background: url(images/tecla.png);
border:0;
width: 102px;
height: 31px;
padding-bottom: 5px;
color: #333;
text-shadow: 1px 1px 0px #fff;
font-size: 1.2em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
position: absolute;
margin-top: -1px;
cursor: pointer;
}

#sidebar #search #search-submit:hover,
#sidebar #search #search-submit:focus {
margin-top: -2px;
}

#sidebar #search #search-submit:active {
margin-top: 0px;
}

#sidebar #ads-banners {
margin-bottom: 40px;
}

#sidebar .widget {
margin-bottom: 40px;
}

#sidebar h4 {
font-size: 2em;
margin-bottom: 10px;
font-weight: normal;
color: #a75656;
}

#sidebar h4 img {
margin-left: 5px;
position: relative;
top: 8px;
}

#sidebar .widget li {
font-size: 1.3em;
padding: 12px 0;
border-bottom: 1px dashed #cdc1b1;
list-style-type: none;
line-height: 17pt;
}

#sidebar #blogroll li  {
font-size: 1.1em;
font-family: Tahoma;
color: #888;
line-height: 1.6;
}

#sidebar #blogroll li a {
display: block;
font-size: 1.5em;
font-family: Georgia, serif;
margin-bottom: 5px;
font-size: 1.3em;
}

#sidebar #tweets p {
font-size: 1.3em;
padding: 12px 0;
}

#sidebar .twitter-timestamp {
color: #989898;
font-size: 0.85em;
font-style: italic;
letter-spacing: 0.1em;
}

#footer {
overflow: hidden;
height: 1%;
padding: 25px 25px 40px;
}

#footer span {
display: none;
}

#footer .creative-commons {
width: 289px;
height: 63px;
display: block;
float: left;
background: url(images/footer_cc.png);
}

#footer .beew {
width: 365px;
height: 70px;
display: block;
float: right;
background: url(images/footer_beew.png);
}

.single .post-content p{
margin-bottom: 12px;
}

.single .post{
margin-bottom: 0px;
}

/* Comments */

#comments ul#comments-list {
padding: 20px;
margin-bottom: 20px;
list-style-type: none;
}

#comments ul#comments-list li.comment {
clear: both;
overflow: hidden;
height: 1%;
border-bottom: 1px dashed #cdc1b1;
padding: 30px 0 20px;
}

#comments ul#comments-list .children li  {
padding-left: 35px;
border: 0;
border-top: 1px dashed #cdc1b1;
padding-bottom: 0
}

#comments .left {
float: left;
width: 20%;
}

#comments .right {
float: right;
width: 80%;
}

#comments .left img{
padding: 15px 17px 0 0;
background: url(images/lines-section.png) top right no-repeat;
position: relative;
bottom: 11px;
}

#comments h6 {
font-size: 1.3em; 
}

#comments .comment-author {
font-size: 1.3em;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}

#comments .reply, #comments .date {
text-transform: uppercase;
font-size: 1em;
letter-spacing: 1px;
margin-right: 15px;
padding: 5px 0;
}

#comments .date a {
color: #989898;
font-size: 1.1em;
font-style: italic;
letter-spacing: 0.1em;
text-transform: lowercase;
}

#comments .comment-reply-link {
background: url(images/i_reply.png) left no-repeat;
padding: 5px 0;
padding-left: 25px;
}

#comments .comment-content {
margin-top: 15px;
font-size: 1.3em;
}

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

.comment-author span {
color: #989898;
font-size: 0.9em;
font-style: italic;
letter-spacing: 0.1em;
margin-left: 5px;
text-transform: none;
}

#respond {
padding:  11px 16px 11px 10px;
background: url(images/lines-section.png) top no-repeat;
margin-bottom: 25px;
}

#respond .section {
text-align: left;
background: #faf9f7;
padding: 20px;
overflow: hidden;
height: 1%;
}

#respond h3 {
font-size: 2em;
font-weight: normal;
margin-bottom: 20px;
}

#author, #email, #url {
background: url(images/input-text.png);
border:0;
width: 210px;
height: 18px;
padding: 7px 8px 3px 8px;
color: #666;
font-size: 1.2em;
font-style: italic;
font-family: Georgia;
letter-spacing: 1px;
margin-bottom: 10px;
}

#respond p {
color: #666;
font-size: 1.2em;
font-family: Georgia;
letter-spacing: 1px;
margin-bottom: 10px;
}

#respond label {
margin-left: 10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #777;
font-size: 0.8em;
}

#respond textarea {
padding: 10px;
color: #666;
font-size: 1.2em;
font-style: italic;
font-family: Georgia;
letter-spacing: 1px;
margin-bottom: 10px;
width: 507px;
border: 1px solid #cdc1b1;
line-height: 17pt;
}

#respond #submit {
background: url(images/tecla.png);
border:0;
width: 102px;
height: 31px;
padding-bottom: 5px;
color: #333;
text-shadow: 1px 1px 0px #fff;
font-size: 1em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
float: right;
margin-top: 5px;
cursor: pointer;
}

/* Other entry */

#pagination {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}

#pagination a {
background: url(images/tecla.png) no-repeat;
border:0;
padding: 8.5px 16px;
text-align: center;
color: #333;
text-shadow: 1px 1px 0px #fff;
font-size: 1.1em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
margin: 0 15px;
}

.archive-display {
color: #333;
font-size: 1.1em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
padding: 8px 0 16px 40px; 
background: url(images/i_archive.png) no-repeat;
}

.help-display {
color: #333;
font-size: 1.1em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
padding: 8px 0 16px 40px; 
background: url(images/i_help.png) no-repeat;
}

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

.post-content .links{
}

.post-content .links li{
}

.post-content .donation{
margin-bottom: 25px;
}

.post-content cite, .post-content .cita {
padding: 5px 0;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #cdc1b1;
margin-bottom: 15px;
display: block;
font-size: 1.2em;
}

.post-content blockquote{
padding: 5px 0;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #cdc1b1;
margin-bottom: 15px;
}

.post .post-content pre{
padding: 20px;
margin: 15px 0;
background: #f0f0f0;
border: 1px dashed #ccc;
font-size: 1.2em;
overflow: scroll;
}

.post .post-content .icono{
position: relative;
top: 9px;
}

.post-content code{
padding: 2px 4px;
margin: 15px 0;
background: #f0f0f0;
border: 1px dashed #ccc;
font-size: 1.2em;
}

.post-content hr{
height: 1px;
border: 0;
background: #cdc1b1;
margin: 25px 0;
}

.post .post-content h1, .post .post-content h2 {
font-size: 2em;
letter-spacing: 0;
font-weight: normal;
margin-bottom: 10px;
}

.post .post-content h3, .post .post-content h4, .post .post-content h5, .post .post-content h6 {
font-size: 1.5em;
letter-spacing: 0;
font-weight: normal;
margin-bottom: 10px;
margin-top: 20px;
}

.post .post-content ul {
list-style-type: square;
list-style-position: inside;
margin-bottom: 15px;
}

.post .post-content ol {
list-style-position: inside;
margin-bottom: 15px;
}

#wpcf_email, #wpcf_your_name, #wpcf_website {
background: url(images/input-text.png);
border:0;
width: 210px;
height: 18px;
padding: 7px 8px 3px 8px;
color: #666;
font-size: 1.2em;
font-style: italic;
font-family: Georgia;
letter-spacing: 1px;
margin-bottom: 10px;
}

.contactform {
padding: 20px;
margin-top: 40px;
background: url(images/lines-section.png) right top no-repeat;
}

.contactform textarea {
padding: 10px;
color: #666;
font-size: 1.2em;
font-style: italic;
font-family: Georgia;
letter-spacing: 1px;
margin-bottom: 10px;
width: 481px;
border: 1px solid #cdc1b1;
line-height: 17pt;
}

#contactsubmit {
background: url(images/tecla.png);
border:0;
width: 102px;
height: 31px;
padding-bottom: 5px;
color: #333;
text-shadow: 1px 1px 0px #fff;
font-size: 0.9em;
text-transform: uppercase;
font-family: Georgia;
letter-spacing: 1px;
float: right;
margin-top: 5px;
}

.contactform p br {
display: none;
}


.contactform label {
text-transform: uppercase;
letter-spacing: 1px;
color: #777;
font-size: 0.8em;
display: block;
}

.archivo .post ul li {
margin: 12px 0;
font-size: 1.3em;
list-style-position: inside;
list-style-type: square;
}

.archivo .post ul li .archivo-date {
color: #989898;
font-size: 0.9em;
font-style: italic;
letter-spacing: 0.1em;
margin-left: 15px;
}

h2.pop-up {
font-size: 16pt;
font-weight: normal;
margin: 15px 0;
letter-spacing: -0.5px;
color: #C8C2B7;
text-shadow: 1px 1px 0px #fafafa;
}

