/*********************************************************************/
/* Style sheets for Planeta Accesible                                */
/* Copyright (C) 2003-2006 Orange Software S.L. All rights reserved. */
/* ================================================================= */
/*                                         __ _                      */
/*   ___ _ _ __ _ _ _  __ _ ___   ___ ___ / _| |_                    */
/*  / _ \ '_/ _` | ' \/ _` / -_) (_-</ _ \  _|  _|                   */
/*  \___/_| \__,_|_||_\__, \___| /__/\___/_|  \__|                   */
/*                    |___/                                          */
/*                               ~ Making Software for the People ~  */
/*                                                                   */
/*********************************************************************/


/* Containers */

body {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", sans-serif;
    font-size: .9em;
    color: #000;
    background: #fff url(../images/fondo.gif) repeat-x;
    margin: 0;
    padding: 0;
}

#header {
    background: url(../images/logo.gif) no-repeat;
    height: 236px;
    padding: 0;
    margin: 0;
}

#about {
    position: absolute;
    right: 0;
    top: 152px;
    width: 323px;
    background: url(../images/fondo_der.gif) no-repeat left top;
    padding: 0;
    padding-top: 2em;
    margin: 0;
}

#about h2 {
    background: none;
    padding: .2em 3em;
    font-size: 1.2em;
    font-variant: small-caps;
    letter-spacing: 2px;
}

#about p {
    padding-left: 4em;
    padding-right: 2em;
    clear: both;
}

#about ul{
    margin-left: 4em;
    padding-left: 2em;
    background: none;
}

#content {
    padding: 0 27em 2em 2em;
    background: url(../images/fondo_der_cont.gif) right repeat-y;
}


/* Headers */

h1.planet {
    font-size: 1.8em;
    position: absolute;  
    left: -200em;
}

h2.planet {
    font-size: 1.5em;
    color: #ff5a00;
}

#content h2.planet {
    border-bottom: 1px solid #eeeed9;
    color: #aaa;
}

h2.planet a {
    color:#ff5a00;
}

h3.planet {
    margin-left:.5em;
    padding-left:1.5em;
    background: url(../images/bullet01.gif) no-repeat;
    font-size:1.5em;
    color:#ff5a00;
}

h3.planet a {
    color:#ff5a00;
}

h4.planet {
    margin-left: 2em;
    font-size: 1.3em;
    padding-left: 1.2em;
    color: #333;
    background: url(../images/bullet02.gif) no-repeat;
}

h4.planet a {
    color: #333;
}

h4.planet a:hover {
    color: #000;
}


/* Generics */

a {
    color: #007fbf;
}

p {
    padding-left: 4em;
}

ul {
    margin-left: 3em;
}

pre, .markup {
    background: #f2f2f2;
    border: 2px dotted #ccc;
    padding: .5em;
    margin-left: 5em;
    white-space: pre;
}


/* Subscriptions */

#subscriptions {
    list-style: none;
}

#subscriptions li {
    margin: .3em 0;
}

#subscriptions a {
    padding-left: 22px;
    background: url(../images/feed-icon-16x16.png) left center no-repeat;
}


/* Feeds list */

#feeds {
    list-style: none;
    margin-bottom: 2em;
}

#feeds li {
    clear: both;
}

#feeds li a {
    float: left;
}

.feed {
    display: block;
    width: 12px;
    height: 20px;
    float: left;
    background: url(../images/feed-icon-12x12.png) center no-repeat;
    margin-right: .5em;
}

.feed span {
    display: none;
}

.postdate {
    text-align: right;
}

#foot a,
.postdate a {
    color: #999;
    text-decoration: underline;
}

#foot a:hover,
.postdate a:hover {
    color: #000;
}

/* Footer */

#foot {
    background: url(../images/fondo_pie.gif) repeat-x;
    color: #333;
    padding-bottom: 300px;
    padding-right: 1em;
    border-top: 1px solid #eeeed9;
    margin: 0;
    text-align: right;
}

#disclaimer {
    float: right;
    width: 50%;
    color: #999;
}

#foot a {
    color: #333;
    text-decoration: underline;
}

#foot a:hover {
    color: #000;
}