/*  
Theme Name: I HAEV STYEL II, editado por okabango.com
Theme URI: http://okabango.com/
Description: theme for Jorge Villabona.
Version: 1.1
Author: Jose Antonio Espinosa
Author URI: http://www.okabango.com/


	The CSS, XHTML and design is released under Attribution 2.5:
	http://creativecommons.org/licenses/by/2.5/legalcode
	
	
*/





/* ---- GENERIC ELEMENTS ---- */

body {
	background: #fff;
	color: #555;
	margin: 0;
	padding: 0;
	/*border-top: 20px solid #997f66;*/
	font-family: Arial, sans-serif;
	text-align:left;
	}

hr {
	display: none;
}


img {
	border: 0;
}

div.clear {
	clear: both;
	/*margin: 0;
	padding: 0;*/
}


	/* --- UNIVERSAL DIVS ---- */


	#super {
     margin:0 auto;
	 padding:0;
     width: 100%;
     text-align: left;
	 /*background-color:#0066CC;*/
	}


	#header {width:300px; /*height:92px;*/ margin:0 auto; text-align:left; float:left}

	#contenedor {
		/*padding: 0 0 3em 25px; background:url(../okabango/images/cab.jpg) 0 0 no-repeat;*/
	}




	/* ---- HEADER ---- */


	#header h1 {
	float:left;
	font-size:10px;
		display:inline;
		margin: 0;
	}

				#header h1 img {
					display: block;
					width: 255px;
					height: 50px;
				}



	/*  ---- CONTENIDO ---- */

				div#content {
					background-image:url(images/separador_colum.gif);
					background-position:0 0;
					background-repeat:no-repeat;
					float: left;
					width: 48%;
					/*border-top: 1px solid #ccc;*/
					padding: 30px 0 30px 50px;
				}


				div.post {
					padding-bottom: 25px;
				}

				div.post h2 {
				    color: rgb(34, 34, 34);
     				font-family: Georgia,"Times New Roman",Times,serif;
     				font-weight: normal;
     				line-height: 90%;
     				letter-spacing: -2px;
     				font-size: 40px;
					margin: 0 0 0 0 !important;
				}
				
								div.post h3, div.post h4, div.post h5 {
									/*color: #f60; /* this one adds colors to all <h*> in the post body */
									font-weight: bold;
								}

								div.post h3 {
									font-size: 1.1em;
								}

								div.post h4 {
									font-style: normal;
									font-size: .8em;
								}


					div.post h2 a {
						color: #3b3025 !important;
     					font-family: Georgia,"Times New Roman",Times,serif;
     					font-weight: normal;
     					line-height: 95%;
     					letter-spacing: -2px;
     					font-size: 35px;
						margin: 0 !important;
						text-decoration: none;
						/*color: #997f66 !important;*/
						/*background-color: #fff !important;*/
						border: 0 !important;
						/*padding: 0  0 25px 0 !important;*/
						/*color: #997f66;*/
					}

					div.individual h2 {
						font-size: 1.5em;
						line-height: 1.6em;
						color: #f60;
					}


					div.post p {
						font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
						color: #555;
					}

						div.post ul li, div.post ol li  {
							font: .8em/1.8em "Trebuchet MS", Arial, sans-serif;
							color: #555;
						}

									div.post ul li p, div.post ol li p {
										font-size: 1em; /* This one hacks for em size when you use a <p> inside a <li> */
									}

										div.post ul li ul li p, div.post ol li ol li p {
											font-size: 1.2em;
										}


									div.comment-body ol li {
										font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
										color: #666;
										margin-bottom: 5px;
										}



					/* ---- LISTS ARCHIVES ---- */


					table.listados {
						width: 100%;
						margin: 2em 0;
					}

						table.listados td {
						borde
							padding: 5px 10px 5px 0px;
							font: .9em/1.6em "Trebuchet MS", Arial, sans-serif;
							background: url(/wp-content/themes/okabango/images/dot_line.png) repeat-x bottom;
							vertical-align: top;		
						}

						.ref {
							white-space: nowrap;
						}

						table.listados td strong {
							font-size: 1.1em;
						}



					/* ---- IMAGE SET ---- */
					div.entry img { padding:10px 15px 10px 15px}

						img.right {
							float: right;
							display: block;
							margin: .3em 0 1em 1em;
						}

						img.center {
							margin: 1em auto;
							display: block;
						}


					div.post p.posted {
						font: .6em Geneva, Arial, sans-serif;
						color: #666;
						padding:0;
						margin:-15px 0 25px 0;
						clear:both;
					}
					
					div.flickr { 
					background-image:url(images/separador_colum.gif);
					background-position:0 0;
					background-repeat:no-repeat;
					float: left;
					width: 48%;
					/*border-top: 1px solid #ccc;*/
					padding: 30px 0 30px 50px;
					}
					div.flickr li {float:left; margin:0; padding:0; clear:inherit;}
					div.flickr ul {margin:0; padding:0; list-style:none;}
					div.flickr img {padding:5px; margin:10px 8px 2px 0; border:solid 1px #CCCCCC; height:75px;}
					div.flickr a, div.flickr a:hover, div.flickr a:link { border-bottom:none; text-decoration:none !important; border:0;}
#myroll { display: none; }



			/* ---- MENU ---- */
			
			#menu { float:left; font-size:12px; width:300px; margin:45px 0 12px 0; padding:0; text-align:left;}
			#menu ul { padding:0; margin:0 0 0 30px; text-align:center; list-style:none;}
			#menu li { float:left; margin:0 3px 0 0;}
			.navegacion { margin:0 0 0 30px}
			/*#menu li a { display:block; background-color:#adad85; text-decoration:none; padding:12px 10px 8px 10px; color:#FFFFFF}
			#menu li a:hover { background-color:#997f66; color:#FFFFFF}*/
			

			#menus {
			/*float:left;
			width:250px;
			margin:0 0 0 0; !important
			padding: 0;*/	
			}

							div.principal {
							width:195px; 
							margin:10px 0 0 57px;
							}


							div.extra {
							width:195px;
								/*clear:both;*/
								/*float:right;*/
							}


					div.principal h3{
						font: bold .8em/1.6em Arial, sans-serif;
						margin: 0 0 5px 0;
						color: #000;
						/*border-bottom: 1px solid #CCCCCC;*/
					}

							div.principal ul{
								margin: 0 0 15px 0;
								padding: 0;
								list-style: none;
								font-family:  "Trebuchet MS", Arial, sans-serif;
							}

							div.principal ul li {
								line-height: 1.7em;
							}
							div.principal a, div.principal a:link {
							color:#36c;
							/*display:block;*/
							line-height: 1.7em;
							text-decoration:none;
							}

							div.principal ul li ul, div.extra ul li ul {
								margin: 0;
							}

										div.principal ul li{
												padding:0 0 5px 0;
												font-size: .8em;
												line-height: 1.7em;
												background-image:url(../okabango/images/separador_lista.gif);
												background-position:bottom;
												background-repeat:repeat-x;
										}

											div.principal ul li ul li{
												padding-left: 10px;
												font-size: 1em;
											}
											
											div.principal p {
											line-height: 1.7em;
											font-size:12px;
											}


			

			/* ---- SERACH ---- */

			div.search {
				text-align:center;
				/*border-top: 4px solid #ccc;*/
				/*margin: 0 0 0 0;*/
				/*padding: 15px 0;*/
			}
			div.search input { padding:3px; margin-left:2px; /*width:100px !important*/}

					div.search label {
						font: bold .8em/1.6em Arial, sans-serif;
						display: block;
						color: #000;
						margin-bottom: 5px;
					}


				div.autor {
					/*border-top: 4px solid #ccc;*/
					padding-bottom: 25px;
					/*margin-top:5px*/
				}


										div.autor h3 {
											color: #000;
											font: bold .8em/1.6em Arial, sans-serif;
											margin: 0;
											padding: 20px 0 0 0;
										}

										
							
							
										div.autor p {
											font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
											color: #666;
										}
							

					div.tools {
					padding: 0;
						/*border-top: 4px solid #ccc;*/
						/*padding: 15px 0px;*/
					}



					div.metadata {
					float:left; font-size:12px; width:150px; margin:45px 0 12px 0; padding:0; text-align:left;
						padding: 15px 0;
						margin-bottom: 15px;
					}


								div.metadata p {
									font: font-size:12px; "Trebuchet MS", Arial, sans-serif;
									color: #666;
									margin-top: 0px;
								}

								div.metadata h3 {
									font: bold .8em/1.6em Arial, sans-serif;
									color: #000;
									margin: 0 0 0 0;
								}
					

					/* ---- enlaces ---- */

						div#content a, div.tools a, div#menus a, div#footer a {
							text-decoration: none;
						}
						#footer ul { margin:0; padding:0}
						#footer li { list-style:none; margin:0 0 0 15px; float:left; padding:0}
					
						div#content a:link,  div.tools a:link, div#menus a:link, div#footer a:link, div.principal p a:link {
						        color: #36c;
									  border-bottom: 1px dotted #36c;
										}
						
						
						div#content a:visited, div.tools a:link, div#menus a:visited, div#footer a:visited {
						        color: #36c;
									  border-bottom: 1px dotted #36c;
										}
						
						
						div#content a:active, div.tools a:active, div#menus a:active, div#footer a:active {
						        color: #36c;
									  border-bottom: 1px dotted #36c;
										}
						
						
						div#content a:hover, div.tools a:hover, div#menus a:hover, div#footer a:hover {
						        color: #f60;
									  border-bottom: 1px dotted #f60;
										}




										


							/* ---- COMMENTS ---- */
						div#cont_fecha { clear:both; width:55px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;color:#000; float:left; background-image:url(../okabango/images/calendario.gif); background-repeat:no-repeat;}
						
						div#fecha {font-size:8px; font-family:Tahoma; clear:both; 														text-align:center; margin:0; color:#000; text-transform:uppercase; /*height:5px;*/ padding:9px 0 0 20px}
						
						div#dia {font-size:28px;clear:both; height:45px; padding:0; margin:-3px 0 0 0; !important}	
				
						div.comment-head {
							border-left: 1px solid #fff;
							border-right: 1px solid #fff;
							background: #fff url(/wp-content/themes/okabango/images/msg-comment.png) 15px 33px no-repeat;
							padding-bottom: 65px;
							clear: both;
						}

									div.jorgito-head, div.jorgito-head {
										background: #fff url(/wp-content/themes/okabango/images/msg-comment-minid.png) 15px 33px no-repeat;
									}

									div.comment-head img {
										background: #fff;
										padding:2px; 
										border: 1px solid #ccc;
										float: left;
										width: 32px;
										height: 32px;
										margin: 12px 6px 0px 5px; !important;
									}


						div.comment-head p {
							float: left;
							font: .7em/1.6em "Trebuchet MS", Arial, sans-serif;
							margin: 0px 0 0 0px !important;
							
						}


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

									div.jorgito blockquote, div.comment-body blockquote {
												padding: 5px 10px 5px 10px;
												-moz-border-radius: .5em;
												
												}
												
									div.comment-body blockquote {
										background: #ffffff;
										border-top: 1px solid #fff;
												border-left: 1px solid #fff;
												border-bottom: 1px solid #ddd;
												border-right: 1px solid #ddd;
										}
										
									div.jorgito blockquote {
										background: #FFFFF5 !important;
										border-top: 1px solid #fff;
										border-left: 1px solid #fff;
										border-bottom: 1px solid #F2F2BA;
										border-right: 1px solid #F2F2BA;
										}
										
										


						div.jorgito, div.jorgito {
							background: #eeeed9 !important;
							border-bottom: 1px solid #FFF2C7;
							border-right: 1px solid #FFF2C7;
						}


						div.modera {
							background: #fff url(/wp-content/themes/okabango/images/exclamation.png) no-repeat left;
							padding: 10px;
							-moz-border-radius: .5em;
							color: #f60 !important;
							font: .8em/1.6em "Trebuchet MS", Arial, sans-serif !important;
							border: 2px solid #f60;
						}


						pre {
							width: 90%;
							overflow: auto;
							font-size: .9em;
							line-height: 1.5em;
							margin-left: 25px;
							}
							
						code {
							color: #681;
							font: 1.1em "andale mono", "lucida console", "courier new", monospace
							}



						div.modera2 {
							margin-top: 35px;
						}

								div.modera p {
									margin: 0 0 0 55px;
								}

										div.comment-body p {
											font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
											color: #555;
										}



									h3#comments, h3#respond, h3#moreentry {
										border-bottom: 4px solid #f5f5f5;
										padding-bottom: 5px;
										margin-bottom: 25px;
										font: bold 1em/1.6em Arial, sans-serif;
										padding-top: 30px;
									}


									#comment {
										width: 99%;
									}



								div.navigation {
									font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
								}

										div.navigation div.alignleft {
											float: left;
											width: 45%;
										}

										div.navigation div.alignright {
											float: right;
											width: 45%;
											text-align: right;
										}
										
										
						/* ---- COMPARE ---- */
						
						table.compare {
							width: 99%;
							border: 1px solid #999;
							margin: 2.5em 0em 2.5em 0em;
							
							}
							
						table.compare thead tr th {
							background: #FFC;
							padding: 5px 10px;
							text-align: left;
							font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
							border-bottom: 1px dotted #999;
							color: #222;
							}
							
						table.compare tbody tr td {
							padding: 8px 10px;
							text-align: left;
							font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
							border-bottom: 1px dotted #ccc;
							vertical-align: top;
							}
							
						table.compare tbody tr th {
							padding: 8px 10px;
							text-align: left;
							font: bold .8em/1.6em "Trebuchet MS", Arial, sans-serif;
							border-bottom: 1px dotted #ccc;
							white-space: nowrap;
							color: #333;
							background: #fffffa;
							vertical-align: top;
							}
							
						table.compare tfoot tr td {
							padding: 8px 10px;
							text-align: right;
							font: .6em/1.6em "Trebuchet MS", Arial, sans-serif;
							background: #f9f9f9;
							text-transform: uppercase;
							}


			/* ---- FOOTER ---- */


			#footer {
				border-top: 1px dotted #ccc;
				padding: 15px 0 0 0;
				font: .8em/1.6em "Trebuchet MS", Arial, sans-serif;
				color: #666;
				text-align:center;
				/*border-bottom: 5px solid #f60;*/
			}
			
			
			/* --- HOME --- */
			
			#site {
				position:absolute; 
				width:760px; 
				left:48%; 
				margin-left:-380px; 
				top:40%; 
				margin-top:-45px; 
				height:90px;
				}
				
			#site ul{
			list-style:none;
			margin:0;
			padding:0;
			}
			
			#site li{
			margin:0;
			padding:0;
			float:left;}
			
			
			/* ENLACES */
			
			div.enlaces a{ clear:both}
			
			div.enlaces p {
			font: .8em/1.8em "Trebuchet MS", Arial, sans-serif !important;
			color: #555; 
					}
								
			div.enlaces ul  {
			border-bottom:1px solid #CCCCCC;
			list-style:none !important;
			padding:0 0 15px 10px; 
			margin:0;
						}
			
			div.enlaces li, div.enlaces li  {
			padding:5px 0;
						}
				
			div.enlaces ul li, div.enlaces ol li  {
			font: .9em "Trebuchet MS", Arial, sans-serif !important;
			color: #555;
			list-style-image:none !important;
						}

			div.enlaces ul li p, div.enlaces ol li p {
			font-size: 1em; /* This one hacks for em size when you use a <p> inside a <li> */
						}

			div.enlaces ul li ul li p, div.enlaces ol li ol li p {
			font-size: 1.2em;
						}
						

.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}