/*
Theme Name: Mixside.com
Theme URI: http://www.mixside.com
Description: Theme for Mixside.com - Made by Samuel Aguilera.
Version: 1.0
Author: Samuel Aguilera
Author URI: http://www.samuelaguilera.com

*/

@import url('css/reset.css');
@import url('css/comentarios.css');


html {
		background-color: #222;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #CCC;
}

a:link, a:visited {
	color: #AACC66;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

h2 {
	font-size: 18pt;
}

#wrap { margin:0 auto 0 auto; width:990px; } /* ancho total y centrado del contenedor */



.publi728x90 {
	width: 728px;
	float: left;
	margin: 5px 0px 5px 0;
}

.publi728x90-2 {
	margin: 10px 0 10px 0;
	max-width: 600px;
}

.publi250x90 {
	width: 250px;
	margin: 5px 0px 5px 12px;
	float: left;
}

.publi250x250 {
	width: 250px;
	float: left;
	margin-left: 11px;
}

.publi250x250-2 {
	width: 300px;
	clear: both;
}

.publi300x250 {
	width: 300px;
	float: left;
	margin-left: 11px;
	text-align: right;
}

#logo_top {
	float: left;
	padding: 25px 7px 0 0;
}

img#logo_top {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	float: left;
	padding: 5px 0px 5px 0;
	font-size: 8pt;
	background-color: #222;
}

#menu ul {
	float: left;
}

#menu > ul > li > ul > li {
	padding: 4px 2px 0px 2px;
}

#menu > ul.columna-siguiente {
	margin-left: 10px;
}


#menu > ul > li.columna-titulo {
	padding: 4px;
	font-weight: bold;
	color: #fff;
}

#menu ul.columna1 > li.columna-titulo {
	background-color: #D01455;
}

#menu ul.columna2 > li.columna-titulo {
	background-color: #D34328;
	width: 68px;
}

#menu ul.columna3 > li.columna-titulo {
	background-color: #6247AD;
	width: 75px;
}

#menu ul.columna4 > li.columna-titulo {
	background-color: #AC54AA;
	width: 75px;
}

#menu ul.columna5 > li.columna-titulo {
	background-color: #009999;
	width: 68px;
}

#menu a:link, a:visited {
	text-decoration: none;
	color:  #AACC66;
}


#menu a:hover {
	display: block;
	width: 100%;
}

#registro {
	color: #fff;
	padding: 8px 4px 0px 8px;
	float: left;
	clear: both;
	width: 404px; /* antes 456px */
	min-height: 24px;
}

#searchbox {
	width: 250px;
	min-height: 26px;
	float: left;
	padding: 6px 4px 0 6px;

}


#search_textfield {
	width: 177px;
	border: none;
}

#search_submit {
	background-color: #b4bd00;
	color: #fff;
	font-weight: bold;
	border: none;
}

.clearfix				{ display: inline-block; }

/* featured slideshow */

.featured				{ float: left; margin: 0 0px 10px 0; height: 250px; width: 676px; } /* width anterior 728px */
#controls				{ position: absolute; float: left; z-index: 10; width: 676px; padding-top: 75px; }

#controls .next, #controls .prev	{  width: 30px; height: 30px; display: block; }
#controls .prev			{ background: url(gfx/featured/prev.png) no-repeat; float: left; }
#controls .next			{ background: url(gfx/featured/next.png) no-repeat; float: right; }

#featured-slideshow		{ position: relative; height: 250px;}			

.featured-article		{ display: block; width: 676px; height: 250px; text-decoration: none !important; }
.featured-entry			{ position: relative; top: 165px; overflow: hidden; background: url(gfx/featured/overlay.png); height: 85px; color: #a7a7a7; padding: 0; display: block; }
.featured-entry .entry-title	{ color: #FFF; padding: 10px 15px 5px; display: block; font-size: 16px; font-weight: bold; }
.featured-entry .entry-summary	{ padding: 0 15px; margin: 0; display: block; }


h2.label-listado {
	/* background-color: #B4BD00; */
	color: #fff;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
	font-family: Helvetica, sans-serif;
}

.cuerpo-articulo-listado {
	float:left;
	margin-top: 10px;
}

.cuerpo-articulo-listado > h3 > a {
	background-color: #B4BD00;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.cuerpo-articulo-listado > h3 > a:hover {

	background-color: #fff;
	color: #b4bd00;	
}

.miniatura90x90 {
	padding: 0px;
	margin-right: 5px;
	display: inline;
	float: left;
	}

.meta-info {
	font-size: 8pt;
	margin: 4px 0 4px 0;
}

.meta-info a {
	background-color: #E16750;
	text-decoration: none;
	padding: 0 3px 0 3px;
	color: #fff;
}

.meta-info a:hover {
	background-color: #fff;
	color: #E16750;
}

#archive-title a {
	background-color: #E16750;
	color: #fff;
}

#archive-title a:hover {
	background-color: #fff;
	color: #E16750;
}


.columna1-articulos {
	float: left;
	clear: left;
	width: 325px;
	margin-right: 8px;
	overflow: none;
	color: #ccc;
}

.columna2-articulos {
	float: left;
	width: 325px;
	margin-right: 7px;
	overflow: none;
	color: #ccc;
}

.columna3-articulos {
	float: left;
	clear: right;
	width: 325px;
	overflow: none;
	color: #ccc;
}

.imagen-directorio {
	
	margin-bottom: 6px;
}


#footer {
	width: 990px;
	padding: 10px 0 10px 0;
	margin-top: 15px;
	float: left;
	clear: both;
	border-top: medium dashed #b4bd00;
	text-align: center;
}



/* clases para articulos de 325x180 */

.thumb-large-article		{ display: block; width: 325px; height: 120px; text-decoration: none !important; margin-bottom: 15px; }
.thumb-large-entry			{ position: relative; top: 75px; overflow: hidden; background: url(gfx/featured/overlay.png); height: 45px; color: #a7a7a7; padding: 0; display: block; }
.thumb-large-entry .thumb-large-entry-title	{ color: #FFF; padding: 5px 15px 5px; display: block; font-size: 12pt; font-weight: bold; }
.thumb-large-entry .thumb-large-entry-summary	{ padding: 0 15px; margin: 0; display: block; }

/* clases para articulos de 325x180 */

.thumb-directorios-article		{ display: block; width: 325px; height: 90px; text-decoration: none !important; margin-bottom: 8px;}
.thumb-directorios-entry			{ position: relative; top: 60px; overflow: hidden; background: url(gfx/featured/overlay.png); height: 30px; color: #a7a7a7; padding: 0; display: block; }
.thumb-directorios-entry .thumb-directorios-entry-title	{ color: #FFF; padding: 5px 15px 5px; display: block; font-size: 12pt; font-weight: bold; }



/*- varios--------------------------- */
	
.redondeado-top-der{
    -moz-border-radius-topright: 8px; /* Firefox */
    -webkit-border-top-right-radius: 8px; /* Safari */
}

.redondeado-top-izq {
    -moz-border-radius-topleft: 6px; /* Firefox */
    -webkit-border-top-left-radius: 6px; /* Safari */	
}

.redondeado-inferior-der {

    -moz-border-radius-bottomright: 6px; /* Firefox */
    -webkit-border-bottom-right-radius: 6px; /* Safari */
}


/* estilos para index.php */

#contenido {
	width: 676px; /* antes 728px */
	float: left;
}

.postmetadata {
	width: 970px;
	float: left;
	padding: 10px;
	background-color: #334063;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	
}

.postmetadata > p {
	padding-bottom: 5px;
}


.post {
	margin-bottom: 15px;
}

.postmetadata h2 {
	margin-bottom: 10px;
}

/* .post p {
	margin: 8px 0 8px 0;
} */

.entry {
	margin-top: 10px;
}

.entry img {
	border:10px solid #111111;
	max-width: 600px; /* para evitar que inserten imágenes con que se superpongan en el sidebar */
}

.entry p {
	margin: 0 0 15px 0;

}


.editarpost-single {
	background-color: #cf3857;
	color: #fff;
	font-weight: bold;
}

.editarpost-single > a {
	color: #fff;
}

#sidebar {
	float: left;
	margin-left: 11px;
	width: 300px;
}

.sidebar-element {
	width: 300px; /* antes 248px */
	margin-bottom: 15px;
	padding-bottom: 10px;
	border: 1px solid #334063;
}

.sidebar-element p {
	padding-left: 15px;
}

.sidebar-element > ul > li {
	padding-left: 12px;
}

.sidebar-element > ul > li.social-title {
	font-size: 12pt;
	background-color: #334063;
	padding: 4px;
	margin-bottom: 10px;
}


/* imágenes miniatura en sidebar e iconos sociales */

.galeria-sidebar {
	margin-top: 10px;
}

.galeria-sidebar .gallery-miniatura {
	float: left;
	width: 33%;
}

.galeria-sidebar .gallery-social {
	float: left;
	width: 25%;
}

.mas-de-categoria {
	padding: 0 2px 10px 6px;
}

#quieres-mas {
background-color:#B4BD00;
color:#FFF;
font-size: 12pt;
font-weight:bold;
text-decoration:none;
}

#quieres-mas:hover {
	color: #B4BD00;
	background-color: #fff;
}

#selector-archivo {
	margin-bottom: 10px;
}

.sidebar-element select {
	width: 224px;
}

#archive-title {
	padding: 15px 0 10px 10px;
	background-color: #b4bd00;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

.navigation div {
	padding: 15px 0 10px 0;
}

.sin-resultados {
	padding: 15px 0 10px 10px;
	background-color: #cf3857;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

/* colores para fondos según categorías */

.fondo-actualidad {
	background-color: #D01455;
}

.fondo-discos {
	background-color: #D34328;
}

.fondo-descargas {
	background-color: #6247AD;
}

.fondo-directorio {
	background-color: #AC54AA;
}

.fondo-clubbing {
	background-color: #009999;
}

.fondo-generico {
		background-color: #334063;
}




/* Estilos para los captions de las imágenes en caso de que se rellenen */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Estilos para Pagebar2 */

div.pagebar {

	float: left;
	padding:3px;
	margin: 15px 5px 5px 0;
	text-align:center;

}



div.pagebar a {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #ddd;

	

	text-decoration: none; 

	color: #88AF3F;

}

div.pagebar a:hover, div.pagebar a:active {

	border:1px solid #85BD1E;

	color: #638425;

	background-color: #F1FFD6;

}

div.pagebar span.current {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #B2E05D;

	font-weight: bold;

	background-color: #B2E05D;

	color: #FFF;

}

div.pagebar span.disabled {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

}

/* Estilos varios */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

#plantilla-comentarios {
	float: left;
	clear: both;
	width: 90%; /* para corregir el ancho de la caja de Disqus */
}

#fb_like_box {
	padding-bottom: 15px;
}

/* espacio para la caja de comentarios de FB */
.fb-comments {
	padding-top:35px;
}