html, body {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
a {
color: #963;
}
a:hover {
color: #c60;
}
body {
font-size: 62.5%;
background: url(bgpaper8.png);
}
p, pre, ul {
padding-bottom: 1.2em;
}
li {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
h1 {
font-family: sans-serif;
font-size: 1.8em;
margin-bottom: 4px;
}
pre {
border-style: solid;
border-color: #eee #eee #eee #c1cad3;
border-width: 1px 1px 1px 6px;
padding: 8px 10px;
background: #f3f29e none repeat scroll 0% 50%;
display: block;
font-family: monospace;
font-size: 1em;
line-height: 1.6em;
margin-bottom: 12px;
white-space: pre;
}
blockquote {
background: transparent url(quote.png) no-repeat scroll 0% 50%;
display: block;
font-weight: bold;
padding-left: 28px;
}
h1, h2, h3 {
padding-top: 1em;
}
.clearer {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.container {
margin: 0 auto;
width: 80%;
font-size: 1.2em;
padding-top: 15em;
}
.ie .container {
padding-top: 0.8em;
}
.ie6 .container, .ie5 .container {
width: 100%;
padding: 0.8em 10% 0 10%;
}
.top {
margin: 0 auto;
width: 80%;
padding-top: 4%;
}
.ie6 .top, .ie5 .top {
width: 100%;
padding: 4% 10% 0 10%;
}
.header {
position: relative;
margin: 0 auto;
font-size: 1.2em;
width: 100%;
}
.ie .header {
position: static;
}
.header .left, .header .right {
background: #184676 none repeat scroll 0% 50%;
color: #fff;
}
.header .left {
font-size: 2.8em;
line-height: 5em;
text-align: center;
width: 74%;
}
.header .left img {
border: 0;
}
.ie .header .left {
height: 4em;
padding-top: 1em;
}
.ie5 .header .left {
height: 5em;
}
.ie6 .header .left {
height: 5em;
}
.ie8 .header .left {
line-height: 0;
}
.header .left img {
vertical-align: middle; 
width: 100%;
}
.header .right {
width: 25%;
font-family: sans-serif;
height: 14em;
overflow: auto;
}
.ie8 .header .right {
height: 14.5em;
}
.header .right p, .header .right h2 {
padding: 0 1.5em; 
}
.header .right h2 {
padding: 1em;
font-size: 1.6em;
}
.navigation {
border-style: solid;
border-color: #dfeef7 #cfdee7;
border-width: 1px;
background: #d9e1e5 url(nav.png) repeat scroll 0% 50%;
height: 2.7em;
}
.ie8 .navigation {
margin-top: 18%; 
}
.hidden {
display: none;
}
.main {
padding: 1em 0;
float: left;
width: 72%;
}
.main .warn {
color: red;
font-size: large;
}
.main iframe {
width: 100%;
height: 80em;
margin-top: 1em;
padding-left: 1em;
border: 1px solid #eaeada;
background: #fff;
}
.main #internal {
padding-left: 0;
border: 0;
background: url(bgpaper8.png);
} 
.sidenav {
margin: 2em 0 2em 0;
float: right;
width: 25%;
background: #f9f9f9;
border: 1px solid #eaeada;
}
.sidenav h2 {
margin: 0;
color: #5a5a43;
font-size: 1em;
line-height: 2em;
padding-left: 1em;
}
.ie6 .sidenav h2 {
margin-top: 1em;
}
.sidenav ul {
border-top: 1px solid #eaeada;
padding: 0 0 0 1em;
}
.sidenav li {
list-style-image: url(si.png);
list-style-position: inside;
margin-right: 0.5em;
}
.sidenav li#msn {
list-style-image: url(http://messenger.services.live.com/users/d777d8905174de38@apps.messenger.live.com/presenceimage?mkt=es-ES);
}
.sidenav li#jabber {
list-style-image: url(http://jabber.linux.it/presence/jorge@rodriguezmoreno.com?q=1);
}
.sidenav li:hover {
background: #d9e1e5 none repeat scroll 0% 50%;
color: #654;
}
.sidenav li a {
padding-left: 5%;
font-size: 1.1em;
color: #554;
text-decoration: none;
line-height: 1.5em;
}
.ie6 .sidenav a:hover {
background: #d9e1e5 none repeat scroll 0% 50%;
color: #654;
}
.content {
font-size: 1.3em;
padding-right: 1em;
}
.content img {
width: 100%;
}
.content .descr {
color: #664;
font-size: 0.9em;
margin-bottom: 6px;
}
.content li {
list-style-type: disc;
list-style-image: url(li.png);
list-style-position: outside;
margin-left: 1.5em;
}
.content p {
font-family: sans-serif;
}
.footer {
background: transparent url(bgfooter.png) repeat-x scroll 0% 50%;
color: #fff;
font-family: sans-serif;
font-weight: bold;
font-size: 1em;
line-height: 4em;
text-align: center;
}
.footer a {
color: #fff;
}
.sidenav .info {
display: list-item;
list-style-position: inside;
height: 72px;
}
.gecko .sidenav .info span {
position: relative;
bottom: 32px;
}
.webkit .sidenav .info span {
position: relative;
bottom: 32px;
} 
.opera .sidenav .info span {
position: relative;
top: 20px;
}
.sidenav .info#bio {
list-style-image: url(hackergotchi-64.png);
}
.sidenav .info#search {
display: block;
border-top: 1px solid #eaeada;
border-bottom: 1px solid #eaeada;
margin-top: 1em;
}
fieldset {
width: 110%;
height: 72px;
border: 0;
}
.ie fieldset {
position: relative;
right: 3%;
}
.sidenav #sbox {
width: 50%;
}
.sidenav #sgroup {
display: list-item;
list-style-image: url(search.png);
width: 100%;
}
.sidenav input {
position: relative;
bottom: 32px;
right: 8%;
}
.opera .sidenav input {
position: relative;
right: 5%; 
}
.ie .sidenav #sgroup {
position: relative;
top: 15%;
left: 5%;
}
.ie6 .sidenav #sbox {
width: 80%;
}
.ie5 .sidenav #sbox {
width: 80%;
}
.ie5 .sidenav input {
position: relative;
left: 3%;
top: 30%;
}
.sidenav .info#paper {
list-style-image: url(paper.png);
}
.sidenav .info#links {
list-style-image: url(links.png);
}
.sidenav .info#lilo {
list-style-image: url(lilo.png);
}