/*  
Theme Name: Fjords04
Theme URI: http://www.peterandrej.com/wordpress/
Description: A 4-column theme with split custom header.
Version: 1.0-wpcom
Author: Peterandrej
Author URI: http://www.peterandrej.com/wordpress/
Tags: four columns, custom header, narrow


	This theme was originally designed by Lokesh and redesigned and built by oriol, 
	before redesigned and rebuild by Peterandrej.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	
*/




/**********************************************************************************/
body {
	background-color: #DDE5D9;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	color: #333333;
}
/********************************************************************************/
#content, #sidebar-1, #sidebar-2, #sidebar-3  {
	background-image:url(../images/kathyweb.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#hode a, #hode {
	color: #ffffff;
}	

#wrapper { 
		padding-left: 0; 
		width: 970px;
		margin-left: auto;
		margin-right: auto;
}

#hode {
	width: 250px;
	color: #ffffff;
	height: 170px;
	text-align: left;
	clear: both;
	margin: 5px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: transparent;
}

#content {
	width: 355px;
	text-align: left;
	border-top:solid 1px #CED4CA;
	border-bottom:solid 3px #CED4CA;
	border-left:solid 1px #CED4CA;
	border-right:solid 3px #CED4CA;
	float: left;
	margin: 5px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}
#sidebar-1 {
	width: 212.5px;
	background-position: -300px 0;
	text-decoration: none;

}
#sidebar-2 {
	width: 170px;
	background-position: -500px 0;
}
#sidebar-3 {
	width: 252.5px;
	background-position: -600px 0;
}
/********************************************************************************/
.sidebar {
	text-align: left;
	border-top:solid 1px #CED4CA;
	border-bottom:solid 3px #CED4CA;
	border-left:solid 1px #CED4CA;
	border-right:solid 3px #CED4CA;
	float: left;
	margin: 5px;
	background: #ffffff;
	font-size: 0.9em;
	padding: 220px 0px 10px 15px;
	height: auto;
	width: auto;
	text-decoration: none;



}

.post {
	border-bottom:solid 1px #DEE4DA;
	background-color: #FFFFFF;
	padding: 0px;


}

.post-titulo {
	color:#8AB459;
	margin:0px;
	margin-bottom:2px;
}
.comentarios-link{
	padding: 0 0 0 17px;
	background-repeat: no-repeat;
	background-position: center left;

	}	

h1,
h2,
h3,
h4 {	font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }

h1 { text-indent: -9000px; margin: 0; display: none;}
h2 {
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 1.1em;
	margin-left: auto;
}
h2 a { color: #63b4cd; }

p {	line-height: normal;	margin: 1.1em 0 0em 1.1; }

img, a img{ border:0px;}

a, a:hover {
	text-decoration: none;
	color: #64b4cd;
}
a:hover { color: #777; }

em{
	font-style: normal;
	font-weight: bold;
	color: #ef6c6c;
	}

code{font-family: monospace;  font-size: 11px; background-color: #eee;}
pre code{ line-height: 1.3em;}

kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

del, del * { text-decoration: line-through; }

.small {
	font-size: 0.9em;
	color: #999;
	}
/***********comentarios***************/

#comment{
	width: 100%
}
.comentarios{
	border:1px solid #DEE4DA;
	background-color: #F3F3F3;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.commentarios li {
	border:1px solid #DEE4DA;
	background-color: #F3F3F3;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.commentarios li:hover{ background-color: #fff; }

.comentariosmeta {
	margin-top: 0;
	padding-top: 1px;
	font-size: 0.9em;
	color: #999;
	}
.comentariostitulo {
	margin:0px;
	margin-bottom:2px;
}
/*********sidebars***************/
.sidebar h2 {
	display: inline;
	margin: 0px 0 2em 0px;
	padding: 0;
	color: #63b4cd;
	font-size: .9em;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: normal;
	background-image: none;
	word-spacing: 0px;
	height: auto;
    }

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.sidebar ul ul {
	margin: 1.0em 0 1.5em 0;
	border-top: 1px solid #dee4da;
	}
.sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #dee4da;
	}
.sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 2px 10px 0;
	text-decoration: none;

	} 
.sidebar ul ul li a:hover {
	background-color: #f3f3f3;
	}
/****************************/
.linkpermanente{
	padding: 0 0 0 17px;
	background:  url(file:///C|/Documents%20and%20Settings/Kathy/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1XNG3514/imagenes_qwilm/permalink.gif) no-repeat center left;

}
/**********formularios*********/
input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAF0;
	color: #555;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	}
/*******pagina estática*********/
#pagina {
	border-bottom:solid 1px #DEE4DA;
	padding-top:30px;
	padding-bottom:0px;
}

.pagina-titulo{
	color: #63B4CD;
	margin:0px;
	text-decoration: none;


}
/**********gravatar***************/
.gravatar{
	float:right;

}
/*********Privado-comentarios***************/
.comentarios-autor{
	border:1px solid #B2FF66;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.comentarios-autor li {
	border:1px solid #B2FF66;
	background-color: #95FFCE;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	}
.comentarios-autor li:hover{ background-color: #fff; }
/**********************************************/
#searchform{
width:100%;

}

.avatar {
	float: right;
}
/**********************************************/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -35px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 159px;
	height: 110px;
	margin-left: -5px;


}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	margin: -40px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 300px;
	height: 200px;
}
.hoverbox a
{
	position: relative;
	visibility: visible;
	left: -1px;
	top: 0px;






}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}