/*
Nombre de Tema: area ciega vista por xsto.info
URI: http://www.areaciega.net
Description: copia de Nebula flavoured Rin
Version: 1.1 
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/ 


Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.

Also a big shout out to Franchesco Anselmo & David Prince for their invaluable 
support.

Also I've got to thank the wordpress forums for all the little help in solving 
loads of questions we had when creating this theme.

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Theme for blogging software. Initially released for Wordpress.
Copyright (C) 2004 khaled abou alfa.
This program is free software; you can redistribute it and/or modify it under 
the terms of the GNU General Public License as published by the Free Software 
Foundation, version 2 of the License.
This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 
PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/
/* Hoja de estilo de eZ publish 3 core CSS - th[eZ] 20021211               */

/*No borrar la hoja de estilo o cualquiera de sus elementos porque */
/*algunas reglas de formateado del sistema se encuentran descritas aqui */
/*Solo modifica y/o sobreescribe los estilos que sean necesarios*/
/*y borra todos los comentarios cuando no los necesites mas ya que ocupan espacio */

/* imagenes sin borde */
img { border: none; }
/* TIPOS DE LETRA BASICOS */

h1,h2, h3, p, a, th, td, ul, ol, li, dl, dd, dt, label, div, span, input, textarea, address
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* TAMANYO */

/* tamanyos en % y margenes y paddings en em para hacerlo mas dinamico */

h1
{
    font-size: 160%;
}

h2
{
    font-size: 120%;
}

h3
{
    font-size: 90%;
}

h4, h5, h6
{
    font-size: 80%;
}

p, ul, ol, dl, label
/* Este es el tipo de letra habitual */
{
    font-size: 80%;
}


ul ul, ol ol
/* This is to get nested lists to keep the correct size. */
{
    font-size: 100%;
}
 
/* REGULAR PARAGRAPHS */

p
/* {padding-left: 30px;*/
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    margin: 0px;
    text-align: left;
}

/* TABLES */

table
{
    margin: 0px;
    padding: 0px;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

ul, ul ul
{
    list-style-type: disc;
}

ul
{
    margin-left: 16px;
}

ol
{
    /*margin-left: 24px;*/
}

li
{
    padding: 0px;
    margin-bottom: 0.5ex;
}

/* DEFINITION LISTS */

dl
{
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

dt, dd
{
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0.5ex;
}

dt
{
    font-weight: bold;
}

dd
{
    margin-left: 2ex;
    margin-right: 2ex;
}

/* FORMS */

form
{
    padding: 0px;
    margin: 0px;
}

input.box, textarea.box
{
    width: 468px;
}

input.halfbox, textarea.halfbox
{
    width: 230px;
}

label
{
    font-weight: bold;
    padding-right: 1ex;
    white-space: nowrap;
}

label.validation-error
{
    color: #ff0000;
}

div.labelbreak
/* Used on an empty tag set after the label tag, to make it possible to change the label positioning in a instant. */
/* Standard display is _block_, but if set to _inline_ the labels will appear to the left of the input fields. */
{
    display: block;
}

input.button
{
    font-weight: normal;
    margin-right: 8px;
}

input.defaultbutton
{
    font-weight: bold;
    margin-right: 8px;
}

/* Disabled for now, causes some issues in Opera */
/*
input.button:hover
{
    background-color: #f0f0f0;
    cursor: pointer;
}*/

p.box
/* Used on text (i.e. data other than form elements) shown under a label. */
/* Pads the distance to the label properly so it looks visually at the same height as a text in an input line. */
{
    padding-top: 0.25ex;
}


/* Status message styles, used for items which have the read/unread/inactive status */
p.status_unread, a.status_unread
{
    color: #ff0000;
}

p.status_read, a.status_read
{
}

p.status_inactive, a.status_inactive
{
    color: #aaaaaa;
}

optgroup
/* Newer browsers usually supports this tag; may come in handy to visually divide a select dropdown into several parts. */
{
    font-weight: bold;
    font-style: normal;
}

/* PAGE DIVIDERS */

div.left
/* To be used with the div.right class, to align a left hand element to the left edge. */
{
    float: left;
    display: block;
    width: 50%;
    clear: right;
}

div.right
/* To be used with the div.left class, to align a right hand element to the right edge. */
/* Should be followed by the div.break class for proper float/break termination */
{
    float: left;
    text-align: right;
    display: block;
    width: 50%;
    clear: right;
}

div.block, div.step
{
    display: block;
    clear: both;
    padding: 0px;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
}

div.step
{
    background-color: #f0f0f0;
    margin: 0ex;
	border-bottom: dashed 2px #808080;
}

div.buttonblock
{
    margin-top: 1ex;
    margin-bottom: 1ex;
}

div.setup_element
/* Used to place menu items in setup beside each other. */
{
    float: left;
    display: block;
    padding-right: 1ex;
    padding-left: 0px;
    padding-top: 5px;
    clear: right;
    width: 170px;
}

div.package_element
/* Se utiliza para posicionar paquetes con vista de miniaturas */
{
    float: left;
    display: block;
    padding-right: 1ex;
    padding-left: 0px;
    padding-top: 5px;
    clear: right;
}

div.element
/* Se utiliza para posicionar varios elementos proximos a otros horizontalmente. No se utiliza para botones */
{
    float: left;
    display: block;
    padding-right: 1ex;
    padding-left: 0px;
    clear: right;
}

div.break
/* Se utiliza en una etiqueta vacia puesta tras uno o mas div para asegurarnos de que se produzca el floating y breaking de los elementos */
{
    display: block;
    clear: both;
}

/* FORMATEADO DE ARTICULOS */

div.maincontentheader
{
    /* Sin formateado especial de momento */
}

div.byline
{
    margin-bottom: 8px;
}

div.bodyblock
{
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
}

div.bodyblock p.body
{
    display: inline;
}

div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline;
    clear: both;
}

div.imageright img {margin: 10px;}
div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 8px;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-left: 8px;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    margin-top: 2px;
    margin-bottom: 2px;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

div.object-left
{
    float: left;
    clear: left;
}

div.object-right
{
    float: right;
    clear: right;
}

/* OTROS OBJETOS */

hr
{
    height: 1px;
    padding: 0px;
    margin-top: 2ex;
    margin-bottom: 1ex;
    color: #c0c0c0;
}

address { font: normal 0.7em Verdana, Arial, Sans-serif; }

.invisible, .escondido
/* este estilo se usa en aquellos elementos que se tienen que visualizar en navegadores que no soportan CSS */
{
    display: none;
}

a { color: #bd3015; }