/*  
Theme Name: TRAGARAMA
Theme URI: http://godlikestudio.com/
Description: Tema de Tragarama
Version: 1.0
Author: Rodolfo Berrios
*/

/* Creditos Fondos (Todas las versiones)
   Pulse pack: http://lemex.deviantart.com/art/color-pulse-pack-114414283
*/


body {
	background: #000 url(./img_sitio/fondo.jpg) no-repeat fixed center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

* { outline: 0; }

/* reseteo */
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-shadow: 0 0 3px rgba(255,255,255, .8);
}
	a img {
		border: 0;
	}

ul, ol {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

h1, h2, h3, h4, p {
	line-height: 100%;
	margin: 0;
}

iframe {
	border: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ie .clearfix {
    zoom: 1;
    display: block;
}

a.transparente, .transparente a {
	-ms-filter: alpha(opacity=85);
	-moz-opacity: .85;
	-khtml-opacity: .85;
	opacity: .85;
}
a:hover.transpatente, .transparente a:hover {
	-ms-filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* form */
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

/* ads */
.ad_300 {
	margin-bottom: 25px;
}
.ad_468 {
	width: 468px;
	margin: 35px auto;
	background: url(./img_sitio/pix10.png);
	padding: 5px;
}

/* top */
.top {
	width: 980px; /* 996 960 */
	margin: 5px auto 0 auto;
	height: 113px;
}
	a.logo {
		color: #FFF;
		width: 405px;
		height: 123px;
		display: block;
		float: left;
		position: relative;
		top: 5px;
	}
	.top ul {
		font-size: 11pt;
		margin-top: 65px;
		height: 35px;
		float: right;
	}
		.top ul li {
			line-height: 28px;
			font-weight: bold;
			float: left;
			margin: 0 10px;
		}
			.top ul li a {
				color: #FFF;
				text-shadow: 0 0 4px rgba(0,0,0, 1);
				padding: 0 9px;
			}
			.top ul li a:hover {
				text-shadow: 0 0 5px rgba(255,255,255, 1);
			}
				.top ul li a * {
					display: block;
					float: left;
				}
				.top ul li a span {
					height: 28px;
					width: 7px;
					background-image: url(./img_sitio/li_current_span.png);
				}
				span.ctl {
					background-position: right bottom;
				}
				span.ctr {
					background-position: left top;
				}
				.top ul li a b {
					height: 35px;
					padding: 0 2px;
					background: url(./img_sitio/li_current_b.png) center;
				}
			
		.top ul li.current a {
			padding: 0;
			color: #000;
			text-shadow: 1px 1px 0 rgba(255,255,255, .5);
		}
		.top ul li.current a:hover {
			text-shadow: 1px 1px 0 rgba(255,255,255, .7);
		}


/* full ancho */
.ancho {
	width: 940px; /* 996 - 28*2 */
	margin: 0 auto;
	padding: 0 28px;
}

/* cuerpo */
.cuerpo {
	clear: both;
	background: url(./img_sitio/cuerpo.png) repeat-y;
	padding-bottom: 20px;
}

	.top_left {
		width: 640px;
		float: left;
	}
	/* top cuerpo */
	.top_cuerpo {
		padding: 0 7px;
		width: 982px; /* 996 - 14 */
		clear: both;
		height: 80px;
		background: url(./img_sitio/cuerpo_top.png);
	}
	.top_cuerpo h1 {
		color: #FFF;
		font-size: 14pt;
		height: 45px;
		width: 132px;
		line-height: 44px;
		display: block;
		float: left;
		padding: 0 20px 0 35px;
		margin: 31px 20px 0 0;
		background: url(./img_sitio/h1.png) no-repeat right;
	}
	.top_cuerpo h1 b {
		background-repeat: no-repeat;
		background-position: right center;
		height: 44px;
		width: 126px;
		display: block;
		float: left;
	}
	h1.recientes b { 
		background-image: url(./img_sitio/ico_star.png);
	}
	h1.archivos b { 
		background-image: url(./img_sitio/ico_archivo.png);
	}
	h1.juegos b { 
		background-image: url(./img_sitio/ico_juego.png);
	}
	h1.videos b { 
		background-image: url(./img_sitio/ico_video.png);
	}
	h1.fotos b { 
		background-image: url(./img_sitio/ico_foto.png);
	}
	h1.busqueda b { 
		background-image: url(./img_sitio/lupa.png);
	}
	h1.colaboranos {
		width: 158px;
	}
	h1.colaboranos b { 
		background-image: url(./img_sitio/ico_colabora.png);
		width: 156px;
	}
	
	/* topeador */
	.topeador {
		color: #FFF;
		font-size: 10pt;
		float: left;
		width: 420px;
		padding-left: 10px;
		margin-top: 45px;
		text-align: right;
		background: url(./img_sitio/topeador.png) no-repeat left center;
	}
		.topeador a {
			padding: 3px 10px;
			color: #FFF;
			font-weight: bold;
			font-size: 10pt;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			-ms-border-radius: 5px;
		}
		.topeador a:hover {
			text-shadow: 0 0 3px rgba(255,255,255, .9);
		}
		.topeador a.current {
			background: url(./img_sitio/pix70.png);
		}
		a.com_count_top {
			font-weight: normal;
			background: url(./img_sitio/separador_singletop.png) no-repeat right center;
			margin-right: 5px;
		}
			a.com_count_top span {
				background: url(./img_sitio/ico_coment_chico.png) no-repeat left center;
				padding-left: 23px;
			}
	
	/* buscador */
	.buscador {
		margin: 8px 20px 0 0;
		padding: 18px 20px 0 20px;
		float: right;
		width: 260px; /* 300 -20*2 */
		height: 52px; /* 70-15*/
		background: url(./img_sitio/fondo_buscador.png) no-repeat;
	}
		.buscador input.keys {
			color: #EEE;
			font-size: 10pt !important;
			padding: 5px;
			background: #000;
			width: 215px;
			border-top: 1px solid #000;
			border-left: 1px solid #000;
			border-right: 1px solid #3A3A3A;
			border-bottom: 1px solid #3A3A3A;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			-ms-border-radius: 5px;
			
		}
		.buscador input:focus.keys {
			color: #FFF;
			text-shadow: 0 0 3px rgba(255,255,255, 1);
		}
		.buscador input.lupa {
			float: right;
		}

/* contenido principalrs */
.main_content {
	width: 620px;
	margin-bottom: 25px;
	float: left;
	clear: both;
	color: #FFF;
}
#single {
}
	.list_item {
		height: 80px; /* 122 - 22*2 */
		padding: 22px 10px 25px 10px;
		background: url(./img_sitio/divisor_lista.png) repeat-x bottom;
	}
	.single {
		padding-bottom: 0;
		background: none;
		height: auto !important;
	}
		a.thumb_a {
			display: block;
			margin-right: 15px;
			float: left;
			width: 110px;
			height: 85px;
			background: url(./img_sitio/fondo_thumb.png) no-repeat top;
		}
		a:hover.thumb_a {
			background-position: 0 -85px;
		}
			a.thumb_a img {
				width: 100px;
				height: 75px;
				margin: 5px 0 0 5px;
			}
		
		.li_txt {
			height: 70px;
			margin: 4px 0;
			padding-right: 80px;
			background-repeat: no-repeat;
			background-image: url(./img_sitio/categorias.png);
			overflow: hidden;
		}
		.juegos {
			background-position: right top;
		}
		.videos {
			background-position: right center;
		}
		.fotos {
			background-position: right bottom;
		}
		.share {
			height: auto;
			background: url(./img_sitio/colabora_big.png) no-repeat right top;
		}
		.no_cat {
			padding-right: 10px;
			background: none;
		}
		
		.page_ext {
			font-size: 10pt;
			margin-top: 20px;
		}
		
			.li_txt h2 {
				font-size: 18pt;
			}
			.single .li_txt h2 {
				font-size: 20pt;
			}
				.li_txt h2 a:hover {
					text-shadow: 0 0 5px rgba(255,255,255, 1);
				}
			.li_txt p {
				margin-top: 5px;
				line-height: 120%;
			}
	

/* sidebar */
.sidebar {
	width: 300px;
	float: right;
}
	.canales {
		float: right;
		margin: 5px 0 25px 0;
	}
		.canales a {
			display: block;
			float: left;
			height: 21px;
			background: url(./img_sitio/canales.png) no-repeat;
		}
			.canales a span {
				display: none;
			}
		.canales a.rss {
			margin-right: 15px;
			width: 56px;
			background-position: left;
		}
		.canales a.twitter {
			width: 147px;
			background-position: right;
		}

/* home */
.columnas_home {
	clear: both;
}

	.listado_negro {
		width: 300px;
		color: #FFF;
		float: left;
	}
		.listado_negro h3 {
			height: 52px;
			padding: 0 15px;
			background: url(./img_sitio/listado_negro_h3.png) no-repeat;
		}
			.listado_negro h3 span {
				height: 50px;
				display: block;
				float: left;
				line-height: 50px;
				padding-right: 44px;
				background-image: url(./img_sitio/cat_chicas.png);
				background-repeat: no-repeat;
			}
			.listado_negro h3.videos span {
				background-position: right top;
			}
			.listado_negro h3.juegos span {
				background-position: right center;
			}
			.listado_negro h3.fotos span {
				background-position: right bottom;
			}
			
			/* sidebar */
			.sidebar .listado_negro h3 span {
				display: block;
				float: none;
			}
			.listado_negro h3.mas span {
				background: url(./img_sitio/ico_mas.png) no-repeat right center;
			}
			
			.listado_negro h3 a {
				float: right;
				margin-top: 15px;
				color: #DBDBDB;
			}
			.listado_negro h3 a:hover {
				color: #FFF;
				text-shadow: 0 0 5px rgba(255,255,255, 1);
			}
				.listado_negro h3 a * {
					background-image: url(./img_sitio/boton.png);
					background-repeat: no-repeat;
					height: 25px;
					display: block;
					float: left;
				}
				.listado_negro h3 a b {
					font-size: 8pt;
					line-height: 23px;
					background-position: left bottom;
				}
				.listado_negro h3 a span {
					width: 20px;
					padding: 0;
				}
				span.botr {
					width: 13px !important;
					background-position: left center !important;
				}
				span.botl {
					background-position: left top !important;
				}
		.lista_negro {
			background: url(./img_sitio/listado_negro.png) no-repeat bottom;
			padding: 10px 0;
		}
			.item_negro {
				height: 57px;
				padding: 16px 15px;
				clear: both;
				background: url(./img_sitio/separador_negro.png) repeat-x bottom;

			}
			.item_negro_ultimo {
				background: none;
			}
				a.img_mini_negro {
					width: 75px;
					height: 57px;
					float: left;
					display: block;
					margin-right: 10px;
					border: 1px solid #555;
				}
				a:hover.img_mini_negro {
					border-color: #888;
				}
					a.img_mini_negro img {
						width: 75px;
						height: 57px;
					}
				.txt_lin {
					width: 180px;
					height: 57px;
					float: left;
				}
					.txt_lin h4 {
						margin-bottom: 5px;
					}
						.txt_lin h4 a {
							font-size: 10.5pt;
						}
						.txt_lin h4 a:hover {
							text-shadow: 0 0 4px rgba(255,255,255, .8);
						}
					.txt_lin p {
						color: #555;
						font-size: 9pt;
					}
			.medio_home {
				margin: 0 20px;
			}

/* paginacion */
.paginacion {
	height: 43px;
	margin: 25px 0 15px 0;
}
	.pages {
		position: relative;
		left: 50%;
		margin-left: -60px;
		width: 120px;
		top: 25px;
		font-size: 9pt;
		font-weight: normal;
		text-align: center;
		display: block;
		z-index: 1;
	}
	.paginacion a {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		float: right;
		font-size: 10pt;
		display: block;
		height: 30px;
		line-height: 30px;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-decoration: none;
		text-align: center;
	}
		.paginacion a * {
			background-image: url(./img_sitio/paginacion.png);
			display: block;
			float: left;
			height: 29px;
			line-height: 28px;
		}
		.paginacion a b {
			background-position: bottom center;
			font-weight: normal;
		}
		.paginacion a span {
			width: 12px;
		}
		.paginacion span.pgr {
			background-position: bottom right;
		}
			.paginacion a:hover span.pgr {
				background-position: top right;
			}
		.paginacion span.pgl {
			background-position: bottom left;
		}
			.paginacion a:hover span.pgl {
				background-position: top left;
			}
	.paginacion a:hover b {
		background-position: top center;
		text-shadow: 0 0 3px rgba(255,255,255, 1);
	}
	a.pg_ant {
		float: left !important;
	}

	a.off_page,
	a:hover.off_page,
	a.off_page b {
		display: none;
	}

/* single */
.post_content {
	margin: 20px 0 40px 0;
}
.media {
	background: url(./img_sitio/pix10.png);
	width: 580px;
	padding: 10px;
	text-align: center;
}
	.media_img img {
		margin: 0 auto;
		display: block;
		background: url(./img_sitio/pix10.png);
		padding: 10px;
	}

	.foot_post {
		margin-bottom: 15px;
		font-size: 10pt;
		height: 20px;
		background: url(./img_sitio/divisor_lista.png) repeat-x bottom;
		padding-bottom: 5px;
	}
	.foot_post a:hover {
		text-shadow: 0 0 4px rgba(255,255,255,1);
	}
	p.fuente_post {
		float: left;
	}
	.compartir {
		float: right;
	}
		.compartir a {
			background: url(./img_sitio/ico_share.png) no-repeat;
			padding-left: 16px;
		}
		/* ad this */
		a.addthis_button_compact span {
			background: none !important;
			width: 0 !important;
			margin: 0 !important;
			float: left;		
		}

/* comentarios */
a.post-edit-link {
		height: 10px;
		line-height: 10px;
		font-size: 7pt;
		font-weight: bold;
		text-transform: uppercase;
		display: inline-block;
		margin-left: 5px;
		padding-left: 5px;
		border-left: 1px solid #666;
}
.list_item a.post-edit-link {
	border: 0;
	margin-left: 0;
	padding-left: 0;
}
div.comentarios {
	margin-top: 40px;
}
	.titulo_comentarios {
		padding: 0 0 10px 0;
		background: url(./img_sitio/divisor_lista.png) repeat-x bottom;
	}
	.titulo_comentarios h3 {
		font-weight: normal;
		height: 32px;
		line-height: 32px;
		background: url(././img_sitio/h3_comentarios.png) no-repeat left top;
	}
		.titulo_comentarios h3 span {
			display: none;
		}
		.titulo_comentarios h3 a {
			color: #FFF;
			float: right;
			margin-top: 5px;
			font-size: 10pt;
		}
		.titulo_comentarios h3 a:hover {
			text-shadow: 0 0 3px rgba(255,255,255,1);
		}

/* comentar */
.comentar {
	padding: 28px 22px 22px 22px;
	margin-top: 20px;
	background: url(././img_sitio/gradiente_comentar.png) repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-ms-border-radius: 10px;
}
	.comment_item {
		clear: both;
		margin-bottom: 10px;
	}
		.comment_item input, .comment_item textarea {
			border: 1px solid #171717;
			background: #000;
			color: #EEE;
			padding: 4px 2px;
			border-top: 1px solid #000;
			border-left: 1px solid #000;
			border-right: 1px solid #3A3A3A;
			border-bottom: 1px solid #3A3A3A;
			font-size: 10pt;
		}
		.comment_item input:focus,
		.comment_item textarea:focus
		{
			color: #FFF;
		}
		
		.comment_item input.txt_input {
			width: 200px;
			margin-right: 5px;
		}
		.comment_item span {
			color: #555;
			font-size: 8pt;
		}
			.comment_item span b {
				color: #FFF;
				margin-right: 3px;
				font-size: 10pt;
			}
		.comment_item textarea {
			width: 550px;
			height: 120px;
		}
	.comentar form p {
		margin-bottom: 5px;
	}
	
	input.boton_enviar {
		padding: 0 12px;
		border: 1px solid #000;
		height: 30px;
		left: 30px;
		color: #EEE;
		background: url(./img_sitio/fondo_boton.png) repeat-x bottom;
		font-size: 10pt !important;
	}
	input:hover.boton_enviar {
		cursor: pointer;
		color: #FFF;
		text-shadow: 0 0 4px rgba(255,255,255,.7);
	}

.cancel-comment-reply {
	margin-bottom: 10px;
}
	.cancel-comment-reply a {
		color: #000 !important;
	}

/* comentarios lista */
.comment {
	margin: 20px 0;
	background: url(./img_sitio/divisor_lista.png) repeat-x bottom;
	padding: 0 10px 20px 10px;
	font-size: 10pt;
}
	.comment img {
		width: 60px;
		height: 60px;
		float: left;
		margin-right: 10px;
	}
	.comm_txt {
		min-height: 60px;
		overflow: hidden;
		width: 510px;
	}
	.comm_quien {
		margin-bottom: 3px;
	}
		.comm_quien b {
			color: #FFF;
		}
		.comm_quien a {
			color: #FFF;
		}
		.comm_quien span {
			color: #999;
			font-size: 8pt;
			margin-left: 3px;
		}

	a.comment-reply-link {
		margin-top: 10px;
		display: block;
		float: left;
		clear: both;
		background: url(././img_sitio/ico_reply.png) no-repeat left;
		padding-left: 15px;
		font-size: 8pt;
		color: #5B5B5B;
	}
	a:hover.comment-reply-link {
		color: #AAA;
	}
	
	p.esperando {
		padding: 5px 0;
		color: #999;
	}
	
	/* paginacion comentarios */
	.paginacion_comentarios {
		font-size: 9pt;
		text-align: right;
		clear: both;
		margin: 15px 0;
		white-space: normal;
	}
		.page-numbers {
			height: 18px;
			line-height: 18px;
			padding: 3px 8px;
			color: #000;
		}
		.paginacion_comentarios a {
			padding: 4px 10px;
			color: #FFF;
		}
		.paginacion_comentarios a:hover {
			text-decoration: none;
			background: #000;
			color: #FFF;
			border-bottom: 1px solid #333;
		}
		.paginacion_comentarios .current {
			background: #333;
			color: #FFF;
		}

/* colabora */
.form_colabora {
	margin: 40px 0 0 20px;
}

	.input_item {
		margin-bottom: 20px;
		line-height: 23px;
	}
		.input_item label {
			width: 85px;
			display: block;
			float: left;
			margin-right: 10px;
			font-weight: bold;
		}
		.input_item input, .input_item textarea {
			padding: 5px 2px;
		}
		.input_item input {
			width: 311px;
		}
		.input_item textarea {
			width: 436px;
			height: 124px;
		}
		.form_colabora .boton {
			margin-left: 95px;
		}

/* foot */
.foot {
	background: url(./img_sitio/fondo_foot.png) no-repeat;
	height: 55px;
}
	ul.links_foot {
		float: left;
		margin-top: 18px;
		color: #FFF;
	}
		ul.links_foot li {
			font-size: 9pt;
			float: left;
			padding-right: 23px;
			background: url(./img_sitio/sep_link_foot.gif) no-repeat right center;
		}
		ul.links_foot li.last_foot {
			background: none;
		}
			ul.links_foot li a:hover, .godlikestudio a:hover {
				text-shadow: 0 0 4px rgba(255,255,255, 1);
			}
	
	.godlikestudio {
		float: right;
		margin-top: 13px;
	}
		.godlikestudio a {
			display: block;
			float: right;
			line-height: 27px;
		}
			.godlikestudio a img {
				vertical-align: bottom;
				margin-left: 4px;
			}

/*******************
	VALIDACIONES
*/
/* validationEngine.jquery.css */
	.formError {
			position:absolute;
			top:300px; left:300px;
			width:110px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#FFF;
				color:#000;
				font-family: Verdana, Geneva, sans-serif;
				font-size:7pt;
				box-shadow: 1px 1px 6px #000;
				-moz-box-shadow: 1px 1px 6px #000;
				-webkit-box-shadow: 1px 1px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 1px 4px 5px #000;
					-moz-box-shadow: 1px 4px 5px #000;
					-webkit-box-shadow: 1px 1px 5px #000;
					font-size:0px; 
					
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#FFF;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#FFF;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#FFF;margin:0 auto;display:block;}