/*  
Theme Name: HaHa
Theme URI: http://nosoynormal.com
Description: Diseño HaHa
Version: 15 de Julio 2006
Author: Peter Olle
Author URI: http://nosoynormal.com
Disclaimer: Basado en el theme Halland ( http://proletarium.org/proyectos/hallland/ ) y I Haev Steal ( http://www.minid.net/2005/08/29/i-haev-styel-tema-para-wordpress-15x/ )
*/



body {
	background: #fff;
	font-family: 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #555;
	margin: 0;
	padding: 0;
}


blockquote {
	margin: 20px;
	font-size: 13px;
	color: #999;
}


h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}


h2 {
	font-size: 12px;
	color: #000;
	padding-bottom: 5px;
}


h4.cat {
	font-size: 26px;
	color: #000;
	margin-bottom: 20px;
}



h5 {
	font-weight: normal;
	font-size: 14px;
	color: #999;
}


hr {
	display: none;
}


.sep {
	margin: 20px 0 20px 0;
	padding: 1px;
}


code {
	font-family: courier new, mono;
	color: #080;
}


ul li {
	list-style-type: square;
}



/* ----------------------- Menu ------------------------ */

#newmenu {
	
	background: url(images/bg-nav22.gif) repeat-x;
	border: 1px solid #979797;
	border-width: 1px 0;
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 20px;
	padding-top: 0em;
	padding-bottom: 0.9em;
	font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
	height: 75px;
}


#newmenu ul, #newmenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#newmenu ul {
	padding: 5px 0;
	text-align: center;
	padding-top:65px;
}


#newmenu ul li {
	display: inline;
	margin-right: .75em;
}


#newmenu ul li.last {
	margin-right: 0;
}


#newmenu ul li a {
	color: #FFFFFF;
	padding: 5px 0;
	text-decoration: none;
}


#newmenu ul li a span {
	padding: 5px 1em;
	background-image: url(images/tabrightE.gif);
	background-repeat: no-repeat;
}


#newmenu ul li a:hover span {
	color: #fff;
	text-decoration: none;
	background-image: url(images/tabrightE.gif);
	background-position: 98% -42px;
}


#newmenu .logo {
	text-decoration: none;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
}

/*/

#newmenu ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#newmenu ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}



	/* ---- ASIDES ---- */

.asides {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #3366CC;
	text-align: left;
	text-decoration: none;
	padding-bottom: 25px;
}


/* ------------------ Enlaces ------------------ */

a {
	color: #0066CC;
	text-decoration: none;
}


a:hover {
	color: #444;
	text-decoration: none;
}


/* ------------------ Compartelo ------------------ */
#akst_social ul li {
		list-style: none;	
		font-size: 12px;
}

#akst_form ul li {
		list-style: none;
		font-size: 12px;
}

p.akst_link {
	padding-top: 15px;
}


/* -------------- Imagenes ------------------ */


img.rightnews {
	float: right;
	margin: 3px 20px 5px 5px;
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
	}


img.leftnews {
	float: left;
	margin: 3px 5px 5px 5px;
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
	}


img {
	border: 0;
}


img.centro {
	margin: 0 auto;
	display: block;
}


img.izquierda {
	float: left;
	margin: 0 4px 0 0;
}


img.derecha {
	float: right;
	margin: 0 0 0 4px;
}


img.borde {
	border: 2px solid #ddd;
	padding: 2px;
}


.troll {
  float: right;
}


/* ------------- Posiciones ---------------- */

#caja {
  width: 95%;
  margin: 0 auto;
}

#caja #cabecera {}

#caja #contenido {
	  width: 60%;
	  float: left;
	}


#caja #menu {
	width: 38%;
	float: right;
	background-color: #e6e6e6;
}


#caja #pie {}

.izquierda {
  float: left;
}


.derecha {
  float: right;
}

/* ------- Contenido en la cabecera ------- */
.anterior {
  float: left;
}


.siguiente {
  float: right;
}


/* ------- Contenido en la cabecera ------- */

#cabecera {
  margin: 20px 0 0;
}


#cabecera h1 {
	color: #999;
    font-size: 40px;
	font-weight: bold;
	letter-spacing: normal;
	text-shadow: 2px 2px 2px #dedede;
    line-height: 110%;
	padding-bottom: 10px;
}


#cabecera span {
	color: #999;
}


	#cabecera h4 {
	font-size: 13px;
	font-weight: normal;
	color: #999;
}





/* ------- Barra de navegacion ---------- */

ul#navlist {
  background: #999;
  padding: 4px 4px 5px 4px;
  margin: 0px 0 30px 0;
  list-style-type: none;
}


ul#navlist li {
  display: inline;
  font-size: 12px;
}


ul#navlist a {
  color: #fff;
  padding: 7px 10px 5px;
  text-decoration: none;
}


ul#navlist a:hover {
  color: #fff;
  background: #0066CC;
}







/* -------- Admin menu -------------- */

.admin-box {
  font-size: 12px;
  padding: 10px;
  background: #ffc;
  margin-bottom: 30px;
}

/* ----- Contenido del cuerpo central------ */

#contenido {
  margin-top: 20px;
}


#contenido ul.outbox {
	  margin: 0 0 30px 20px;
	  padding: 0 0 30px 0px;
	  font-size: 13px;
	  line-height: 20px;
	  border-bottom: 2px solid #f4f4f4;
}


ul.outbox li {
		  list-style-type: none;
		  list-style-image: url('bullet.gif');
}


ul.outbox span {
		  color: #aaa;
		  font-size: 11px;
	}


ul.outbox span a, ul.outbox span a:hover {
	color: #aaa;
	text-decoration: none;
	border-bottom: none;
}


#contenido .entrada {
	  margin: 0 0 35px 0;
	  padding: 0px 10px 10px 10px;
	  overflow: hidden;
	  border-bottom: 6px solid #f4f4f4;
	  text-align: justify; 
}



#contenido .entrada .titulo {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: normal;
	text-shadow: 2px 2px 2px #dedede;
	line-height: 120%;
	padding-bottom: 10px;
}


.entrada .titulo a {
			  color: #333;
			  text-decoration: none;
}


.entrada .titulo a:hover {
	color: #0066CC;
}


#contenido .entrada .titulo-grande {
		  font-size: 23px;
		  letter-spacing: 0px;
		  text-shadow: 2px 2px 2px #dedede;
}


#contenido .entrada .categoria {
	font-size: 12px;
	color: #999;
	padding-bottom: 12px;
	clear:none;
}


#contenido .entrada .categoria h3 {
	font-size: 15px;
	color: #000;
	padding-bottom: 12px;
}

#contenido .entrada .categoria p {
	font-size: 12px;
	color: #999;
	padding-bottom: 10px;
}


#contenido .entrada .cuerpo {
	font-size: 15px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 50px;
}


#contenido .entrada .cuerpo ul li {
	font-size: 12px;
	line-height: 20px;
	padding-right: 50px;
	list-style-image: url('bullet.gif');
}

#contenido .entrada .cuerpo a.more-link {
	font-size: 12px;
	margin: 40px 0 0;
	padding: 4px;
}


#contenido .entrada .leemas {
		  font-size: 12px;
		  color: #999;
		  padding-bottom: 10px;
}


#contenido .entrada .info {
	font-size: 11px;
	text-align: left;
	color: #999;
}


#contenido .entrada .info a {
	color: #999;
}


#contenido .entrada .info a:hover {
	color: #fff;
	background: #999;
}


#contenido .navegacion {
	font-size: 13px;
}


.adsense-post-300 {
	background: #ECECEC;
	padding: 10px;
}


.ad-menu {
	padding-bottom: 10px;
}


div.entrada div.alignleft {
     float: left;
     width: 45%;
     padding-bottom: 5px;
}


div.entrada div.alignright {
     float: right;
     width: 45%;
     text-align: right;
}


/* ------- Datos foto e info -------- */

#datos {
	float: left;
	width: 250px;
	font-size:0.9em;
	padding-left:10px;
}

#datos .imagendatos {
	vertical-align: middle;
}

#datos ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#datos ul ul
{
	list-style:none;
	margin:0.5em 0 0 1em;
}


li.datosbox {
	list-style:none;
	padding:10px;
	padding-top: 25px;
	background: url(http://ensantander.com/wp-content/themes/haha/info/sideheadtop.gif) #eeeb93 no-repeat left top; 
	margin-bottom: 10px;
}

#contenido .entrada p
{
	clear:both;
	padding-top: 5px;
}

#contenido .izquierda{
    float: left;

	background:url(http://ensantander.com/wp-content/themes/haha/info/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
}


#contenido p img.imgalignright {
	float: right;
	
	background:url(http://ensantander.com/wp-content/themes/haha/info/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
	margin-bottom: 10px; 
	margin-left: 10px;	
}

#contenido p img.imgalignleft {
	float: left;
	
	background:url(http://ensantander.com/wp-content/themes/haha/info/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;
	margin-bottom: 10px; 	
	margin-right: 10px;	
}



#ponermapa
{
	clear: both;
    border:none;
    background:none;
    padding:0;
    text-align: center;
	background:url(http://ensantander.com/wp-content/themes/haha/info/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
	width: 500px;
	margin-top:20px;
}


#ponermapa img
{
    border:none;
    background:none;
    padding:0;
}

/* ------- Contenido de los comentarios -------- */
#comentarios {
	font-size: 12px;
}


#comentarios .ad {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #CCC;
}


#comentarios ol {
	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#comentarios ol li {
	margin: 0 0 20px 0;
	padding: 10px;
/*		  border: 2px solid #f4f4f4;*/
}


#comentarios ol li.highlighted {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #fff;
}


#comentarios .info-comm {
	font-size: 11px;
}


#commentform input, #commentform textarea {
	  width: 99%;
}

.aviso {
	font-size: 13px;
	background: #333;
	padding: 10px;
	color: #fff;
}


#trackbacks {
	font-size: 12px;
	margin: 20px 0 20px 0;
	padding: 19px 0 19px 0;
	border-bottom: 2px solid #f4f4f4;
}


div.comment-head {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-bottom: 20px;
	clear: both;
	background-color: #fff;
	background-image: url(images/msg-comment.png);
	background-repeat: no-repeat;
	background-position: left bottom;
   font-size: 10px;
}



div.comment-body {
	background: #f5f5f5;
	-moz-border-radius: .5em;
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}



div.comment-head img {
		padding: 1px;
		background: #fff;
		border: 1px solid #ccc;
		float: left;
		width: 32px;
		height: 32px;
		margin: 0px 25px 0px 15px;
}


#comentarios ol li.highlighted div.comment-body {
		background: #FF9;
		-moz-border-radius: .5em;
		padding: 5px 15px 5px 15px;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		margin-bottom: 10px;
}


#comentarios ol li.highlighted div.comment-head {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-bottom: 20px;
	clear: both;
	background-color: #fff;
	background-image: url(images/msg-comment-minid.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}



/* ----- Contenido del menu ------- */

#menu {
	font-size: 11px;
	line-height: 18px;
	margin-top: 20px;
}


#menu .caja {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}

#menu .separasearch{
	width: 100%;
	border-top: 2px solid #f4f4f4;
	padding: 10px 0 0 0;
}

#menu .izquierda,

#menu .derecha {
	width: 49%;
	border-top: 2px solid #f4f4f4;
	padding: 10px 0 0 0;
	}


#menu h3 {
	font-size: 13px;
	color: #000;
	padding-bottom: 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #999;
	}


#menu ul {
	list-style-type: none;
	font-size: 12px;
	padding: 0 0 0 20px;
	}


#menu ul li {
		  list-style-type: square;
	}

.children li a {
		  font-size: 11px;
	}	


#menu .busqueda {
	  margin: 20px 0;
	  padding: 19px 0;
	  border-top: 1px dotted #CCC;
	  border-bottom: 1px dotted #CCC;
	}

/* -------- El Tiempo ---------- */
#menu ul.tiempo li {
	list-style-type: none;
}

#tiempo {
	background-image: none;
}
/* -------- Contenido del pie ---------- */

#pie {
  text-align: center;
  font-size: 12px;
  padding: 20px 0;
  margin: 20px 0 0 0;
}


/* ---- Pie de página ---- */

.footer {
	background-color:#999999;
	border-top:1px solid #666666;
	padding:12px 14px 14px 14px;
	font-size:11px;
	font-family:'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color:#fff;
	text-align:center;
	margin-top:20px;
/*	margin-left: 20px; */
/*	margin-right: 20px; */
}

.footer p {
	line-height:19px;
}


.footer a {
	font-weight:bold;
	color:#444;
}


.footer a:hover {
	color:#0066CC;
}


* {
	margin:0;
	padding: 0; 
}


/* ---- METADATA ---- */

div.metadata {
	border-top: 4px solid #ccc;
	background-color: #fff;
	padding: 5px 0;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	border: 2px solid #0066FF;
}


div.metadata p {
	color: #666;
	margin-top: 0px;
	padding: 5px;
}


div.metadatasw p {
	font-size: 12px;
	padding: 2px;
}


div.metadata h3 {
	font: bold .8em/1.6em Arial, sans-serif;
	color: #000;
	margin: 0 0 0 0;
	border-bottom: 1px dotted #999;
	padding: 5px;
}


.feedback {
	color: #ccc;
	text-align: left;
	font-size: 11px;
	margin: 20px 40px 0px 0px;
	padding: 0 0 0 0;
}


.feedback2 {
	color: #ccc;
	text-align: left;
	font-size: 11px;
	float: right;
	padding-right: 20px;
	padding-left: 10px;
}


.feedback a{
	color: #97C000;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
}


.commentlist li ul {
	border-left: 3px solid #eee;
	font-size: 12px;
	list-style-type: none;
}


.commentlist a{
	color: #675437;
	text-decoration: none;
	background: #F2EBE1;
}


.commentlist a:hover{
	background: #4F402A;
	color: White;
}


span.nocomment{
	background: url(images/nocomment.gif) no-repeat 0 5px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 18px 2px 0 1px;
	height: 40px;
	width: 60px;
	text-align: center;
	display: block;
	float: left;
}


span.acomment{
	background: url(images/comment.gif) no-repeat 0 5px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 18px 1px 0 1px;
	height: 40px;
	width: 60px;
	text-align: center;
	display: block;
	float: left;
}


span.arecomments{
	background: url(images/comments.gif) no-repeat 0 5px;
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 0;
	padding: 18px 1px 0 1px;
	height: 40px;
	width: 60px;
	text-align: center;
	display: block;
	float: left;
}


span.nextcomments{
	color: #000;
	font-size: 14px;
	padding: 18px 1px 0 1px;
	margin: 0 0 0 0;
	height: 40px;
	display: block;
	float: left;
}


span.noflavor{
	color: #C5FA6B;
	font-weight: bolder;
}


span.oneflavor{
	color: #F99454;
	font-weight: bolder;
}


span.areflavor{
	color: #F94FDF;
	font-weight: bolder;
}


.comments-post {
	margin-top: 5px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 35px;
	color: White;
}


/* The specific style rules used to suggest rendering */

/* for the CSS table design example, starts here */

DIV.base-layer {
  background: none #ffffff; 
  border: solid #ffffff 1px; 
  color: #ffffff;
  margin: 0.5em 12px 0.5em 12px; 
  padding: 0; 
  text-align: center; 
  width: auto;
}


DIV.table-row {
 	background: none #ffffff; 
 	border: solid #ffffff 1px; 
 	color: #000000;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 0;
	text-align: center; 
	width: 96%;
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; 
  float: left; 
  margin: 0; 
  padding: 0; 
  width: 50%;
}


DIV.right-container2 {
  border: none; 
  float: right; 
  margin: 0; 
  padding: 0; 
  width: 50%;
}


/* Rules in detail that is used to suggest rendering for the */

/* Nobel price winner table example. I still use some of the */

/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; 
  float: left; 
  margin: 0; 
  padding: 0; 
  width: 20%;
}


DIV.left-container23 {
  border: none; 
  float: left; 
  margin: 0; 
  padding: 0; 
  width: 35%;
}


DIV.right-container13 {
  border: none; 
  float: right; 
  margin: 0; 
  padding: 0; 
  width: 45%;
}


/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */

/* product table example. I still use some of the generic rules as found   */

/* above and below, but still..                                            */



DIV.left-layer11 {
	border: none; 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 9%;
}



DIV.right-layer11 {
	border: none; 
	float: right; 
	margin: 0; 
	padding: 0; 
	width: 10%;
}


/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {

	clear: both; 
	margin: 0; 
	padding: 0; 
	width: auto;
}


/* Some rules for captions, headers and running text */

H4.table-caption {

	background: transparent; 
	color: #3333cc; 
	font-family: sans-serif;
	font-size: 1em; 
	font-style: italic; 
	font-weight: bold; 
	margin: 0;
	padding: 0.3em; 
	text-align: center; 
	width: auto;
}


H5.colhdr {
	background: none #ffffcc; 
	border: solid #3333cc 1px; 
	color: #993333;
	font-family: sans-serif; 
	font-size: 1em; 
	font-style: italic;
	font-weight: normal; 
	margin: 0; 
	padding: 0.3em 0.3em 0 0.3em;
	text-align: center; 
	width: auto;
}



P.text {
	border: solid #ffffff 1px; 
	margin: 0; 
	padding: 0.3em 0.3em 0 0.3em;
	font-style: normal; 
	font-size: 1em; 
	text-align: center; 
	text-indent: 0;
	width: auto;
}



/* End of layer specific style rule set */

div.author {
	background: #3f3d3d;
	color:#ffffff;
   }


/* ---- Recomienda ---- */

#recommendit {
	padding-top: 20px;
}

/* ---- Formulario para colaborar ---- */

#colabora {
	overflow: hidden;
	margin:auto;
}


#colabora fieldset{
	border:none;
}


.colaboraleft {
	width: 25%;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
	text-align:right;
}


.colaboraright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}


.colabora_txt{
	width:80%; 
	padding:5px 5px 5px 25px; 
	border: 1px solid #CCC;  }
 

	/*CSS Sabrosus style pagination*/
	div.pagination {
		padding:3px;
		margin:3px;
		text-align:center;
	}

	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #9aafe5;

		text-decoration: none; 
		color: #2e6ab1;
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #2b66a5;
		color: #000;
		background-color: lightyellow;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid navy;
		font-weight: bold;
		background-color: #2e6ab1;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #929292;
		color: #929292;
	}
	
	

/***** FIN, COMO EN LAS BUENAS PELIS ********/