/******************************************************************
Theme Name: Yonkis.com
Theme URI: http://www.yonkis.com
Description: Template variable desarrollado por Increate para Yonkis.com en exclusiva. Su estructura y programación permiten generar diseños 
Author: Increate // Soluciones corporativas
Author URI: http://www.themble.com/bones/
Version: 1.09
Tags: html5, css3, fixed, development, bones, h5bp

License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html

All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body { background: #000; font-family: "Lato", Verdana, Arial, sans-serif; font-size: 10pt; }

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 875px;
	margin: 0 auto;
	padding: 0;
}


/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display: none; }

/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #ebe16f; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #e0c618; background: #ebe16f; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { color: #ffcc00; }
a:hover, a:focus { text-decoration: underline; }
a:active { background: rgba(255, 255, 0, 0.37); } /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: yellow;
	color:#000;
	text-shadow : none;
}

/* Firefox */
::-moz-selection { 
	background: yellow;
	color:#000;
	text-shadow : none;
}

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Lato", Verdana, Arial, sans-serif; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 400; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }


/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {
	width: 100%;
	border-bottom: 1px solid #2b2b2b;
	float: left;
}
header[role=banner] .top-head {
	width: 100%;
	height: 39px;
	background: url(img/bg-header-single.gif) repeat-x;
	border-bottom: 1px solid #666;
}
header[role=banner] .top-head .header {
	width: 875px;
	margin: 0 auto;
}
header[role=banner] .top-head .header .single-menu {
	width: 80%;
	height: 34px;
	margin-top: 5px;
	float: left;
}
header[role=banner] .top-head .header .single-menu ul {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
header[role=banner] .top-head .header .single-menu ul li {
	color: #848484;
	list-style: none;
	margin: 4px 8px;
	float: left;
}
header[role=banner] .top-head .header .single-menu ul li:first-child {
	margin-left: 0;
}
header[role=banner] .top-head .header .single-menu ul li a {
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	font-size: 10pt;
}
header[role=banner] .top-head .header .single-menu ul li a:hover { color: #fff; }

header[role=banner] .top-head .head-login .login-menu {
	height: 31px;
	padding-top: 8px;
	float: right;
}
header[role=banner] .top-head .head-login .login-menu .access,
header[role=banner] .top-head .head-login .login-menu .newuser {
	float: left;
}
header[role=banner] .top-head .head-login .login-menu .newuser svg {position: relative;top: 2px;}
header[role=banner] .top-head .head-login .login-menu .sep { height: 20px; width: 1px; margin: 0 10px; border-right: 1px solid #777; box-shadow: 1px 0 0 0 #2b2b2b; float: left; }
header[role=banner] .top-head .head-login .login-menu a { color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; opacity: 0.6; }
header[role=banner] .top-head .head-login .login-menu a img { margin-right: 3px; position: relative; top: 2px; }
header[role=banner] .top-head .head-login .login-menu a:hover { opacity: 1; }

header[role=banner] .top-head .head-login .logged-menu {
	padding: 0;
	margin: 7px 0 0 0;
	float: right;
}

header[role=banner] .top-head .head-login .logged-menu li {
	padding: 0;
	margin: 0;
	font-size: 10pt;
	list-style: none;
	float: left;
}
header[role=banner] .top-head .head-login .logged-menu li img {
	position: relative;
	top: 3px;
}
header[role=banner] .top-head .head-login .logged-menu li.logout {
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 3px;
	border-left: 1px solid #666;
}
header[role=banner] .top-head .head-login .logged-menu li a  {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	opacity: 0.6;
}
.top-head .head-login .logged-menu li a svg  {
	position: relative;
	top: 2px;
}
header[role=banner] .top-head .head-login .logged-menu li a:hover { opacity: 1; }

header[role=banner] .bottom-head {
	width: 875px;
	height: 62px;
	margin: 0 auto;
}
header[role=banner] .bottom-head .home-link {
	width: 370px;
	height: 62px;
	padding-left: 25px;
	margin-left: -25px;
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	float: left;
}
header[role=banner] .bottom-head .home-link.musiquito img,
header[role=banner] .bottom-head .home-link.cromos img {
	position: relative;
	top: 6px;
}
header[role=banner] .bottom-head .head-links { margin-top: 25px; float: right; }
header[role=banner] .bottom-head .head-links ul { padding: 0; margin: 0; float: left; }
header[role=banner] .bottom-head .head-links ul li {
	padding: 0 13px 0 0;
	margin: 0 7px 0 0;
	border-right: 1px solid #555;
	list-style: none;
	font-size: 8pt;
	float: left;
}
header[role=banner] .bottom-head .head-links ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #555;
}
header[role=banner] .bottom-head .head-links ul li a:hover { color: #fff; }
header[role=banner] .bottom-head .head-links .single-search {
	float: left;
}
header[role=banner] .bottom-head .head-links .single-search input[type=text] {
	background: #000;
	border: 1px solid #444;
	padding: 3px;
	width: 170px;
	margin-top: -3px;
	margin-right: 5px;
	color: #fff;
	float: left;
}
header[role=banner] .bottom-head .head-links .single-search input[type=text]:focus { outline: none; border-color: #fff; }
header[role=banner] .bottom-head .head-links .single-search input[type=submit] {
	width: 20px;
	height: 20px;
	border: 0 none;
	background: url(img/search.png) no-repeat center center #000;
	margin-top: -3px;
	opacity: 0.6;
	float: left;
}
header[role=banner] .bottom-head .head-links .single-search input[type=submit]:hover { opacity: 1; }

header[role=banner] a, header[role=banner]  a:visited { color: inherit; }
header[role=banner] a:hover, header[role=banner] a:focus { color: inherit; }
a:active { background: transparent; }
.search h1.search-title span.avatar {
	margin-right: 5px;
}

/******************************************************************
ARCHIVES STYLES
******************************************************************/

header[role=banner] .bottom-head .head-links .archive-search span {
	color: #666;
	font-weight: 400;
	margin-right: 10px;
	float: left;
}
header[role=banner] .bottom-head .head-links .archive-search form {
	float: left;
}
header[role=banner] .bottom-head .head-links .archive-search input[type=text] {
	background: #000;
	border: 1px solid #444;
	padding: 3px;
	width: 170px;
	margin-top: -3px;
	margin-right: 5px;
	color: #fff;
	float: left;
}
header[role=banner] .bottom-head .head-links .archive-search input[type=text]:focus { outline: none; border-color: #fff; }
header[role=banner] .bottom-head .head-links .archive-search input[type=submit] {
	width: 20px;
	height: 20px;
	border: 0 none;
	background: url(img/search.png) no-repeat center center #000;
	margin-top: -3px;
	opacity: 0.6;
	float: left;
}
header[role=banner] .bottom-head .head-links .archive-search input[type=submit]:hover { opacity: 1; }

header[role=banner] .fixed-header {
	width: 100%;
	height: 39px;
	background: url(img/sprite.png) repeat-x;
	border-bottom: 1px solid #666;
	position: fixed;
	top: -40px;
	z-index: 9999;
	-webkit-transition: top 250ms ease-in-out;
	-moz-transition: top 250ms ease-in-out;
	-o-transition: top 250ms ease-in-out;
	-ms-transition: top 250ms ease-in-out;
	transition: top 250ms ease-in-out;
}
header[role=banner] .fixed-header .wrapper {
	width: 950px;
	margin: 0 auto;
}
header[role=banner] .fixed-header .wrapper .home-logo {
	width: 123px;
	height: 31px;
	margin: 10px 0 0 36px;
	float: left;
}
header[role=banner] .fixed-header .wrapper .post-title {
	padding: 0 0 4px 22px;
	margin: 7px 0 0 6px;
	text-align: left;
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 12pt;
	color: #fff;
	background: url(img/sprite.png) no-repeat 0 -221px;
	float: left;
}
header[role=banner] .fixed-header .wrapper .social-bar {
	margin: 9px 36px 0 0;
	float: right;
}
header[role=banner] .fixed-header .wrapper .social-bar span.facebook { width: 122px; }
header[role=banner] .fixed-header .wrapper .social-bar span.twitter { width: 102px; }
header[role=banner] .fixed-header .wrapper .social-bar span.google { width: 59px; }
header[role=banner] .fixed-header .wrapper .single-nav {
	padding: 0;
	margin: 0 26px 0;
	float: right;
}
header[role=banner] .fixed-header .wrapper .single-nav li {
	padding: 0;
	margin: 0 10px;
	list-style: none;
	float: right;
}
header[role=banner] .fixed-header .wrapper .single-nav li.tooltip {
	margin-top: 11px;
	font-size: 8pt;
	color: #666;
}
header[role=banner] .fixed-header .wrapper .single-nav li a {
	padding: 6px 0;
	float: left;
}
header[role=banner] .fixed-header .wrapper .single-nav li a span {
	width: 13px;
	height: 27px;
	background: url(img/post-nav.png) no-repeat;
	display: block;
	-webkit-transition: background 500ms ease-in-out;
	-moz-transition: background 500ms ease-in-out;
	-o-transition: background 500ms ease-in-out;
	-ms-transition: background 500ms ease-in-out;
	transition: background 500ms ease-in-out;
}
header[role=banner] .fixed-header .wrapper .single-nav li a:hover span {
	background: url(img/post-nav-hover.png) no-repeat;
	-webkit-transition: background 500ms ease-in-out;
	-moz-transition: background 500ms ease-in-out;
	-o-transition: background 500ms ease-in-out;
	-ms-transition: background 500ms ease-in-out;
	transition: background 500ms ease-in-out;
}
header[role=banner] .fixed-header .wrapper .single-nav li.next a span {background-position: 0 0;}
header[role=banner] .fixed-header .wrapper .single-nav li.rand a span {width: 19px;background-position: -29px 0;}
header[role=banner] .fixed-header .wrapper .single-nav li.hot a span {background-position: -64px 0;}
header[role=banner] .fixed-header .wrapper .single-nav li.prev a span {background-position: -93px 0;}

#archives .archive-title {
	margin: 20px 0 15px 0;
	color: #666;
	font-weight: 400;
	font-size: 22pt;
}
#archives .months {
	width: 863px;
	margin: 0 7px 15px 7px;
	background: url(img/dots.gif) repeat-x left bottom;
	float: left;
}
#archives .months li {
	font-size: 10pt;
	font-weight: 400;
	border-right: 1px solid #666;
	margin-right: 9px;
	padding-right: 9px;
	float: left;
}
#archives .months li.archive-year {
	width: 100%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #8c9093;
	border-right: 0 none;
	color: #fff;
	font-size: 24pt;
	font-weight: 400;
	clear: both;
}
#archives .months li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: 0 none;
}
#archives .months li a {
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
}
#archives .months li a:hover {
	color: #fff;
}
#archives .most {}
#archives .post_content .twitter-widget {
	width: 855px;
	padding: 0 13px 16px 13px;
	margin-bottom: 30px;
	border-bottom: 1px solid #333;
}
#archives .post_content .twitter-widget iframe {
	width: 855px !important;
}

/******************************************************************
SEARCH STYLES
******************************************************************/
.search .search-title {
	border-bottom: 1px solid #666;
	font-size: 20pt;
	font-weight: 400;
	color: #fff;
}
.search .search-title span {
	color: #666;
}
.search .description {
	width: 100%;
	padding: 0;
	margin: -5px 0 25px 0;
	font-size: 10pt;
	font-weight: 300;
	color: #666;
	float: left;
}
.search .videos-block {
	width: 425px;
	margin-right: 25px;
	float: left;
}
.search .videos-block.last {
	margin-right: 0;
}
.search article {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(img/sdots.gif) repeat-x bottom left;
}
.search article#post-not-found {
	background: transparent;
}
.search article#post-not-found header h1 {
	margin-bottom: 0;
}
.search.videos article {
	width: 425px;
	float: left;
}
.search.videos article header {
	width: 100%;
}
.search.videos article .post_content {
	width: 100%;
}
.search article header {
	height: auto;
	margin-top: 0;
}
.search article h3 {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 400;
}
.search article h3 a {
	color: #fff;
}
.search article .thumb {
	width: 75px;
	height: 75px;
	margin-right: 15px;
	float: left;
}
.search article .meta {
	margin: 0;
	color: #515151;
	font-weight: 400;
	font-size: 11pt;
	float: none;
}
.search article .meta a {
	color: #515151;
	text-decoration: none;
}
.search article .meta a:hover {
	text-decoration: underline;
}
.search article p {
	color: #bababa;
}
.search .tagcloud a {
	color: #515151;
	text-decoration: none;
	font-weight: 400;
}
.search .tagcloud a:hover {
	text-decoration: underline;
}

/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#main {
	width: 875px;
}

.hentry { padding: 0; margin: 0 0 30px 0; }
.hentry header {
	width: 875px;
	height: 40px;
	padding-bottom: 5px;
	margin: 30px 0 20px 0;
	color: #fff;
	font-size: 10pt;
	float: left;
}
.single .hentry header {
	border-bottom: 1px solid #fff;
}
.hentry header h1 {
	padding: 0;
	margin: 0;
	text-align: left;
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 25pt;
	color: #fff;
}
.hentry header .social-bar {
	opacity: 0.37;
	float: right;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.hentry header:hover .social-bar {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.hentry header .social-bar span.facebook { width: 122px; }
.hentry header .social-bar span.twitter { width: 102px; }
.hentry header .social-bar span.google { width: 59px; }
.hentry header a {
	color: #8e8e8e;
}
.hentry header span {
}
.hentry header span.date {
	padding: 0 25px 0 10px;
	margin: 18px 0 0 10px;
	border-left: 1px solid #444;
	font-size: 8pt;
	font-weight: 400;
	color: #777;
}
.hentry header span.category a {
	text-decoration: none;
	font-size: 10pt;
}
	
.single-title, .page-title {
	width: 335px;
	padding: 0 0 0 20px;
	margin: 4px 0 0 0;
	text-align: left;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 10pt;
}
.archive_title { padding: 0 20px; margin: 1.1em 0 0.75em; }

/* post content */
.post_content {
	width: 875px;
	margin: 0;
	color: #fff;
	font-weight: 400;
	float: left;
}
.post_content .post-container {
	width: 100%;
	position: relative;
}
.category-noticias .post_content .post-container .content iframe[src*="youtube"],
.category-noticias .post_content .post-container .content iframe[src*="zappinternet"],
.category-noticias .post_content .post-container .content iframe[src*="dailymotion"],
.category-noticias .post_content .post-container .content iframe[src*="vid.me"],
.category-noticias .post_content .post-container .content iframe[src*="fortiplus"],
.category-noticias .post_content .post-container .content iframe[src*="cumlouder"],
.category-noticias .post_content .post-container .content iframe[src*="ooyala"],
.category-noticias .post_content .post-container .content iframe[src*="kickstarter"],
.category-noticias .post_content .post-container .content iframe[src*="promocionesweb"],
.category-noticias .post_content .post-container .content iframe[src*="dailymail"],
.category-noticias .post_content .post-container .content iframe[src*="vice"],
.category-noticias .post_content .post-container .content iframe[src*="redbull"],
.category-noticias .post_content .post-container .content iframe[src*="pornhub"],
.category-noticias .post_content .post-container .content iframe[src*="vimeo"],
.category-noticias .post_content .post-container .content .fb-video,
.category-noticias .post_content .post-container .content video,
.category-noticias .post_content .post-container .content embed,
.category-musiquito .post_content .post-container .content iframe[src*="youtube"],
.category-musiquito .post_content .post-container .content iframe[src*="zappinternet"],
.category-musiquito .post_content .post-container .content iframe[src*="dailymotion"],
.category-musiquito .post_content .post-container .content iframe[src*="vid.me"],
.category-musiquito .post_content .post-container .content iframe[src*="fortiplus"],
.category-musiquito .post_content .post-container .content iframe[src*="cumlouder"],
.category-musiquito .post_content .post-container .content .fb-video,
.category-musiquito .post_content .post-container .content video,
.category-musiquito .post_content .post-container .content embed {
	width: 853px;
	height: 508px;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #222;
}
.category-noticias .post_content .post-container .content iframe.twitter-tweet,
.category-twitter .post_content .post-container .content iframe {
	width: 853px;
}
.post_content .post-container .content iframe.rotator {
	width: inherit;
	height: inherit;
	padding: 0;
	margin: 0;
	border: 0 none;
	float: left;
}
.post_content .post-container .content { width: 875px; font-weight: 400; font-size: 11pt; color: #b9b9b9;border-bottom: 1px solid #333;margin-bottom: 20px;padding-bottom: 20px;}
.post_content .post-container .content p { width: 100%; font-weight: 400; margin: 10px 0 0 0; font-size: 11pt; color: #b9b9b9; float: left; }
.post_content .post-container .content p:first-child { margin-top: 0; }
.post_content .post-container .content img {width: 100%; height: auto; margin-bottom: 20px; }
.post_content .post-container .content h1,
.post_content .post-container .content h2,
.post_content .post-container .content h3 { 
	width: 100%;
	float: left;
}
.post_content .post-container .content h3 { text-transform: uppercase; margin-bottom: 0; }

/* article footer */
article.hentry footer {
	width: 100%;
	float: left;
}
article.hentry footer .post-ratings a { text-decoration: none; }
article.hentry footer .post-ratings a:hover { text-decoration: underline; }
article.hentry footer .meta {
	height: 20px;
	margin: 5px 0 0 0;
	color: #999;
	font-size: 8pt;
	font-weight: 400;
	max-width: 380px;
	padding: 12px 10px 8px 10px;
	border: 1px solid #222;
	margin-top: 5px;
	overflow: hidden;
	font-weight: 400;
	float: left;
}
article.hentry footer .fav {
	width: 92px;
	height: 45px;
	background: #444;
	border-bottom: 3px solid #fff;
	float: left;
}
article.hentry footer .fav .simplefavorite-button {
	padding: 0;
	margin: 0 0 0 10px;
	border: 0 none;
	background: transparent;
	float: left;
}
article.hentry footer .fav span.icon {
	width: 34px;
	height: 50px;
	margin-top: -2px;
	background: url('img/emp-pocket.png') no-repeat center center;
	float: left;
}
article.hentry footer .fav .simplefavorite-button.active span.icon {
	background: url('img/fav-pocket.png') no-repeat center center;
}
article.hentry footer .fav .simplefavorite-button-count {
    margin: 8px 0 0 10px;
    font-size: 18pt;
    font-weight: 800;
    font-family: "Lato", Verdana, Arial, sans-serif;
    color: #fff;
	float: right;
}
article.hentry footer .meta a { color: #777; text-decoration: none; }
article.hentry footer .meta a:hover { text-decoration: underline; }
article.hentry footer .tags {
	width: auto;
    height: 45px;
    background: #999;
    border-bottom: 3px solid #fff;
    color: #fff;
    margin-right: 174px;
    float: none;
    margin-left: 274px;
}
article.hentry footer .tags .icon {
	margin: 10px 3px 0px 10px;
	float: left;
}
article.hentry footer .tags .links {
	margin-top: 14px;
	float: left;
}
article.hentry footer .tags .links a {
	color: #fff;
    text-decoration: none;
    font-size: 10pt;
    font-weight: 800;
}
article.hentry footer .tags .links a:hover {
	text-decoration: underline;
}

article.hentry footer .social-bar {
	padding: 10px 10px 5px 10px;
	border: 1px solid #222;
	margin-top: 5px;
	float: right;
}
article.hentry footer .social-bar .op {
	opacity: .37;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;

}
article.hentry footer .social-bar:hover .op {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
article.hentry footer .social-bar span.facebook { width: 122px; }
article.hentry footer .social-bar span.twitter { width: 85px; }
article.hentry footer .social-bar span.google { width: 59px; }

article.hentry footer ul.share,
article.hentry footer ul.share li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
article.hentry footer ul.share {
	margin: -48px 0 0 0;
	float: right;
}
article.hentry footer ul.share li {
	width: 48px;
	margin: 0 0 0 10px;
}
article.hentry footer ul.share li a {
	width: 100%;
	padding: 6px 0;
	text-align: center;
	background: #666;
	float: left;
}
article.hentry footer ul.share li:nth-child(1) a {
	background: #fff;
	border-bottom: 3px solid #3b5998;
}
article.hentry footer ul.share li:nth-child(2) a {
	background: #999;
	border-bottom: 3px solid #1dcaff;
}
article.hentry footer ul.share li:nth-child(3) a {
	background: #666;
	border-bottom: 3px solid #dd4b39;
}
article.hentry footer .views {
	width: 152px;
	height: 39px;
	padding: 6px 0 0 10px;
	margin: 0 0 0 10px;
	border: 0 none;
	border-bottom: 3px solid #fff;
	font-size: 18pt;
	color: #fff;
	background: #666;
	font-weight: 800;
	float: left;
}
article.hentry footer .views .icon {
	width: 43px;
	height: 23px;
	margin: 7px 10px 0 0;
	background: url(http://www.yonkis.com/wp-content/themes/yonkis/img/big-eye.png) no-repeat;
	background-size: 43px auto;
	float: left;
}
article.hentry footer .post-thumb {
	 margin-right: 10px;
}
/* -------------- ------- ------- ------- ------- -------  */
.twitter .post_content {
	width: 470px;
	height: 40px;
	padding: 23px 0 0 80px;
	margin-left: 15px;
	background: url(img/bg-twitter.gif) no-repeat;
	font-size: 90%;
	text-shadow: 1px 1px 0 #000;
}
.twitter .post_content .post-container {
	width: 450px;
}
.musiquito .post_content {
	width: 100%;
	height: 36px;
	padding: 18px 0 0 0;
	margin-left: 15px;
	background: url(img/musiquito.gif) no-repeat;
	font-size: 90%;
	text-shadow: 1px 1px 0 #000;
}
.musiquito .post_content .post-container {
	width: 425px;
	height: 21px;
	margin: 0 65px;
	padding: 5px 0 0 0;
	text-align: center;
}

.especial img, .especial div {
	float: left;
}

.post_content div { float: left; }
.post_content center > div { display: inline-block; float: none; }
.post_content .gallery { width: 100%; float: left; }
.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin: 0; }
.post_content li { margin-bottom: 0.75em; }
.post_content ul li { list-style-type: none; }
.post_content ol li { list-style-type: none; }

.post_content img { margin: 0; max-width: 100%; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 1em; background: #eee; border: 2px solid #cecece; }

.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
.gallery-item {
	height: 154px;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.gallery-caption {
	width: 150px;
	padding: 3px 0;
	margin-left: 13px !important;
	text-align: center;
	background: rgba(0,0,0,0.7);
	color: #fff;
	position: absolute;
	bottom: -100px;
	-webkit-transition: bottom 500ms ease-in-out;
	-moz-transition: bottom 500ms ease-in-out;
	-o-transition: bottom 500ms ease-in-out;
	transition: bottom 500ms ease-in-out;
}
.gallery-item:hover .gallery-caption {
	bottom: 2px;
	-webkit-transition: bottom 500ms ease-in-out;
	-moz-transition: bottom 500ms ease-in-out;
	-o-transition: bottom 500ms ease-in-out;
	transition: bottom 500ms ease-in-out;
}
.attachment a {
	text-decoration: none;
}
.attachment article header {
	width: 100%;
	margin-top: 13px;
	float: left;
}
.attachment article header a span {
	font-size: 24pt;
	color: #fff;
}
.attachment article header h1 {
	margin: 13px 10px 0 10px;
	color: #8e8e8e;
	float: left;
}
.attachment article header h1 a {
	padding-left: 33px;
	background: url(img/gallery.gif) no-repeat center left;
}
.attachment article header span.right {
	margin-top: 17px;
	cursor: help;
	color: #666;
}
.attachment article header span.right span {
	height: 19px;
	margin-top: 2px;
	margin-right: 5px;
	display: none;
	float: right;
	-webkit-transition: width 500ms ease-in-out;
	-moz-transition: width 500ms ease-in-out;
	-o-transition: width 500ms ease-in-out;
	transition: width 500ms ease-in-out;
}
.attachment article p.title {
	width: 300px;
	height: 38px;
	padding: 0 5px;
	margin-top: 4px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 18pt;
	background: #2b2b2b;
	float: left;
}
.attachment article p.attachment {
	width: 845px;
	padding: 15px;
	margin-top: 19px;
	border: 1px solid #2b2b2b;
	background: url(img/bg-gallery.gif);
	text-align: center;
	float: left;
}
.attachment article .post-container {
	width: 310px;
}
.attachment article .image-data {
	width: 528px;
	min-height: 73px;
	padding: 10px;
	margin-top: 4px;
	border: 1px solid #2b2b2b;
	float: right;
}
.attachment article .image-data p.caption {
	color: #fff;
	margin-top: 0;
	margin-bottom: 5px;
}
.attachment article .image-data p.description {
	color: #999;
	margin: 0;
}

/* related posts */
#related-title {
	width: 100%;
	margin-top: 0;
	font-size: 18px;
	color: #fff;
	border-bottom: 1px solid #fff;
	float: left;
}
#related-posts {
	width: 875px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	position: relative;
	z-index: 999;
	float: left;
} 
.flipster-wrapper {
	width: 873px;
	height: 246px;
	margin-bottom: 20px;
	border: 1px solid #222;
	float: left;
}
#related-posts.flipster {
	width: 855px;
	padding: 0;
	margin: 0 10px;
	border: 0 none;
}
#related-posts.flipster .wrapper {

}
#related-posts article {
	width: 278px;
	margin: 0;
	float: left;
}
#related-posts article.center {
	margin: 0 20px;
}
#related-posts article.playlist,
#related-posts article.playlist img {
	width: 150px;
	height: 150px;
}
#related-posts article.playlist .entry-title {
	width: 150px;
	font-size: 7pt;
	text-align: center;
	color: #666;
	position: absolute;
	top: 160px;
	left: 0;
	display: none;
}
#related-posts article.playlist.flip-current .entry-title {
	display: block;
}
.flipster-wrapper #mplayer {
	width: 275px;
	height: 26px;
	padding: 0;
	margin: 0 0 0 300px;
	float: left;
}
.flipster-wrapper #mplayer li {
	padding: 0;
	margin: 0;
	float: left;
}
.flipster-wrapper #mplayer li a {
	margin: 0 34px 0 0;
	background: url(img/musiquito-player.png);
	float: left;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.flipster-wrapper #mplayer li a:hover {
	opacity: 0.8;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.flipster-wrapper #mplayer li a.prev {
	width: 31px;
	height: 23px;
	background-position: 0 0;
}
.flipster-wrapper #mplayer li a.replay {
	width: 22px;
	height: 23px;
	background-position: -65px -1px;
}
.flipster-wrapper #mplayer li a.play {
	width: 21px;
	height: 22px;
	background-position: -128px -2px;
}
.flipster-wrapper #mplayer li a.play.playing {
	width: 21px;
	height: 22px;
	background-position: -310px -2px;
}
.flipster-wrapper #mplayer li a.rand {
	width: 33px;
	height: 26px;
	background-position: -182px 0;
}
.flipster-wrapper #mplayer li a.next {
	width: 31px;
	height: 23px;
	margin-right: 0;
	background-position: -246px 0;
}
#related-posts article img {
	margin-right: 10px;
	float: left;
}
#related-posts article a { color: #fff; text-decoration: none; }
#related-posts article a:hover { text-decoration: underline; }
#related-posts article .excerpt {
	text-decoration: none;
	font-size: 8pt;
	color: #888;
}

.indice {
	padding-top: 30px;
	float: left;
}
.indice .musiquito {
	width: 165px;
	height: 165px;
	margin: 5px;
	float: left;
	position: relative;
}
.indice.cromos article img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.indice.cromos article:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.indice .musiquito .entry-title {
	padding: 5px;
	font-size: 8pt;
	color: #fff;
	background: rgba(0,0,0,0.7);
	text-align: center;
	opacity: 0;
	position: absolute;
	right: 1px;
	bottom: 1px;
	left: 1px;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.indice .musiquito:hover .entry-title {
	opacity: 1;
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

#default-top-area { margin-top: 20px; float: left; }
#default-top-area .widget { margin-bottom: 0; }

#default-bottom-area { float: left; }
#default-bottom-area .widget { margin-bottom: 0; }

/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next {
	margin: 1.1em 0 2.2em;
}
.bones_page_navi li {
	min-width: 26px;
	height: 32px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	float: left;
} 
.bones_page_navi li a {
	min-width: 26px;
	height: 20px;
	padding: 2px 5px 0 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #333;
	position: relative;
	color: #333;
}
.bones_page_navi li a:hover {
	color: yellow;
	text-decoration: none;
}
.bones_page_navi li.bpn-current {
	height: 20px;
	padding: 2px 0 0 0;
	border: 1px solid #fff;
	color: #fff;
	
}
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link {} /* previous link */
.bones_page_navi li.bpn-prev-link a {}
.bones_page_navi li.bpn-prev-link a:hover {}
.bones_page_navi li.bpn-next-link {} /* next page link */
.bones_page_navi li.bpn-next-link a {  }
.bones_page_navi li.bpn-next-link a:hover {}
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover {}
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover {}

/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }


/******************************************************************
COMMENT STYLES
******************************************************************/

a.comments { text-decoration: none; background: ; }

.commentlist { width: 100%; margin: 0; float: left; }
.commentlist li { clear: both; list-style-type: none; margin-bottom: 45px; padding: 0; }
.commentlist li:last-child { margin-bottom: 0; }
.commentlist .comment {
	padding: 0;
	margin: 0 0 20px 0;
}
.commentlist .children { width: 100%; margin-top: 20px; }
.commentlist .comment-author { background-image: none!important; }
.commentlist .comment-author .comment-edit-link { text-decoration: none; }
.commentlist .comment-author .comment-edit-link:hover { text-decoration: underline; }
.commentlist .vcard { margin-left: 0; }
.commentlist .vcard cite.fn { font-weight: 400; font-style: normal; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.avatar {
	border: 3px solid #555;
	background: #000;
	float: left;
}
.commentlist .collab .vcard img.avatar {
	width: 70px;
	height: 70px;
	border: 3px solid #fff;
}
.commentlist .master .vcard img.avatar {
	border: 3px solid #fff;
	box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
	position: relative;
	z-index: 1;
}
.commentlist .comment-author-increate > .master .vcard img.avatar {
	border: 3px solid #5ebc40;
    box-shadow: 0 0 0;
}
.commentlist .comment-author-increate > .master {
	font-family: monospace;
}
.commentlist li > .master .sr-yonkis {
	background: url(http://www.yonkis.com/wp-content/uploads/2016/10/sr-yonkis.gif) no-repeat center center;
    background-size: 170px;
    width: 170px;
    height: 170px;
    display: block;
    position: absolute;
    left: -48px;
    top: -48px;
    z-index: 0;
}
.commentlist li > .author .vcard .author {
	background: url(http://www.yonkis.com/wp-content/themes/yonkis/img/pro-user.gif) no-repeat center center;
    background-size: 130px;
    width: 170px;
    height: 170px;
    display: block;
    opacity: 0.6;
    position: absolute;
    left: -48px;
    top: -48px;
    z-index: 3;
}
.commentlist .comment-author-increate > .master p {
    font-weight: 900;
}
.commentlist li .vcard .castigado {
	width: 70px;
	height: 70px;
    margin-top: 3px;
    margin-left: -73px;
	background: url('img/avatar-castigo.png');
    background-size: 100%;
    opacity: 0.5;
	position: absolute;
    z-index: 99999;
}
.commentlist .comment-meta {
	margin: 5px 10px 0 0;
	color: #666;
	font-size: 8pt;
	float: right;
} 
.commentlist li .comment_content {
	width: 739px;
	min-height: 44px;
	margin: 0 0 0 20px;
	padding: 15px 20px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	color: #fff;
	background: #333;
	word-wrap: break-word;
	float: left;
	-webkit-transition: border-top-color 500ms ease-in-out;
	-moz-transition: border-top-color 500ms ease-in-out;
	-o-transition: border-top-color 500ms ease-in-out;
	transition: border-top-color 500ms ease-in-out;
	position: relative;
}
.commentlist li .comment_content iframe {
	margin-top: 20px;
	clear: both;
	float: left;
	display: none;
}
.commentlist li .comment_content video {
	width: 100%;
	height: 400px;
	margin-top: 20px;
	display: block;
	clear: both;
	float: left;
}
.commentlist li .depth-3 .comment_content iframe,
.commentlist li .depth-3 .comment_content video {
	width: 100%;
	height: 310px;
}
.commentlist li .depth-4 .comment_content iframe,
.commentlist li .depth-4 .comment_content video {
	width: 100%;
	height: 295px;
}
.commentlist li .depth-5 .comment_content iframe,
.commentlist li .depth-5 .comment_content video {
	width: 100%;
	height: 250px;
}
.logged-in .commentlist li .depth-5 article footer .fake-reply-link {
	display: none;
}
.commentlist li .comment_content.goodcomment {
	border-top-color: #5ebc40;
	-webkit-transition: border-top-color 500ms ease-in-out;
	-moz-transition: border-top-color 500ms ease-in-out;
	-o-transition: border-top-color 500ms ease-in-out;
	transition: border-top-color 500ms ease-in-out;
}
.commentlist li .comment_content.bestcomment {
	border-top-width: 3px;
}
.commentlist li article.master .comment_content {
	border-top-color: #5ebc40;
}
.commentlist li.comment-author-increate > article.master .comment_content {
	border-top-color: #555;
}
.commentlist li {
	float: right;
}
.commentlist li .children footer,
.commentlist li .children #respond {
	clear: both;
	float: right;
}
.commentlist li.depth-2 header,.commentlist li.depth-3 header,.commentlist li.depth-4 header,.commentlist li.depth-5 header {
	margin-left: 0;
	float: left;
}
.commentlist li.depth-1 {
	width: 100%;
	padding: 0 40px;
	margin-bottom: 40px;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
}
.commentlist li.depth-1.haschildren {
	background: #111;
}
.commentlist li article header {
	float: left;
	position: relative;
}
.commentlist li article header .corner {
	width: 20px;
	height: 20px;
	background: #333;
	position: absolute;
    top: 28px;
	right: -30px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.commentlist li.depth-2.haschildren,.commentlist li.depth-3.haschildren,.commentlist li.depth-4.haschildren {
	box-shadow: inset 0 -10px 20px rgba(0,0,0,0.17);
	background: -moz-linear-gradient(left,rgba(34,34,34,0.37) 0%, rgba(0,0,0,0) 50%);
	background: -webkit-linear-gradient(left,rgba(34,34,34,0.37) 0%,rgba(0,0,0,0) 50%);
	background: linear-gradient(to right,rgba(34,34,34,0.37) 0%,rgba(0,0,0,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6222222', endColorstr='#00000000',GradientType=1 );
	border-left: 1px solid;
	-webkit-border-image: -webkit-linear-gradient(top bottom, #000 80%,transparent 100%);
	-o-border-image: -o-linear-gradient(top bottom, #000 80%,transparent 100%);
	border-image: linear-gradient(to bottom, #000 80%,transparent 100%);
	border-image-slice: 1;
}
.commentlist li.depth-2,
.commentlist li.depth-3,
.commentlist li.depth-4,
.commentlist li.depth-5 {
	width: calc(100% - 96px);
}
.commentlist li.depth-1 .comment_content,
.commentlist li.depth-1 footer,
.commentlist li.depth-2 .comment_content,
.commentlist li.depth-2 footer,
.commentlist li.depth-3 .comment_content,
.commentlist li.depth-3 footer,
.commentlist li.depth-4 .comment_content,
.commentlist li.depth-4 footer,
.commentlist li.depth-5 .comment_content,
.commentlist li.depth-5 footer {
	width: calc(100% - 136px);
	float: right;
}
.commentlist li .comment_content p {
	margin: 0;
	font-size: 11pt;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.commentlist li .comment_content p.moderation {
	color: #bb5853;
}
.commentlist li .comment_content p .comment_image {
	width: 100%;
	clear: both;
	float: left;
}
.commentlist li .comment_content p .comment_image a {
	text-decoration: none;
}
.commentlist li .comment_content p .comment_image a svg {
	position: relative;
	top: 4px;
}
.commentlist li .comment_content p img {
	max-width: 100%;
	float: left;
}
.commentlist li .comment_content p img.emoji {
	float: none !important;
}
.commentlist li ul { margin: 0; }
.commentlist li article .comment_content .msg {
	color: #424242;
}
.commentlist li article .comment_content .msg.never {
	color: #bb5853;
}
.commentlist li article .comment_content .msg a {
	color: #424242;
	text-decoration: underline;
	cursor: pointer;
}
.commentlist li article footer {
	width: 739px;
    padding: 10px 20px;
    border-bottom: 1px solid #444;
    color: #fff;
    background: #222;
	float: right;
	position: relative;
}
.commentlist li article footer .comment-votes {
	width: 140px;
    height: 38px;
    padding-top: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    display: block;
    float: right;
}
.commentlist li article footer .comment-meta .comment-link {
	display: none;
}
.commentlist li article footer .comment-meta .comment-link a {
	color: #999;
	font-weight: 400;
}
.commentlist li article footer div.updown-vote-box {
	height: 28px;
    margin-top: 0;
    margin-right: 0;
    float: right;
}
.commentlist li.depth-5 article footer div.updown-vote-box {
	margin-right: -12px;
}
.commentlist li article.master footer div.updown-vote-box {
	display: none;
}
.commentlist li article footer div.updown-vote-box .updown-total-count {
	margin-top: 6px;
	margin-right: 15px;
	font-size: 14pt;
	font-weight: 800;
	cursor: help;
	float: left;
}
.logged-in .commentlist li article footer div.updown-vote-box .updown-total-count {
	margin-right: 5px;
}
.commentlist li.comment > article.master footer div.updown-vote-box div {
	display: none;
}
.commentlist li.comment > article.master footer div.updown-vote-box,
.commentlist li.comment > article.master footer div.updown-vote-box .updown-total-count {
	display: block !important;
}
.commentlist li.comment > article.master footer div.updown-vote-box > .updown-total-count {
	margin-right: 15px;
	color: #5ebc40;
}
.commentlist li.comment.comment-author-increate > article.master footer div.updown-vote-box > .updown-total-count {
	color: #666;	
}
.commentlist li article footer div.updown-vote-box div {
	margin-top: -5px;
	float: right;
}
.commentlist li article footer div.updown-vote-box div img.updown-button.updown-up-button {
	margin-right: 4px;
}
.commentlist li article footer div.updown-vote-box div img.updown-button.updown-down-button {
	margin-right: -6px;
}
.commentlist li article footer div.updown-vote-box div img.updown-button {
	width: 40px;
}
.commentlist li article footer .comment-meta {
	margin: 7px 0 0 0;
    font-size: 9pt;
    color: #666;
    float: left;
}
.commentlist li article footer .comment-reply-link,
.commentlist li article footer .fake-reply-link,
.commentlist li article footer .comment-reply-login {
	width: 20px;
    height: 25px;
    padding-top: 3px;
    margin: 0;
    text-align: center;
	float: right;
}
.commentlist li article footer .fake-reply-link {
	display: none;
}
.logged-in .commentlist li article footer .fake-reply-link {
	display: block;
}
.commentlist li article footer .comment-meta cite.fn {
	margin-right: 3px;
	font-style: normal;
    font-weight: 800;
    float: left;
}
.commentlist li.depth-5 article footer .comment-meta cite.fn {
	max-width: 125px;
	overflow-x: hidden;
}
.commentlist li article footer .comment-meta a {
	color: #fff;
	text-decoration: none;
}
.commentlist li article footer .voters {
	width: 160px;
	padding: 10px 10px 0 10px;
	background: #444;
	box-shadow: 0 10px 10px rgba(0,0,0,0.3);
	display: none;
	position: absolute;
	top: 48px;
	right: 0;
	z-index: 99;
}
.commentlist li article footer .voters li {
	width: 100%;
	margin: 0 0 10px 0;
	color: #333;
	float: left;
}
.commentlist li article footer .voters li.corner {
    width: 10px;
    height: 10px;
    background: #222;
	position: absolute;
    top: -5px;
    left: 43px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.commentlist li.depth-5 article footer .voters li.corner {
	left: 76px;
}
.commentlist li article footer .voters .positive {
	color: #5ebc40;
}
.commentlist li article footer .voters .negative {
	color: #bb5853;
}
.commentlist li article footer .voters li.count {
	border-top: 1px solid #555;
    font-size: 12pt;
	font-weight: 900;
}
.commentlist li article footer .voters li.count span {
	width: 50%;
	margin-top: 4px;
    margin-bottom: -6px;
	text-align: center;
	float: left;
}
.commentlist li article footer .voters li.count span.positive {
	box-shadow: 1px 0 0 #555;
}
.commentlist li article footer .voters li.count span.positive.solo,
.commentlist li article footer .voters li.count span.negative.solo {
	width: 100%;
	box-shadow: 0 0 0;
}
.commentlist li article footer .voters li.pbar {
	width: 180px;
    height: 3px;
    margin: 0 0 0 -10px;
}
.commentlist li article footer .voters li.pbar span {
	height: 3px;
	float: left;
}
.commentlist li article footer .voters li.pbar span.pp {
	background: #5ebc40;
}
.commentlist li article footer .voters li.pbar span.pn {
	background: #bb5853;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }

li .respond-form {
	margin: 20px 0 0 0 !important;
	float: left;
}
li.haschildren > .respond-form {
	margin-bottom: 20px !important;
}

.respond-form form[method=post] {
	width: calc(100% - 96px);
    padding-bottom: 15px;
	margin: 0 0 0 20px;
    border-bottom: 1px solid #555;
    background-color: #000;
    float: left;
    position: relative;
    z-index: 1;
}
.respond-form form[method=post]:after {
	content: '';
	width: 100%;
	height: 100%;
	background: url('https://media.giphy.com/media/vAS8J2hof9JL2/giphy-downsized.gif');
	opacity: 0.15;
	position: absolute;
	top: 0;
	z-index: 0;
}
.commentlist li.depth-1 #respond {
	width: calc(100% - 96px);
	margin-left: 22px;
}

.commentlist li.depth-3 #respond #cancel-comment-reply {
	/* display: none; */
}

.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }

#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { font-family: "Lato", Verdana, Arial, sans-serif; resize: none; width: 97.3%; height: 150px; }
#submit {
	height: 35px;
	padding: 0 20px;
	margin-right: 20px;
	margin-top: 0;
	background: #333;
	border: 0 none;
	border-radius: 0;
	color: #bababa;
	text-shadow: 2px 2px 0 #000;
	border-radius: 0;
	font-family: "Lato", Verdana, Arial, sans-serif;
	font-size: 10pt;
	letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
#submit:focus {
	outline: none;
}
#submit:active {
	padding-top: 5px;
}

/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }

/* no comments */
.nocomments { margin: 0 20px 1.1em; }

#comment-form {
	width: 100%;
	padding: 0 40px;
	float: right;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#comment-form #cancel-comment-reply {
	display: none;
}
#respond {
	width: 100%;
    padding: 0;
    margin: 0;
    float: left;
}
#comments {
	width: calc(100% - 80px);
	margin: 20px 40px;
	color: #fff;
	border-bottom: 1px solid #333;
	font-size: 18px;
	float: left;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
#comments span { color: #878787; }
#comments p {
	margin-bottom: 0;
	font-size: 10pt;
	color: #aaa;
	float: right;
}
#comments p a { color: #fff; text-decoration: underline; }
#comments p.order { color: #878787; }
#comments p.order a { color: #666; text-decoration: none; }
#comments p.order a:hover,
#comments p.order a.active { color: #fff; }
#comments p a:hover { color: yellow; }
#comments p.show-images {
	margin: 13px 20px 0 0;
}
#comments p.show-images a {
	color: #ffcc00;
	text-decoration: none;
}
#comments p.show-images a svg {
	position: relative;
    top: 1px;
}

li #respond {
	float: right;
}

#respond p.comments-logged-in-as {
	margin: 0 0 10px 0;
	font-weight: 400;
	font-size: 8pt;
	float: left;
}
#respond textarea {
	width: calc(100% - 40px);
    height: auto;
    padding: 15px 20px;
    margin-bottom: 1px;
    border: 0 none;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    font-size: 11pt;
    background: #333;
    font-family: "Lato", Verdana, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color: #fff;
    position: relative;
    z-index: 2;
}
#respond textarea::-webkit-input-placeholder {
	color: #fff;
}
#respond textarea:-moz-placeholder {
	color: #fff;
}
#respond textarea::-moz-placeholder {
	color: #fff;
}
#respond textarea:-ms-input-placeholder {
	color: #fff;
}
#respond textarea:focus {
	outline: none;
}

.logged-in .real-link {
	display: none;
}

.comment-avatar {
	position: relative;
}
.comment-avatar img {
	border: 3px solid #555;
    background: #000;
    float: left;
}
.comment-avatar .corner {
	width: 20px;
    height: 20px;
    background: #333;
    position: absolute;
    top: 28px;
    right: -30px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cancel-comment-reply a {
	height: 26px;
    padding: 9px 10px 0 10px;
    margin-right: 10px;
    background: #333;
    border: 0 none;
    border-radius: 0;
    color: #bababa;
    text-shadow: 2px 2px 0 #000;
    border-radius: 0;
    font-family: "Lato", Verdana, Arial, sans-serif;
    font-size: 10pt;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    float: right;
    position: relative;
    z-index: 2;
}
select#subscribe-reloaded {
    height: 35px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 20px;
    background: #bababa;
    border-radius: 0;
    border: 0 none;
    cursor: pointer;
	float: left;
	-o-appearance: none;
	-o-border-radius: 0px;
	-ms-appearance: none;
	-ms-border-radius: 0px;
	-moz-appearance: none;
	-moz-border-radius: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
.comment-form-subscriptions label {
	float: left;
	position: relative;
	z-index: 2;
}
.comment-form-subscriptions label .select-arrow {
    font-size: 8pt;
    color: #666;
	position: absolute;
    top: 10px;
    right: 5px;
}
.unsubscribe {
	margin: 8px 0 0 20px;
	font-size: 10pt;
	color: #fff;
	float: left;
	position: relative;
	z-index: 2;
}

/******************************************************************
FOOTER STYLES
******************************************************************/

.footer {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 1px;
	background-color: #000;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;
	font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	float: left;				
}
.footer .wrapper {
	width: 875px;
	margin: 12px auto 0 auto;
	text-align: left;
}
.footer .wrapper .since img {
	margin-right: 7px;
}
.footer .title {
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
	text-align: right;
	font-weight: normal;
}
.social-nav li a span {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	text-indent:-9999em;
	overflow:hidden;
	background-image:url(img/footer-social-single.gif);
	background-repeat:no-repeat;
	text-align: left;
}
.social-nav {
	overflow:hidden;
	margin-bottom: 15px;
	margin-right: 46px;
}
.social-nav ul {
	float: left;
}
.social-nav li {
	float:left;
	list-style-type:none;
	margin-left: 60px;
	text-align: left;
}
.social-nav li.last {
	
}
.social-nav li span {
	opacity: .3;
	width: 22px;
	height: 19px;
}
.social-nav li a.twitter span {
	background-position: 0 0;
}
.social-nav li a.facebook span {
	background-position: -40px 0;
}
.social-nav li a.googleplus span {
	background-position: -70px 0;
}
.social-nav li a.rrss span {
	background-position: -105px 0;
}
.social-nav li a.spotify span {
	background-position: -138px 0;
}
.social-nav li a:hover span {
	opacity: 1;
}

.footer .links-nav {
	float: right;
	clear: both;
	margin-bottom: 5px;
}
.footer .links-nav ul {
	padding: 3px 0;
	overflow: hidden;
}
.footer .links-nav li {
	float: left;
	list-style-type: none;
	border-left: 1px solid #666;
	padding: 1px 15px;
	font-size: 8pt;
}
.footer .links-nav li.first {
	border-left: none;
}
.footer .links-nav li.last {
	padding-right: 0;
}
.footer .links-nav a {
	color: #666;
	text-decoration: none;
}
.footer .links-nav a:hover {
	text-decoration: underline;
}

/******************************************************************
THANKS
******************************************************************/

#thanks {
	width: 875px;
	margin-top: 25px;
	float: left;
	position: relative;
}
#thanks img.thankyou {
	width: 800px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
}
#thanks .thanks {
	margin: 2px;
	float: left;
}

/******************************************************************
404
******************************************************************/

.error404 #container {
	clear: both;
}
#main.not-found {
	min-height: 639px;
	background: url(img/bg-404.jpg) no-repeat right 7px;
}
#main.not-found h1 {
	margin: 10px 0 0 0;
	color: #fff;
	font-weight: 400;
	font-size: 42pt;
}
#main.not-found article section {
	float: left;
}
#main.not-found article section p {
	width: 330px;
	padding-left: 16px;
	color: #8d8d8d;
	font-size: 14px;
	line-height: 20px;
}
#main.not-found article section p strong {
	color: #fff;
	font-weight: 400;
}
#main.not-found article section h2 {
	margin: 23px 0 0 0;
	font-size: 17pt;
	font-weight: 400;
}
#main.not-found article section .hits p {
	margin-top: 20px;
	color: #fff;
}
#main.not-found article section .hits #hits-slider {
	width: 450px;
	height: 150px;
	margin: 15px 0 0 16px;
	overflow: hidden;
	float: left;
}
#main.not-found article section .hits #hits-slider .wrapper {
	width: 2700px;
	position: relative;
	float: left;
}
#main.not-found article section .hits #hits-slider .wrapper .hits-post {
	width: 450px;
	float: left;
}
#main.not-found article section .hits #hits-slider .wrapper .hits-post .thumb {
	width: 150px;
	height: 150px;
	float: left;
}
#main.not-found article section .hits #hits-slider .wrapper .hits-post .thumb img {
	width: 150px;
	height: 150px;
}
#main.not-found article section .hits #hits-slider .wrapper .hits-post .post-content {
	width: 290px;
	height: 150px;
	margin-left: 10px;
	font-size: 10pt;
	color: #8d8d8d;
	float: left;
}
#main.not-found article section .hits #hits-slider .wrapper .hits-post .post-content strong {
	font-size: 12pt;
	color: #fff;
}
#main.not-found article section .hits #hits-nav {
	width: 150px;
	margin: 10px 0 0 16px;
	text-align: center;
	clear: both;
	float: left;
}
#main.not-found article section .hits #hits-nav li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 10px;
	background: #7f7f7f;
	cursor: pointer;
	display: inline-block;
}
#main.not-found article section .hits #hits-nav li:hover, #main.not-found article section .hits #hits-nav li.current {
	background: #fff;
}
#main.not-found article footer h3 {
	width: 100%;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #666;
	font-size: 18pt;
	font-weight: 400;
	color: #bababa;
	float: left;
}
.related-posts {
	width: 962px;
	padding-bottom: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
	overflow: hidden;
	float: left;
} 
.related-posts .wrapper-related {
	width: 2886px;
	position: relative;
	float: left;
}
.related-posts .wrapper-related article.last {
	margin-right: 28px;
}
#hot-nav ul {
	width: 100%;
	margin-top: -10px;
	text-align: center;
	float: left;
}
#hot-nav ul li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 10px;
	background: #7f7f7f;
	cursor: pointer;
	display: inline-block;
}
#hot-nav ul li:hover,
#hot-nav ul li.current {
	background: #fff;
}
.related-posts article {
	width: 298px;
	margin: 0;
	float: left;
}
.related-posts article.center {
	margin: 0 20px;
}
.related-posts article img {
	margin-right: 10px;
	float: left;
}
.related-posts article a { color: #fff; text-decoration: none; }
.related-posts article a:hover { text-decoration: underline; }
.related-posts article .excerpt {
	text-decoration: none;
	font-size: 8pt;
	color: #888;
}
#main.not-found .somehelp {
	color: #fff;
}

/******************************************************************
YONKIS
******************************************************************/
.author-box {
	width: 100%;
    padding-bottom: 20px;
	margin: 30px 0;
	border-bottom: 1px solid;
	float: left;
}
.author-box .author-avatar {
	width: 192px;
	height: 192px;
	margin-right: 20px;
	border: 4px solid #fff;
	float: left;
}
.author-box .author-meta {
	width: 655px;
	float: left;
}
.author-box .author-meta h3 {
    margin: -11px 0 0 0;
    font-size: 28pt;
    letter-spacing: 2px;
	color: #fff;
}
.author-box .author-meta h3 small {
	margin-left: 5px;
	font-size: 10pt;
	letter-spacing: 1px;
}
.author-box .author-meta h3 small a {
	color: #999;
}
.author-box .author-meta p {
	width: 100%;
    margin-top: 0;
	font-size: 14pt;
	color: #999;
	float: left;
}
.author-box .author-meta p.social-intro {
	font-size: 12pt;
    margin-bottom: 8px;
}
.author-box ul.social,
.author-box ul.social li {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.author-box ul.social {
	margin: 0;
	float: left;
}
.author-box ul.social li {
	width: 48px;
	background-color: #666;
	margin: 0 10px 0 0;
}
.author-box ul.social li a {
	width: 100%;
	padding: 6px 0;
	text-align: center;
	background: #666;
	float: left;
}
.author-box ul.social li:nth-child(1) a {
	border-bottom: 3px solid #3b5998;
}
.author-box ul.social li:nth-child(2) a {
	border-bottom: 3px solid #1dcaff;
}
.author-box ul.social li:nth-child(3) a {
	border-bottom: 3px solid #bb0000;
}
.author-box ul.social li:nth-child(4) a {
	border-bottom: 3px solid #125688;
}
.author-box ul.social li:nth-child(5) a {
	border-bottom: 3px solid #00bf8f;
}
.author-box ul.social li:nth-child(6) a {
	border-bottom: 3px solid #fffc00;
}
.author article {
	background: transparent;
	border-bottom: 1px dashed #666;
}
.author article .thumb {
	width: 142px;
	height: 142px;
	margin-right: 20px;
	border: 4px solid #fff;
	float: left;
}
.author article .thumb img {
	width: 100%;
	height: 100%;
}
.author article .entry-title {
	font-size: 16pt;
}
.author article .meta {
	position: relative;
	top: -10px;
}
.author article .post_content {
	font-size: 12pt;
}

/******************************************************************
MISC
******************************************************************/

.cap {
	text-transform: capitalize;
}
.twitter-video-rendered {
	padding: 10px;
	border: 1px solid #222;
}
.twitter-video,
.twitter-video div {
	width: 100%;
}
.fav-msg {
    width: 100%;
    height: 38px;
    padding-top: 12px;
    border-top: 1px solid #333;
    font-size: 13pt;
    background: #222;
    color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 999;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.fav-msg svg {
	position: relative;
    top: 1px;
}
*:focus {
	outline: none !important;
}

/******************************************************************
CASTIGOS
******************************************************************/

.commentlist li.comment-author-loquenosestapsando > article footer div.updown-vote-box .updown-up-button,
.commentlist li.comment-author-loquenosestapsando > article footer div.updown-vote-box .updown-down-button {
	display: none;
}

/******************************************************************
TOP VOTOS
******************************************************************/
.top-voters p {
    width: 31.333%;
    padding: 10px 0 0 0;
    margin: 0 1% 25px 1%;
    font-size: 12pt;
    text-align: center;
    background: #222;
	color: #fff;
    float: left;
    position: relative;
}
.top-voters p .uavatar {
	height: 92px;
	width: 92px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.08;
    filter: grayscale(100);
	background-size: 100%;
	box-shadow: inset -30px 0 70px #222;
}
.top-voters p .positives {color: #5ebc40;}
.top-voters p .negatives {color: #bb5853;}
.top-voters .total,
.top-voters .total span {
	width: 100%;
	height: 24px;
	text-align: center;
	color: white;
	font-weight: 900;
	float: left;
}
.top-voters .total {
	margin-top: 10px;
}
.top-voters .total span.positives {border-bottom: 3px solid #5ebc40;color: #5ebc40;}
.top-voters .total span.negatives {border-bottom: 3px solid #bb5853;color: #bb5853;}
#disclaimer {
	width: 100%;
	padding: 40px 0 20px 0;
	margin-top: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #222;
	color: #ccc;
	float: left;
}
#disclaimer h4 {
	width: 100%;
    margin-top: 0;
    text-transform: uppercase;
    color: #fff;
    float: left;
}
#disclaimer p {
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 12pt;
	float: left;
}
#disclaimer p strong {
	color: #fff;
}
/* SCE */
.sce-timer {
	display: none !important;
}
.sce-edit-button a {
	width: 50px;
	height: 30px;
	text-align: center;
	background-color: #333;
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 4;
	animation: pulse 1s linear infinite;
}
@keyframes pulse {
	0% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 1;}
}
.sce-edit-button a svg {
	position: relative;
	top: 10px;
}
.timer {
    width: 100%;
    height: 5px;
    background: #fff;
	position: absolute;
    top: -3px;
    right: 0;
    z-index: 3;
}
.sce-comment-text {
    width: calc(100% - 22px);
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff;
	background: #222;
	border-color: #aaa;
	resize: none;
	font-family: "Lato", Verdana, Arial, sans-serif;
}
.sce-comment-edit-buttons {
	float: right;
}
.sce-comment-save,
.sce-comment-cancel {
    height: 35px;
    padding: 0 20px;
    margin-left: 20px;
    margin-top: 0;
    background: #555;
    border: 0 none;
    border-radius: 0;
    color: #bababa;
    text-shadow: 2px 2px 0 #000;
    border-radius: 0;
    font-family: "Lato", Verdana, Arial, sans-serif;
    font-size: 10pt;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.sce-loading img {
	width: 42px;
}
.sce-status.error {
    width: 100%;
    margin: 0;
    border: 0;
    background: transparent;
    color: red;
    float: left;
}

/* ADD IMAGE */
#add-image {
    width: 30px;
    height: 25px;
    padding: 5px 10px;
    margin-right: 10px;
    background-color: #999;
    cursor: pointer;
	transition: background 250ms ease;
    float: right;
    position: relative;
    z-index: 2;
}
#add-image:hover {
	background-color: #fff;
}
#add-image img {
	height: 100%;
	position: relative;
}
.overlay-images {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
	display: none;
}
.overlay-images .search {
	width: 600px;
	padding: 10px;
	margin-top: 50px;
	margin-left: -310px;
	display: inline-block;
	background-color: #333;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position: absolute;
	left: 50%;
	display: none;
}
.overlay-images .search input {
	width: 85%;
    height: 30px;
	padding: 0;
    margin: 0;
	border: 0;
    color: #fff;
	background-color: transparent;
	font-family: "Lato", Verdana, Arial, sans-serif;
	float: left;
}
.overlay-images .search button {
	width: 10%;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	float: left;
}
.overlay-images .search button svg {
	width: 25px;
	position: relative;
    top: 2px;
}
.overlay-images .search button:hover svg path {
	fill: #fff;
}
.overlay-images .close {
	width: 5%;
	height: 30px;
	text-align: center;
	cursor: pointer;
	float: left;
}
.overlay-images .close svg {
    width: 30px;
    position: relative;
    top: -8px;
}
.overlay-images .close svg path:first-child {
	fill: #999;
}
.overlay-images .close:hover svg path:first-child {
	fill: #fff;
}
.overlay-images #giphyme {
	width: 620px;
	height: calc(100% - 150px);
	margin-left: -310px;
	background-color: #fff;
	overflow: scroll;
	position: absolute;
	top: 110px;
	left: 50%;
	display: none;
}
.overlay-images #giphyme span {
	width: 25%;
	height: 100px;
	background: url(img/loading-giphy.gif) no-repeat center center;
	background-size: 32px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
.overlay-images #giphyme img {
	width: 100%;
	min-height: 100%;
	height: auto;
	float: left;
}