/*
	Author Name	: Guille -bisho-
	Author Site	: http://blogs.eurielec.etsit.upm.es/freedreams/
	Style Name	: Freedreams
	Style URI	:
	Version		: 1.0
	Comments	: IE Sucks!, I know
*/

/* Set background & main block */
body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background: #222;
	color: #ccc;
	margin: 0;
	padding: 20px 0;
	background-image:url('kk.jpg');
	background-position:top center;
	background-repeat: repeat-y;
}

#frame-top {
	display: block;
	margin: 0 auto;
	content: "";
	width:816px;
	height:18px;
	background-image:url('bg_bar_top.png');
}

#frame-bottom {
	display: block;
	margin: 0 auto;
	content: "";
	width:816px;
	height:18px;
	background-image:url('bg_bar_bottom.png');
}
	
#frame-center {
	/* The entire design is contained within the 'page' id */
	width:816px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	background-image:url('bg_center.png');
	}

/* Blocks */
#footer p {
	width: 321px;
	margin: auto;
	color: #777;
	border-top: 1px dotted #555;
	text-align:center;
	clear: both;
	}

#header {
	/* Contains the H1 and menu */
	width:780px;
	height: 200px;
	position: relative;
	margin: 0 auto 15px auto;
	border-bottom:1px solid #c70;
	}
.content {
	/* Contains the content */
	width:780px;
	margin: 0 auto;
	}
#primary {
	/* Contains the main column */
	float: left;
	width: 545px;
	margin-left: 10px;
	border-right: 1px dotted #333;
	padding-right: 20px;
	padding-bottom: 30px;
}


.hentry {
	/* Each entry is contained within the 'hentry' class */
	}

.entry-content {
	/* The meat and potatoes of every entry */
	font-family: 'Bitstream Vera Sans', 'Verdana', 'Helvetica', sans-serif;
	font-size: 1.3em;
	text-align: justify;
	}

.secondary {
	/* Contains the sidebar */
	margin: 0 0 0 575px;
	padding: 0;
	/*border-left: 1px dotted #333;*/
	padding-left: 15px;
	}

.secondary li.current_page_item> a {
	font-weight: bold;
	font-size: 1.1em;
	color: #aaa;
}

.secondary ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

/*- Headings */
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}
#header h1:before {
	display:block;
	margin-top:-30px;
	margin-left:-90px;
	height:70px;
	content: url('/~bisho/blog_files/paloma.png');
	}
#header h1 {
	position:absolute;
	margin:0;
	padding:0;
	padding-left:65px;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	}

#header h1 a {
	color: #c70;
	text-decoration: none;
	}
#header p.description {
	position:absolute;
	margin-top: 80px;
	margin-left:80px;
	font: italic normal 16px 'Garamond', 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	color: #777;
	}
#primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	color: #c70;
	text-align: center;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	}
.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	display: block;
	width: 170px;
	text-align: center;
	color: #bbb;
	font-weight: bold;
	border-bottom: 1px solid #b70;
	font-size: 10px;
	margin-top:15px;
}
#primary h3, #primary h4, .single #primary .k2-asides h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	}
#primary h3 {
	border-bottom: 1px solid #c70;
	margin-bottom: 2px;
	padding-left: 3px;
	color: #eb5;
	}
#primary h3:before {
	content: "»";
	width:30px;
	padding-left:8px;
	padding-right:8px;
	margin-right: 3px;
	color: black;
	background-color: #c70;
	}
#primary h4 { font-size: 2em; }
#primary h4 {
	border-bottom: 1px solid #888;
	margin-bottom: 2px;
	padding-left: 3px;
	}
#primary h4:before {
	content: "»";
	width:30px;
	padding-left:6px;
	padding-right:6px;
	margin-right: 6px;
	color: black;
	background-color: #888;
	}


h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}
#primary ul {
	padding-left: 25px;
}

/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 6px 15px 4px;
	-moz-border-radius: 10px 10px 0 0;
	}

ul.menu li a {
	font-size: 1em;
	color: white;
	margin: 0;
	}

ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: black !important;
	background: #d70;
	text-decoration: none;
	font-weight: bold;
	}

.admintab {
	position: absolute;
	right: 0;
	}

* html .admintab { padding: 5px 15px 6px }	/* IE hack */

/*- navigation */
.navigation {
        text-align: center;
        margin: 10px 0;
        padding: 4px 0 4px 0;
        width: 100%;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
        }
.left {
	float: left;
	text-align: left;
}
.right {
	float: right;
	text-align: right;
}
.navigation .left, .navigation .right {
        width: 50%;
        }


/* El post */
.entry-meta { /* Time and category for blog entries */
	text-align:right;
	font-size: 1em;
	display: block;
	margin-top: 1px;
	color: #bbb;
	}
.entry-footer .entry-meta {
	text-align: left;
}

.entry-meta a, .comment-meta a, .entry-meta a span, span.entry-edit a, .commentsrsslink a,
.entry-meta a:visited, .comment-meta a:visited, .entry-meta a:visited span, span.entry-edit a:visited, .commentsrsslink a:visited {
	color: #777;
	}
.entry-meta a:hover, .comment-meta a:hover, .entry-meta a:hover span, span.entry-edit a:hover, .commentsrsslink a:hover,
.entry-meta a:active, .comment-meta a:active, .entry-meta a:active span, span.entry-edit a:active, .commentsrsslink a:active {
	color: #c00;
	}

.entry-meta abbr {
	border: 0;
	}

.chronodata {
	padding: 2px 0 2px 20px;
	background: url('../../images/time.png') left center no-repeat;
	}
.entry-footer-comments {
	text-align: right;
	border-top: 1px solid #333;
	}
.commentslink {
	padding: 2px 0 2px 20px;
	background: url('../../images/comment.png') left center no-repeat;
	margin-left: 10px;
	}
.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('../../images/comment.png') left center no-repeat;
	margin-left: 5px;
	}

.entry-tags {
	padding: 2px 0 2px 20px;
	background: url('../../images/tag_blue.png') left center no-repeat;
	}
ody.page .entry-edit {
	position: absolute;
	right: 0;
	margin-top: -15px;
	}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('../../images/pencil.png') left center no-repeat;
	height: 16px;
	color: #777;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('../../images/comment_edit.png') left center no-repeat;
	height: 16px;
	color: #777;
	}
.metalinks {
	text-align: right;
}
.entry-extra {
	border-top: 4px solid #840;
	border-bottom: 4px solid #840;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 170px;
	background-color:#441;
	background-color:#3f4010;
}
.entry-related {
	background-color:#10403f;
	background-color:#695900;
}
.entry-share, .entry-related {
	width:45%;
	float:right;
	height:170px;
}
.entry-related {
	width:55%;
}
.entry-extra h4 { margin: 0; }
.entry-extra ul {
	padding:0;
	padding-left: 25px;
}
.entry-extra a, .entry-extra a:visited {
	color: #e90;
}
.entry-extra a:hover {
	color: #e90;
}
.related-list {
	height:80px;
	overflow:auto;
	padding-left:15px;
	margin-left:-25px;
	border: 1px dotted #930; 
}
.related-list .excerpt {
	font-size: .9em;
	letter-spacing: 70%;
}
.recent-list .excerpt {
	font-size: .7em;
	letter-spacing: 70%;
}

/* El calendario */
#calendario caption, #calendario td, #calendario th {
	font-size: 10px;
	color: #666;
	border: 0;
	text-align: center;
	font-weight: normal;
}
#calendario caption {
	color: #bbb;
	font-weight: bold;
	border-bottom: 1px solid #b70;
}
#calendario th {
	width: 20px;
	font-weight: bold;
}
#calendario tfoot td {
	border-top: 1px solid #666;
}
#calendario #prev {
	text-align:left;
}
#calendario #next {
	text-align:right;
}

/* Enlaces */
a:visited {
	color: #ea4;
	text-decoration: none;
}
a:hover, .meta a:hover, a:active, .meta a:active {
	color: #d00;
	text-decoration: underline;
}
a:hover span, .meta a:hover span {
	color: #b70;
}
a, .meta a {
	color: #eb5;
	text-decoration: none;
}
img { border: 0; }
a img,:link img,:visited img { border:none }

/* Otros */
acronym, abbr {
	border-bottom: 1px dotted #ccc;
}
acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}
code {
	font-family: 'Bitstream Vera San Mono', courier, fixed;
	font-size: 11px;
}
pre {
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-left: 5px solid #ccc;
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: auto;
	background-color: #444;
}
pre, pre p {
	font-family: 'Bitstream Vera San Mono', courier, fixed;
	font-size: 11px;
}
pre p {
	margin: 0;
	padding: 0;
}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}
cite {
	letter-spacing: .07em;
	font-style: italic;
}
blockquote.cite {
	border: 0;
	margin: 0;
	-moz-border-radius: 25px;
	border-radius: 25px 25px;
	padding: 20px 15px;
	background:black;
}
blockquote.cite:before, blockquote.cite:after {
	display: block;
	height: 32px;
	margin:0; padding:0; border:0;
	content: "";
}
blockquote.cite:before {
	background: transparent url('quotation_left_trans.png') no-repeat top left !important;
	margin: -32px 0 0 -24px;
}
blockquote.cite:after {
	background: transparent url('quotation_right_trans.png') no-repeat bottom right !important;
	margin: 0 -24px -32px 0;
}
.cite * {
	font-size: 11px;
}
blockquote.cite p.title {
	padding-left:10px;
	font-weight: bold;
}
p.quotee {
	text-align: right;
	margin: -1px 0;
	font-style: italic;
	font-weight: bold;
	color: #ccc;
}
hr {
	display: none;
}
hr.clear {
	display: block; /* hr with display none doesn't obey clear */
	height: 0; border: 0;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.padding {
	padding: 6px;
}
.column20 { width:20%; float:left; }
.column25 { width:25%; float:left; }
.column30 { width:30%; float:left; }
.column35 { width:35%; float:left; }
.column40 { width:40%; float:left; }
.column45 { width:45%; float:left; }
.column50 { width:50%; float:left; }
.column55 { width:55%; float:left; }
.column60 { width:60%; float:left; }
.column65 { width:65%; float:left; }
.column70 { width:70%; float:left; }
.column75 { width:75%; float:left; }
.column80 { width:80%; float:left; }
.softborder_left {
	border-left: 1px dotted #333;
}
.softborder_right {
	border-right: 1px dotted #333;
}
html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}
/*- Forms */
form input, form textarea {
	color: #ccc;
	border: 1px solid #555;
	background-color: #222;
	-moz-border-radius: 3px 3px 3px 0px;
}
form input:focus, form textarea:focus,
form input:hover, form textarea:hover {
	color: #fff;
	border: 1px solid #922;
	background-color: #333;
}
form input {
	margin: 3px;
	padding-left: 2px;
}
form textarea {
	width: 535px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	font-size: 1.4em;
	padding: 4px;
}
input[type="submit"] {
	color: #e70;
	background-color: #050;
	border: 2px outset #050;
	font-weight: bold;
	}
input[type="submit"]:hover {
	color: #f50;
	background-color: #006000;
	border: 2px outset #006000;
}
#commentform input[type="submit"] {
	height: 2em;
	background-image: url('submit_start.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin-left: 400px;
	padding: 0 40px 0 0;
}
#commentform label { display: block; margin-top:10px;}
#commentform fieldset { border:0; }
#commentform legend { display:none; }
/*- Search Form and Livesearch */
#searchform {
	display:block;
	width: 175px;
	height: 35px;
	padding: 0;
	-moz-opacity:0.5;
	filter:alpha(opacity=100);
	opacity:0.5;
	}
#searchform:hover {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity: 1;
	text-decoration:none;
	}
#searchform #s {
	width: 120px;
	}

/*- Comments -*/
.commentsrsslink {
	background: url('../../images/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('../../images/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 0;
	margin-top: 10px;
	padding: 10px 0 20px;
	position: relative;
	}

#commentlist li {
	margin: 0;
	padding: 5px 10px 5px 0px;
	list-style: none;
	border-top: 1px dotted #555;
	background-image: url('comment_bars.png');
	background-repeat: no-repeat;
	}
#commentlist li.alt {
	background-image: url('comment_bars_alt.png');
	background-repeat: no-repeat;
}
#commentlist li:last-child {
	border-bottom: 1px dotted #555;
}

#commentlist li .comment-content {
	font-size: 1.2em;
	padding-left: 4px;
	text-align: justify;
	width: 520px;
	overflow:auto;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 3px 0;
	}

#commentlist li .comment-meta {
	float: right;
	margin: 0; margin-top:10px;
	padding: 2px 0 0 20px;
	background: url('../../images/time.png') left center no-repeat;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist li img.gravatar {
	float: right;
	margin: -5px 0 0;
	}

#commentlist li .commentauthor {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: -3px 0 10px 35px;
	}

#commentlist li .counter {
	font: normal 1em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #999;
	float:left;
	width: 30px;
	margin-left: 0px;
	padding-right: 3px;
	text-align: right;
	}

li.byuser {
	}

li.bypostauthor {
	}

li.bypostauthor blockquote {
	background: url('../../images/quote.png') no-repeat 10px 0;              
	}
	 
#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}