/* -----------------------------------------------------------------------
 *
 * $Id: style.css,v 1.3 2007/09/29 20:08:27 raoul Exp $
 *
 * Copyright (C) 2003-2007 Raoul Proen�a
 * License: GNU GPL version 3 (see copying.txt file)
 * Website: http://genu.org/
 *
 * -----------------------------------------------------------------------
 *
 * 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, either version 3 of the License, or
 * (at your option) any later version.
 *
 * 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.
 *
 * -------------------------------------------------------------------- */

/********/
/* Main */
/********/

* {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 11px;
}

a {
    background: transparent;
    color: black;/*#0f4f8f;*/
    text-decoration: none;
}

a:hover {
    background: transparent;
    color: #000;
    text-decoration: underline;
}

body {
    background: silver;/*black;/*#f0f0f0;*/
    color: #a0a0a0;
    margin: 6px auto;
    width: 760px;
}

form {
    margin: 0;
}

img {
    border: 0px solid #c0c0c0;
}

img.bordered {
    border: 1px solid black;
}

img.noborder {
    border: 0px;
}

ol {
    list-style: decimal inside;
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul > li
{
    background-image: url(./images/list.png);
    background-position: 0 0.5em;
    background-repeat: no-repeat;
    padding-left: 1em;
}

/********/
/* Page */
/********/

div.pageBottom {
    float: left;
    padding: 2px;
    text-align: center;
    width: 756px;
    color: black;
}

div.pageLeft {
    float: left;
    width: 159px;
}

div.pageMain {
    background: white/*#fbfbf0*/;
    border: 1px solid black;/*#c0c0c0;*/
    color: #444;
    float: left;
    width: 758px;
}

div.pageRight {
    float: left;
    width: 599px;
}

/********/
/* News */
/********/

div.newsHeader {
    background: white;/*#f5f5fb*/;
    border-top: 1px solid black;/*#d0d0d0;*/
    border-bottom: 0px solid black;/*#d0d0d0*/;
    border-right: 1px solid black;/*#d0d0d0*/;
    border-left: 1px solid black;/*#d0d0d0*/;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    width: 584px;
}

div.newsFooter {
    background: white/*#fbfbf0*/;
    border-top: 0 none;
    border-right: 1px solid black;/*#d0d0d0*/;
    border-bottom: 1px solid black;/*#d0d0d0*/;
    border-left: 1px solid black;/*#d0d0d0*/;
    color: #444;
    float: left;
    margin: 0 3px 0 1px;
    padding: 0 2px 2px 2px;
    width: 584px;
}

div.newsSource {
    background: white /*#fbfbf0*/;
    border-top: 0 none;
    border-right: 1px solid black;/*#d0d0d0*/;
    border-bottom: 0 none;
    border-left: 1px solid black;/*#d0d0d0*/;
    color: #444;
    float: left;
    margin: 0 3px 0 1px;
    padding: 2px 2px 0 2px;
    width: 584px;
}

div.newsText {
    background: white /*#fbfbf0*/;
    border-top: 0 none;
    border-right: 1px solid black;/*#d0d0d0*/;
    border-bottom: 0px solid black;/*#d0d0d0*/;
    border-left: 1px solid black;/*solid #d0d0d0*/;
    color: #444;
    float: left;
    margin: 0px 3px 0 1px;
    overflow: auto;
    padding: 2px;
    width: 584px;
}

/* Internet Explorer 6 don't see the following */

html > body div.newsHeader {
    margin: 6px 6px 0 3px;
}

html > body div.newsFooter, div.newsSource, div.newsText {
    margin: 0 6px 0 3px;
}

/************/
/* Comments */
/************/

div.commentsFooter {
    background: transparent;
    border: 0 none;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    text-align: center;
    width: 584px;
}

div.commentsHeader {
    background: #fbf5f5;
    border: 1px solid #d0d0d0;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    width: 584px;
}

div.commentsText {
    background: white /*#fbfbf0*/;;
    border-top: 0 none;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    color: #444;
    float: left;
    margin: 0px 3px 0 1px;
    overflow: auto;
    padding: 2px;
    width: 584px;
}

li.commentsReply {
    background-image: url(./images/tree.png);
    background-position: left center;
    background-repeat: no-repeat;
    border-left: 1px dotted #d0d0d0;
    clear: left;
    color: #444;
    float: left;
    list-style: none;
    margin: 0px 3px 0 1px;
    padding-left: 10px;
}

/* Internet Explorer 6 don't see the following */

html > body div.commentsFooter {
    margin: 6px 6px 0 3px;
}

html > body div.commentsHeader {
    margin: 6px 6px 0 3px;
}

html > body div.commentsText {
    margin: 0 6px 0 3px;
}

html > body li.commentsReply {
    margin: 0 6px 0 3px;
}

/*********/
/* Posts */
/*********/

div.postsColumn {
    background: transparent;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    width: 590px;
}

div.postsFooter {
    background: transparent;
    border: 0 none;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    text-align: center;
    width: 584px;
}

div.postsHeader {
    background: #f5f5fb;
    border: 1px solid #d0d0d0;
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    width: 584px;
}

div.postsText {
    background: white /*#fbfbf0*/;;
    border-top: 0 none;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    color: #444;
    float: left;
    margin: 0px 3px 0 1px;
    overflow: auto;
    padding: 2px;
    width: 584px;
}

table.postsTable {
    border: 1px solid #d0d0d0;
    border-collapse: collapse;
    width: 100%;
}

th.header1 {
    background: #f5f5fb;
    border: 1px solid #d0d0d0;
    color: #444;
    text-align: center;
    vertical-align: middle;
    width: 5%;
}

th.header2 {
    background: #f5f5fb;
    border: 1px solid #d0d0d0;
    color: #444;
    text-align: center;
    vertical-align: middle;
}

th.header3 {
    background: #f5f5fb;
    border: 1px solid #d0d0d0;
    color: #444;
    text-align: center;
    vertical-align: middle;
    width: 15%;
}

td.cell1 {
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle;
    width: 5%;
}

td.cell2 {
    border: 1px solid #d0d0d0;
    vertical-align: middle;
}

td.cell3 {
    border: 1px solid #d0d0d0;
    text-align: center;
    vertical-align: middle;
    width: 15%;
}

/* Internet Explorer 6 don't see the following */

html > body div.postsColumn {
    margin: 6px 6px 0 3px;
}

html > body div.postsFooter {
    margin: 6px 6px 0 3px;
}

html > body div.postsHeader {
    margin: 6px 6px 0 3px;
}

html > body  div.postsText {
    margin: 0 6px 0 3px;
}

/********/
/* Left */
/********/

div.leftContent {
    background: white /*#fbfbf0*/;;
    border-top: 0 none;
    border-right: 1px solid black;/*#d0d0d0;*/
    border-bottom: 1px solid black;/*#d0d0d0;*/
    border-left: 1px solid black;/*#d0d0d0;*/
    color: #444;
    float: left;
    margin: 0 1px 6px 3px;
    padding: 2px;
    width: 144px;
}

div.leftLogo {
    background: transparent;
    color: #444;
    float: left;
    margin: 6px 1px 6px 3px;
    text-align: center;
    width: 150px;
}

div.leftTitle {
    background: #FF9900 /*#e0e0e0*/;
    border: 1px solid black;/*#d0d0d0;*/
    color: #444;
    float: left;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 1px 0 3px;
    padding: 2px;
    text-align: center;
    width: 144px;
}

/* Internet Explorer 6 don't see the following */

html > body div.leftContent {
    margin: 0 3px 6px 6px;
}

html > body div.leftLogo {
    margin: 6px 3px 6px 6px;
}

html > body div.leftTitle {
    margin: 0 3px 0 6px;
}

/*********/
/* Right */
/*********/

div.formLeft {
    background: transparent;
    clear: left;
    color: #444;
    float: left;
    padding: 5px;
    text-align: right;
    width: 148px;
}
div.formRight {
    background: transparent;
    color: #444;
    float: left;
    padding: 5px;
    width: 416px;
}

div.rightBottom {
    background: transparent;
    color: #444;
    float: left;
    margin: 6px 3px 6px 1px;
    padding: 2px;
    text-align: center;
    width: 586px;
}

div.rightFooter {
    background: transparent;
    border-top: 0 none;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    color: #444;
    float: left;
    margin: 0 3px 0 1px;
    padding: 2px;
    text-align: center;
    width: 584px;
}

div.rightContent {
    background: transparent;
    color: #444;
    float: left;
    padding: 2px;
    width: 580px;
}

div.rightMain {
    background: #FF9900/*#e0e0e0*/;
    border: 1px solid black;/*#d0d0d0;*/
    color: #444;
    float: left;
    margin: 6px 3px 0 1px;
    padding: 2px;
    width: 584px;
}

div.rightTop {
    background: white /*#fbfbf0*/;;
    color: #444;
    float: left;
    padding: 2px;
    width: 580px;
}

/* Internet Explorer 6 don't see the following */

html > body div.rightBottom {
    margin: 6px 6px 6px 3px;
}

html > body div.rightFooter {
    margin: 0 6px 0 3px;
}

html > body div.rightMain {
    margin: 6px 6px 0 3px;
}

/************/
/* Reserved */
/************/

/* The declarations names must not be edited, only edit properties */

*.newItem {
    background: transparent;
    color: #FF9900;
    font-weight: bold;
}

*.oldItem {
    background: transparent;
    color: #444;
    font-weight: bold;
}

div.quoteCode {
    background: #fbfbf0;
    border: 1px solid #d0d0d0;
    clear: both;
    color: #444;
    margin: 2px auto;
    overflow: auto;
    padding: 2px;
    width: 90%;
}

div.quoteHeader {
    background: transparent;
    color: #444;
    clear: both;
    font-weight: bold;
    margin: 2px auto 0 auto;
    width: 90%;
}

div.quoteText {
    background: white /*#fbfbf0*/;
    border: 1px solid #d0d0d0;
    clear: both;
    color: #444;
    font-style: italic;
    margin: 2px auto;
    padding: 2px;
    width: 90%;
}

span.codeLine {
    background: transparent;
    color: #444;
}