/*
Theme Name: YL
Author: YL
Description: Tema para el sitio YL
Version: 1.0
Text Domain: YL

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

.assistive-text {
    display:none;
}

/* HEADER */

body {
    color: #1d1d1d;
    font-size: 12px;
    font-family:Tahoma,sans-serif;
    margin: auto;
    background: #294555 url(images/stars.png);
    font-family: "Trebuchet MS", Helvetica, sans-serif;    
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    font-weight: bold;
}

h1{
    font-size: 24px;
    line-height: 1.4em;
}

h2 {
    font-size: 16px  !important;
}

h5 {
    font-size: 12px;
    display: block;
}

a{
     text-decoration: none;
     color: #1d1d1d;
}

#body-wrapper{
    width: 100%;
    background: transparent url(images/bgfooter.png) no-repeat bottom center;
    position: fixed;
    bottom:0;
    height: 410px;
    z-index: 10;
}

#page {
    position:relative;
    z-index: 1000;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

#masthead {
    position: relative;
    padding-top: 50px;    
}

#masthead hgroup.banner{
    background: transparent url(images/bgheader.png) no-repeat;
    height: 144px;
}

#masthead h1 {
    height: 60px;
    margin: 0 0 0 41px;
    padding-top: 42px;
    width: 440px;
}

#masthead h1 a{
    background: transparent url(images/yoanilandia.png) no-repeat;
    display: block;
    width: 440px;    
    height: 60px;    
    text-indent: -960px;
    overflow: hidden;    
}

#masthead nav a {
    text-transform: uppercase;
}

.menu-principal-container{
    margin-left: 4px;
}

.main-navigation li {
    float:left;
    list-style:none outside none;
    margin: 0 0 10px 0;
    padding:12px 18px 0 18px;
    background: transparent url(images/pink-dot.png) repeat-y right top;
}

#site-navigation {
    background-color: #F7C4CA;
    border-color: #E24086;
    border-style: solid;
    border-width: 2px 0 0;
    clear: both;
    font-weight: bold;
    height: 36px;
    position: relative; 
}

#site-navigation li a{
    color: #294555;
    font-weight: bold;
    font-size:14px;
}

#site-navigation li.current-menu-item a{
    color: #E24086;
}

#site-navigation li.first {

}

#subheader-zone{
    background-color: #E24086;
    height: 50px;
    position: absolute;
    width: 960px;
    top:0;
}

#fecha{
    color:#F7C4CA;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size:11px;
    margin-left: 20px;
    padding: 10px 0 2px 10px;
    width: 200px;
    background: transparent url(images/pink-line.png) no-repeat bottom left;
}

#fecha span{
    display:block;;
}

#fecha .dia{
    font-style: italic;
    margin-bottom:5px;
}

#fecha .fecha{
    text-transform: uppercase;  
}

#main {
    background-color: #FCE8EB;
    padding: 20px;
}

#main .subwrapper {
    background: url(images/v-pink-dot.png) repeat-y 605px 0;
    background-color: #FCE8EB;
}

#menu-redes-sociales {
    margin:0;
    list-style: none;
    padding:0;
    position:absolute;
    top:10px;
    right:10px;
}

#menu-redes-sociales li {
    float:left;
    display:block;
    width: 31px;
    height: 30px;
    padding-left:5px;
}

#menu-redes-sociales li a{
    display:block;
    width: 31px;
    height: 30px;
    text-indent: -960px;
    overflow: hidden;
    background-repeat:no-repeat;
}

#menu-redes-sociales .twitter a{background-image:url(images/social/twitter.png)}
#menu-redes-sociales .facebook a{background-image:url(images/social/facebook.png)}
#menu-redes-sociales .scribd a{background-image:url(images/social/scribd.png)}
#menu-redes-sociales .youtube a{background-image:url(images/social/youtube.png)}
#menu-redes-sociales .feed a{background-image:url(images/social/feed.png)}

#masthead #searchform {
    position:absolute;
    top:203px;
    right: 20px;
    
}

#masthead #s {
    display: block;
    border: 1px solid #E24086;
    height: 16px;
    font-size:11px;
    color:#294555;
    width: 150px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
    margin-right: 32px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top,  rgba(133,133,133,0) 0%, rgba(133,133,133,0) 33%, rgba(133,133,133,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,133,133,0)), color-stop(33%,rgba(133,133,133,0)), color-stop(100%,rgba(133,133,133,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(133,133,133,0) 0%,rgba(133,133,133,0) 33%,rgba(133,133,133,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(133,133,133,0) 0%,rgba(133,133,133,0) 33%,rgba(133,133,133,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(133,133,133,0) 0%,rgba(133,133,133,0) 33%,rgba(133,133,133,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(133,133,133,0) 0%,rgba(133,133,133,0) 33%,rgba(133,133,133,0.65) 100%); /* W3C */    
background-color: #fff;
}

#masthead #searchsubmit {
    height: 19px;
    line-height: 19px;
    display:block;
    cursor:pointer;
    vertical-align: middle;
    font-size:13px;
    border:none;
    color:#fff;
    position: absolute;
    right: 0;
    bottom:0;
    text-transform: lowercase;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
background: -moz-linear-gradient(top,  rgba(137,39,81,0) 0%, rgba(137,39,81,0) 33%, rgba(137,39,81,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,39,81,0)), color-stop(33%,rgba(137,39,81,0)), color-stop(100%,rgba(137,39,81,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(137,39,81,0) 0%,rgba(137,39,81,0) 33%,rgba(137,39,81,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(137,39,81,0) 0%,rgba(137,39,81,0) 33%,rgba(137,39,81,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(137,39,81,0) 0%,rgba(137,39,81,0) 33%,rgba(137,39,81,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(137,39,81,0) 0%,rgba(137,39,81,0) 33%,rgba(137,39,81,0.65) 100%); /* W3C */    
background-color: #E24086;

}


#colophon {
    height: 30px;
    background-color: #e14085;
    border-bottom:1px solid #ec87b2;
    position: relative;
}

#colophon .site-info a{
    background: transparent url(images/yoanilandia-footer.png) no-repeat;
    position: absolute;
    left: 20px;
    top:3px;
    height:24px;
    width: 145px;
    text-indent: -960px;
    overflow: hidden;
}

#colophon .hosting-info a{
    background: transparent url(images/nodo50.png) no-repeat;
    position: absolute;
    right: 20px;
    top:3px;
    height:25px;
    width: 120px;
    text-indent: -960px;
    overflow: hidden;
}

#masthead{
    padding-bottom:40px;
    background: transparent url(images/subheader.png) no-repeat bottom;
}

#primary{
    float:left;
    width: 590px;
    padding-right: 15px;
}
#primary #content{
    padding-left: 5px;
    padding-right: 5px;
}
#sidebar{
    float:left;
    width: 300px;
    padding-left: 15px;
}

.widget-title {
    text-transform: uppercase;
    color:#F7C4CA;
    font-size:14px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    font-weight: bold;
    background: #294556 url(images/widget-icon.png) no-repeat 2px bottom;
    padding-left:50px;
    border-top: 2px solid #E24086;
    position: relative;
    margin-bottom:10px;
}

.widget-title .right-corner{
    position: absolute;
    display: block;
    width: 13px;
    height: 13px;
    background: transparent url(images/right-corner.png) no-repeat;
    top:-13px;
    right: -13px;
}

aside.widget{
    margin-bottom: 15px;
}

#sidebar .widget-title{
    margin-right: -20px;
    margin-left: -15px;
    background-position: 17px bottom;
    padding-left:65px;
}

.subfrontpost {
    float:left;
    width: 180px;
    margin-bottom: 10px;
}

.subfrontpost h1 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
}
article h1,article h1 a {
    color: #294556;
}

article.even {
    float:left;
    width: 180px;
    padding-right: 0;
}
article.even.middle,article.odd.middle {
    margin-left: 20px;
    margin-right: 20px;

}

.subfrontpost .imagelink{
    float: left;
    margin-right: 5px;
    display: block;
    width: 135px;
}
.subposts-main .separator{
    float: left;
    width: 580px;
}

.subfrontpost .entry-header{
    width: 180px;
    float: left;
}

.comments-link {
    margin-top:1.5em;
    font-size:12px;
    color:#BE7382;
}

.comments-link * {
    color:#BE7382;
}

.subfrontpost .comments-link {
    font-size:11px;
}

.entry-summary,.entry-content{
    color: #294556;
    line-height: 17px;
    font-size:12px;
    margin:0.6em 0;
}

.entry-content p
{

    line-height: 20px;
    margin-bottom: 15px;
}

#main article.first{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #E24086;
}

.subposts{
    background: transparent url(images/v-pink-dot.png) repeat-y 189px 0;
    float: left;
}
.subposts-main{
    background: transparent url(images/v-pink-dot.png) repeat-y 389px 0;
    float: left;
}

#sidebar-front {
    background-color: #FCE8EB;
    border-top:20px solid #FCE8EB;
}

#sidebar-front .widget-title {
    margin-right: -20px;
}



/*Widget Entradas Recientes YL*/

.widget_entradas_recientes_yl .post-title
{
    color: #E61B72;
    font-size: 20px;
}

/*Widget Opinion*/
.widget_opinion li,.widget_entradas_recientes_yl li{
    background: transparent url(images/h-pink-dot.png) repeat-x 295px;
    background-position:bottom;
    font-family: Trebuchet MS;
    padding-top: 12px;
    padding-bottom: 12px;
}
.widget_opinion li.first,.widget_entradas_recientes_yl li.first, .encat_posts li.first, .widget_entradasrecientesyl li.first{
    padding-top: 0px;
}
.widget_opinion li.last,.widget_entradas_recientes_yl li.last, .encat_posts li.last, .widget_entradasrecientesyl li.last{
    padding-bottom: 0px;
    background: none;
}
.widget_opinion .post-title a
{
    color: #294556;
    font-size: 14px;
}
.widget_opinion .post-autor
{
    margin-top: 4px;
}
.widget_opinion .post-autor a, .widget_opinion .post-autor span
{
    color: #E61B72;
    font-size: 13px;
    font-style: italic;
}
.widget_opinion .post-autor span
{
    font-weight: bold;
    font-style: normal;
}
.widget_opinion .post-date,.widget_entradas_recientes_yl .post-date, .widget_entradasrecientesyl .post-date{
    margin-top: 12px;
    display: block;
    color: #767f8c;
    float: left;
    width: 290px;
    padding-bottom: 8px;
}
.widget_opinion .post-excerpt,.widget_entradas_recientes_yl .post-excerpt, .encat_posts .post-excerpt, .widget_entradasrecientesyl .post-excerpt{
    display: block;
    clear: both;
    margin-top: 12px;
    color: #294556;
    line-height: 17px;
}
.widget_opinion a,.widget_entradas_recientes_yl a, .widget_entradasrecientesyl a{
  color: #767F8C;
}

/*Comentarios*/
.comments-area
{
    float: left;
    margin-top: 20px;
    background-color: #FFF;
    padding: 2px;

}
#reply-title
{
    color: #BE7382;
    font-size: 16px;
    padding: 15px;
}
#commentform .form-allowed-tags,#commentform .comment-notes
{
    display: none;
}
#commentform
{
    float: left;
    padding-left: 15px;
}
#commentform p,#commentform label
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    color: #E61B72;
}
.comment-notes
{
    float: left;
    width: 100%;
    margin-top: 10px;
}
#commentform #author,#commentform #email,#commentform #url
{
    float: left;
    width: 262px;
    background-color: #EACFE5;
    color: #294556;
    border: 0px solid #E24086;
    border-radius: 3px;
}
#comment
{
    background-color: #EACFE5;
    border: 0px solid #E24086;
    border-radius: 3px;
}
.commentlist
{
    line-height: 20px;
    margin-bottom: 15px;
    color: #294556;
    font-size: 12px;
}
.commentlist li
{
    margin-bottom: 60px;
}
article.comment
{
    background-color: #F7C4CA;
    padding: 15px;
}
.comments-link.end
{
    font-size: 16px;
    font-weight: bold;
}
.comment .date
{
    float: right;
    padding: 5px;
}
.comment .date a
{
    color: #294556;
}
.comment .reply
{
    float: left;
    padding: 5px;
}
.comment .reply a
{
    color: #294556;
}
.comment cite
{
    float: left;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 8px;
    width: 100%;
}
.comment .children
{
    margin-left: 15px;
    margin-top: 60px;
}
#commentform #submit
{
    /*background: linear-gradient(to bottom, rgba(137, 39, 81, 0) 0%, rgba(137, 39, 81, 0) 33%, rgba(137, 39, 81, 0.65) 100%) repeat scroll 0 0 #E24086;*/
    border: medium none;
    border-radius: 3px;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    height: 25px;
    line-height: 19px;
    float: right;
    margin-right: 70px;
    background: -moz-linear-gradient(top,  rgba(137, 39, 81, 0) 0%, rgba(137, 39, 81, 0) 33%, rgba(137, 39, 81, 0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137, 39, 81, 0)), color-stop(33%,rgba(137, 39, 81, 0)), color-stop(100%,rgba(137, 39, 81, 0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137, 39, 81, 0) 0%,rgba(137, 39, 81, 0) 33%,rgba(137, 39, 81, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137, 39, 81, 0) 0%,rgba(137, 39, 81, 0) 33%,rgba(137, 39, 81, 0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137, 39, 81, 0) 0%,rgba(137, 39, 81, 0) 33%,rgba(137, 39, 81, 0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137, 39, 81, 0) 0%,rgba(137, 39, 81, 0) 33%,rgba(137, 39, 81, 0.65) 100%); /* W3C */
    background-color: #E24086;


}
/*Contenido*/
.entry-content ul
{
    list-style: disc;
    padding-left: 17px;
}
.entry-content ol
{
    list-style: decimal;
    padding-left: 17px;
}

/*Archivo*/
.archive article
{
    background: transparent url(images/h-pink-dot.png) repeat-x 295px;
    background-position:top;
    padding-top: 12px;
    padding-bottom: 12px;
}
.archive .attachment-thumbnail
{
    margin-top: 10px;
}
.archive .entry-summary{
    color: #294556;
    float: right;
    line-height: 20px;
    font-size:14px;
    margin-top: 6px;
    width: 385px;
    padding-left: 10px;
}
.postmetadata
{
   margin-bottom: 4px;
}
.postmetadata a
{
    color: #294556;
    font-size: 14px;
}
.archive article h1
{
    font-size: 20px;
}
.archive-header h1, .page-header h1
{
    color: #294556;
}

.archive-header h1, .page-header h1
{
    margin-bottom: 20px;
}

/*navegador*/
.archive .navigation,.search .navigation
{
    float: left;
    text-align: center;
    width: 590px;
    color: #BE7382;
    margin-top: 20px;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BE7382 !important;
}
.wp-pagenavi a, .wp-pagenavi span {
    color: #BE7382;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #294556 !important;
}

/*Parches Para WP*/
#main .clear
{
    width: 100%;
}
p.wp-caption-text{
    background: none repeat scroll 0 0 #BE7382;
    font-size: 12px;
    margin: 0;
    text-align: center;
    margin-right: 10px;
}

.alignleft{
    margin-left:0;
}

.alignright{
    margin-right: 0;
}

.aligncenter{
    margin-left:0;
    margin-right:0;
}

.wp-caption{
    margin-top: 6px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left
}

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
.entry-content blockquote, .comment-content blockquote {
    background-color: #F7C4CA;
    font-style: italic;
    padding: 0.714rem;
}
blockquote, q {
    quotes: none;
}



/* Estilos Charlie */

.widget_multipletext .widgets{
    float: left;
    margin-right: 10px;
}
.widget.widget_youtubepersonalwidget
{
    margin-bottom: 0px !important;
}
.widget.widget_youtubepersonalwidget ul
{
    padding-left: 8px!important;
}
.widget.widget_youtubepersonalwidget li
{
    padding-right: 12px;
}

.widget_multipletext .last{
    margin-right: 0;
}

.jcarousel-clip-horizontal {
    overflow: hidden;
    position: relative;
    width: 890px;
}

#videos {
    position: relative;
    width: 5470px !important;
}

.youpersonal_inner li {
    float: left;
    height: 280px;
    padding-right: 27px;
    width: 283.3px;
}

.widget_youtubepersonalwidget div.prev, .widget_youtubepersonalwidget div.next {
    cursor: pointer;
    margin-left: 5px;
    margin-top: 115px;
}

.widget_youtubepersonalwidget div.prev, .widget_youtubepersonalwidget div.next, .youpersonal_inner {
    float: left;
}

h2.youtubepersonal-title{
    color: #294556;
    font-size: 14px !important;
}

.encat_posts li, .widget_entradasrecientesyl li{
    background: url("images/h-pink-dot.png") repeat-x scroll center bottom transparent;
    font-family: Trebuchet MS;
    padding-bottom: 12px;
    padding-top: 12px;
}

.encat_posts a.post-title, .widget_entradasrecientesyl a.post-title{
    color: #294556;
    font-size: 14px;
}

.break{
    clear: both;
}
.twtr-hd h3, .twtr-hd h4 {
    clear:none;
}
