/* 
	Theme Name: Shalafi Theme
	Theme URL: http://www.briangardner.com/themes/blue-zinfandel-squared-wordpress-theme.htm
	Description: Shalafi Theme está basado en Blue Zinfandel Squaredis, de Brian Gardner
	Author: Shalafi
	Author URI: http://www.briangardner.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0 - 12.27.06
			First Release of Blue Zinfandel Squared
*/

body {
	background: #FFFFFF url('images/fondo_textura.jpg') fixed;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: center;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #507AA5;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	height: 200px;
	color: #bbbbbb;
	width: 1000px;
	margin: 0px auto 0px;
	text-align: right;
   	text-transform: uppercase;
	}
	
#header a {
	font-family: "Times New Roman", Helvetica, Sans-Serif;
	font-size: 48px;
	color: #bbbbbb;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #ffffff;
	}
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: transparent;
	width: 1000px;
	margin: 86px auto 0px;
	text-align: left;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	}
		
#navbar ul {
	padding: 5px 0px;
	margin: 0px;
	margin-left: 10px;
	}
	
#navbar ul li a {
	font-family: "Times New Roman", Helvetica, Sans-Serif;
	font-size: 18px;
	color: #000000;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #bbbbbb; /* borde que hace de divisor */
	border-left: 1px solid #bbbbbb; /* borde que hace de divisor */
	border-right: 1px solid #bbbbbb; /* borde que hace de divisor */
	border-bottom: 0px solid #C0C0C0; /* borde que hace de divisor */
	text-decoration: none;
	text-transform: uppercase;
	background: url('images/navbar_off.jpg') 0px 0px repeat-x;
	opacity: .45;
	}

#navbar ul li a:hover {
	color: #000000;
	background: transparent url('images/navbar_on.jpg') 0px 0px repeat-x;
	opacity: .75;
	}
	
#navbar ul li.current_page_item a {
	color: #000000;
	border-bottom: 1px solid #ffffff !important; /* borde que hace de divisor */
	background: transparent url('images/navbar_activo.gif') repeat !important;
	opacity: 1;
	}
	
/************************************************
*	Sidebar      								*
************************************************/

#sidebar      {
	width: 220px;
	margin: 0px;
	padding: 20px 10px 20px 10px;
	text-align: left;
	float: right;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background: url('images/sidebar-bottom.gif') no-repeat bottom;
	}
	
#sidebar ul li {
	margin: 0px;
	background: url('images/sidebar-middle.gif') repeat-y;
	padding: 5px 10px 0px 10px;
	height: 100%;
	}
	
#sidebar ul li a:first-child {
	color: #507AA5;
	text-decoration: none;
	background: url('images/diana_off.gif') no-repeat 0px 2px;
	padding-left: 13px;
	}

#sidebar ul li a:first-child:hover {
	color: #103A65;
	text-decoration: none;
	background: url('images/diana_on.gif') no-repeat 0px 2px;
	padding-left: 13px;
	}

#sidebar h2 {
	background: url('images/sidebar-top.gif') no-repeat;
	text-align: center;
	height: 20px;
	}

#sidebar .recentcomments a:first-child {
	background: none !important;
	padding-left: 0px !important;
}

#sidebar .recentcomments a:hover{
	text-decoration: none;
	color: #103A65;
}

#sidebar .recentcomments:before {
	content: "\00BB \0020";
}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 1000px;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: left;
	background: url('images/content.gif') repeat-y;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content p img{
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h1 {
	color: #333333;
	font-size: 22px;
	font-family: "Times New Roman", Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#content h1 a  {
	color: #cccccc;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
#content h2 {
	color: #333333;
	font-size: 14px;
	font-family: "Times New Roman", Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	}
	
blockquote {
	background: #f0f2f5 url(images/comillas.png) 10px 15px no-repeat;
	color: #666!important;
	min-height: 45px;
	width: 550px;
	padding: 20px 20px 5px 55px;
	margin: 0px auto 15px auto;
	font-style: italic;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

#contentmiddle {
	border-right: 0px solid #ff0000;
	border-left: 0px solid #C0C0C0;
	float: left;
	width: 743px;
	padding: 15px 0px 15px 0px;
	}
	
#contentmiddle p img{
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	}
	
.contentdate {
	background: url(images/date.gif);
	float: left;
	width: 45px;
	height: 49px;
	margin: 0px;
	padding: 0px;
}
	
.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 0px 0px 12px;
	margin: 0px;
	text-transform: uppercase;
	}
	
.contentdate h4 {
	font-family: "Times New Roman", Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 6px 4px 0px 2px;
	margin: 0px;
	text-align: center;
	}
	
.contenttitle {
	float: left;
	width: 678px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	color: #bbbbbb;
	background: url('images/fondo_contenttitle.gif') repeat-x;
	}

.contenttitle p {
	padding-bottom: 3px !important;
	}

.img_title {
	vertical-align: middle;
	border: 0px;
	margin: 0px !important;
	padding: 0px !important;
}
	
#contentmiddle ul {
	margin: 0px;
	padding: 0px 0px 20px 35pt;
	line-height: 15pt;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}

#contentmiddle ol {
	margin: 0px;
	padding: 0px 0px 20px 35pt;
	line-height: 15pt;
	}
	
#contentmiddle ol li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ol li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ol li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	background: url('images/fondo_post_bottom.jpg') repeat-x;
	width: 1000px;
	height: 15px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-top: 1px solid #C0C0C0;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #777777;
	}

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

#footer a img {
	border: 0px;
	vertical-align: -4px;
}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 7px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}

/************************************************
*	Comments									*
************************************************/
	
.commentblock,.trackbackblock {
	width: 700px;
	background: #E8E8E8;
	color: #333333;
	float: left;
	padding: 10px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #909090;
	}
	
ol.commentlist, ol.tblist {
	padding: 5px 0px 5px 0px !important;
	margin: 0px;
	list-style-type: none;
	}

.avatar {
	border: 1px solid #000000;
	vertical-align: middle;
	float: left;
	margin: 0px 7px 7px 0px;
}

.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}

.commentlist li.comment {
	border: 1px solid #C0C0C0;
	line-height: 20px;
	padding: 10px !important;
	margin-bottom: 20px !important;
	background: #f0f0f0;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.tbtext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 96.8%;
	background: #FFFFFF url('images/comment-depth.gif') no-repeat top left;
}

.cancel-comment-reply {
	float: right;
	margin-top: -11px;
	font-size: 14px;
}

#respond h3 {
	font-size: 14px;
}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 96.8%;
	background: #FFFFFF url('images/comment.gif') no-repeat top left;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 96.8%;
	background: #FFFFFF url('images/comment.gif') no-repeat top left;
	}

ul.children {
	padding: 0px 0px 0px 20px !important;
	list-style-type: none;
}

ul.children li.comment {
	border: 1px solid #C0C0C0;
}

.depth-2 .commenttext {
	background: #FFFFFF url(images/comment-depth.gif) no-repeat top left !important;
}

.depth-2 .commenttext-admin {
	background: #FFFFFF url(images/comment-depth.gif) no-repeat top left;
}

ul.children li.comment.depth-2{
	background: #e8e8e8;
}

.depth-3 .commenttext {
	background: #FFFFFF url(images/comment.gif) no-repeat top left !important;
}

.depth-3 .commenttext-admin {
	background: #FFFFFF url(images/comment.gif) no-repeat top left !important;
}

ul.children li.comment.depth-3{
	background: #f0f0f0;
}

.depth-4 .commenttext {
	background: #FFFFFF url(images/comment-depth.gif) no-repeat top left !important;
}

.depth-4 .commenttext-admin {
	background: #FFFFFF url(images/comment-depth.gif) no-repeat top left !important;
}

ul.children li.comment.depth-4{
	background: #e8e8e8;
}

#commentsformheader{
	padding-left: 0px;
	}

#respond {
	border: 1px solid #C0C0C0;
	padding: 10px;
	margin-bottom: 20px;
	background: #F0F0F0;
}

.reply {
	text-align: right;
}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99.5%;
	}

#commentsform form input.input {
		margin-bottom: 5px;
}
	
img.wp-smiley {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

.commentnumber {
	margin-right: 1px;
	color: #999999;
	float: right;
}
.depth-1 .commentnumber {
	font-size: 24pt;
}
.depth-2 .commentnumber {
	font-size: 14pt;
}
.depth-3 .commentnumber {
	font-size: 12pt;
	font-weight: bold;
}
.depth-4 .commentnumber {
	font-size: 10pt;
	font-weight: bold;
}


/******************************************************************************
	Añadido por Shalafi
*******************************************************************************/
.navigation_posts_top {
	display: block;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 30px;
	font-size: 12px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	height: 25px;
	background: transparent url('images/fondo_sidebar.gif');
}

.navigation_posts_bottom {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 12px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	height: 25px;
	background: transparent url('images/fondo_sidebar.gif');
}

.navigation_pings_top {
	height: 25px;
	width: 740px;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	background: transparent url('images/barra_pings.gif');
}

.navigation_comments_top {
	display: block;
	text-align: center;
	font-size: 12px;
	height: 25px;
	width: 740px;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	background: transparent url('images/barra_comentarios.gif');
}

.navigation_comments_bottom {
	display: block;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 20px;
	font-size: 12px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	height: 25px;
	background: transparent url('images/fondo_sidebar.gif');
}

.navigation_comments_barra_left {
	background: transparent url('images/barra_comentarios_left.gif');
}

.navigation_comments_barra_right {
	background: transparent url('images/barra_comentarios_right.gif');
}

.navigation_comments_barra_ambos {
	background: transparent url('images/barra_comentarios_ambos.gif');
}

.alignleft_comments a {
	color: #cccccc !important;
}

.alignright_comments a {
	color: #cccccc !important;
}

.alignleft_comments a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.alignright_comments a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.alignleft {
	position: relative;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	z-index: 1;
}

.alignleft_comments {
	margin-left: 30px;
}

.alignright {
	position: relative;
	float: right;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
	z-index: 1;
}

.alignright_comments {
	margin-right: 30px;
}

.navigation_title {
	position: relative;
	top: 15px;
	z-index: 0;
	text-align: center;
}

span.pagetitle {
	position: relative;
	top: -15px;
	font-size: 12px;
}

#content h2.pagetitle {
	text-align: center;
	font-size: 14pt;
	color: #333333;
	font-family: "Times New Roman", Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}

.contententrada{
	text-align: justify;
	clear: both;
	width: 721px;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	background: #FFFFFF url(images/fondo_post_bottom.jpg) repeat-x bottom;
	padding: 0px 10px 0px 10px;
	overflow: auto;
	}

.contententrada img{
	vertical-align: middle;
	}

.postmetadata {
	text-align: justify;
	color: #777;
	width: 723px;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	background-color: #e0f0ff;
	border-top: 1px solid #507AA5;
	border-bottom: 1px solid #507AA5;
	}

div.bookmark {
	width: 743px;
	}
	
.bookmark table {
	background-color: #e0f0ff;
	border-top: 1px solid #507AA5;
	border-bottom: 1px solid #507AA5;
}

#content hr {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	}
/******************************************************************************
	Añadido por Shalafi: widget rss
*******************************************************************************/
.content_rss {
	text-align: center;
	float: none;
	width: 220px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
/******************************************************************************
	Añadido por Shalafi: Calendario
*******************************************************************************/
.calendar {
	text-align:center;
	color: #333333;
	}

.calendar table {
	margin:0 auto 0 auto;
	border-collapse: collapse;
}

.calendar table  caption {
	margin:0 auto 0 auto;
}

.calendar td a {
	padding:  0px 3px 0px 3px;
	background: #d0e0ee !important;
	display: block;
	color: #3b74a4 !important;
	text-decoration: none;
	line-height: 15px;
	}

.calendar td a:hover {
	display:block;
	color: white !important;
	background: #3b74a4 !important;
	text-decoration:none;
	}

.calendar a:hover {
	background: #3b74a4;
	color: white;
	}

.calendar td {
	height:15px;
	padding:  0px 3px 0px 3px;
	border: #115588 solid 1px;
	}

#today {
	padding:  0px 3px 0px 3px;
	background: #3b74a4;
	font-weight: bold;
	color: #ffffff;
	}

#content:after, .content_rss:after {
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/******************************************************************************
	Añadido por Shalafi: Variados sidebar
*******************************************************************************/
#sidebar ul li.sin_senal a {
	background: none;
	padding-left: 0px;
	}

#sidebar ul li.sin_senal a:hover {
	background: none;
	padding-left: 0px;
}

#sidebar ul.children {
	padding: 0px 0px 5px 20px;
	background: transparent;
}

#sidebar ul.children li {
	background: transparent;
	}

#sidebar .cat-item img {
	border: 0px;
	vertical-align: middle;
}
/******************************************************************************
	Añadido por Shalafi: Visitas
*******************************************************************************/
.visitas img {
	position: relative;
	top: -2px;
	border: 0px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}
/******************************************************************************
	Añadido por Shalafi: Imprimir
*******************************************************************************/
#aviso_print {
	display: none;
}

/******************************************************************************
	Añadido por Shalafi: Imagen de observatorio.info
*******************************************************************************/
#obs {
	font-family: Trebuchet;
	font-size: 0.9em;
}

#obs #obsimagen {
	float: left;
}

#obs #obstexto {
	float: right;
	width: 125px;
}

#obstexto a {
	color: #507AA5;
	text-decoration:none
}

#obstexto a:hover {
	text-decoration: underline;
}

#obsimagen img {
	opacity: 0.7;
	padding: 3px;
	border: 1px #305A85 solid;
}

#obsimagen img:hover {
	opacity: 1.0;
}

#obstitular {
	font-weight:bold;
	padding-right:5px;
}

#obsfecha {
	/*display: inline;*/
}

#obstitulo {
	/*float: left;*/
}
/******************************************************************************
	Añadido por Shalafi: Bloque global de la web
*******************************************************************************/
#todo-top {
	width: 1050px;
	height: 35px;
	margin: 0px auto 0px;
	background: #FFFFFF url('images/fondo_todo_top.jpg') top;
	text-align: justify;
}

#todo-top div {
	color: #888888;
	font-size: 8pt;
}

#todo-top div.fecha {
	position: relative;
	top: 17px;
	left: 40px;
	float: left;
}

#todo-top div.fecha img{
	position: relative;
	top: -1px;
	border: 0px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

#todo-top div.home {
	position: relative;
	top: 18px;
	right: 40px;
	float: right;
}

#todo-top div.home img{
	position: relative;
	top: -1px;
	border: none;
	vertical-align: middle;
}

#todo {
	background: #FF0000;
	width: 1050px;
	margin: 0px auto 0px;
	background: #FFFFFF url('images/fondo_todo_lat.jpg') repeat-y top left;
}
#todo-bottom {
	background: #FF0000;
	width: 1050px;
	height: 35px;
	margin: 0px auto 0px;
	background: #FFFFFF url('images/fondo_todo_bottom.jpg') top;
}
/******************************************************************************
	Añadido por Shalafi: Imagenes con marcos
*******************************************************************************/
.marco {
	border: 1px solid gray;
	padding: 4px;
}

a img.marco:hover {
	border: 1px dashed #507AA5;
}
/******************************************************************************
	Añadido por Shalafi: Widget imagen del dia
*******************************************************************************/
div.esv_imagen {
	text-align: center;
}

div.esv_imagen a {
	background: none !important;
	padding-left: 0px !important;
}

div.esv_imagen a img {
	border: 2px #507AA5 solid;
	padding: 5px;
}

div.esv_imagen a img:hover {
	border: 2px #A0CAF5 solid;
	padding: 5px;
}
/******************************************************************************
	Añadido por Shalafi: Widget geolocalizador
*******************************************************************************/
div.geolocalizador {
	text-align: center;
}

div.geolocalizador a {
	background: none !important;
	padding-left: 0px !important;
}

div.geolocalizador a img {
	border: 2px #507AA5 solid;
	padding: 5px;
}

div.geolocalizador a img:hover {
	border: 2px #A0CAF5 solid;
	padding: 5px;
}
/*******************************************************************************
	Añadido por Shalafi: Barra de utilidades de la entrada
********************************************************************************/
.barra {
	text-align: right;
	clear: both;
	margin-top: 10px !important;
	padding: 10px 10px 0px 0px !important;
	background: #FFFFFF;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
}
/*******************************************************************************
	Añadido por Shalafi: Barra separación HR
********************************************************************************/
.hr {
	width: 100%;
	height: 80px;
	background: transparent url('images/barra.gif') center center no-repeat;
}
/*******************************************************************************
	Añadido por Shalafi: "Leer más"
********************************************************************************/
.more-link img {
	border: none;
	float: right;
	/*margin: 0px 10px 20px 0px !important;*/
	margin: 0px -10px 0px 0px !important;
}
/*******************************************************************************
	Añadido por Shalafi: Páginas
********************************************************************************/
#contentpagina{
	text-align: justify;
	clear: both;
	width: 721px;
	border: 1px solid #C0C0C0;
	background: #FFFFFF url(images/fondo_post_bottom.jpg) repeat-x bottom;
	padding: 10px 10px 0px 10px;
	margin-top: 10px;
	overflow: auto;
	}
/*******************************************************************************
	Añadido por Shalafi: Cajas de texto "input"
********************************************************************************/
.input {
	border: 1px solid #C0C0C0;
	background: #ffffff url('images/textfield.gif') top repeat-x !important;
	color: #606060;
}