/* CSS

 *

 * Webenv/base.css --  This file provides the base visual style

 * definitions to CentOS web environment. Definition in this file are

 * common for all applications inside CentOS web environment. This

 * definitions apply to html tags without options like classes, ids,

 * etc, just the base defintion for clean html tags.

 *

 * Specific CSS definitions, like those used in specific web

 * applications, are declared using the HTML link element in the head

 * section of the specific web application who needs it. Specific CSS

 * definitions extend CentOS webenv CSS definitions.  

 *

 * Specific CSS definitions can overlap CentOS base CSS definitions.

 * This way specific web applications retain their own visual style

 * under CentOS web environment. Changing this may be not very

 * convenient since different web applications have different html/css

 * definitions. The best way I can see, is retain their own

 * definitions and update them, in their own, to fit CentOS visual

 * style.

 *

 * Copyright (C) 2009-2010 Alain Reguera Delgado

 *

 * 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 2 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.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program; if not, write to the Free Software

 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307

 * USA.

 *

 * ----------------------------------------------------------------------

 * $Id$

 * ----------------------------------------------------------------------

 */

/* Reset browsers default margins and paddings

-----------------------------------------------*/

* {

    margin: 0;

    padding: 0;

    }

/* Define html

-----------------------------------------------*/

html {

    background-color: #FFF;

    background-image: url(/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/html-bg.png);

    }

/* Define body

-----------------------------------------------*/

body {

    font-family: "DejaVu Sans", "Liberation Sans", sans-serif;

    font-size: 0.85em;

    line-height: 1.25em;

    /* margin: 0;           /* <- full screen                       */

    /* margin: 0 1% 0 1%;   /* <- with 1% of left and right margin  */

    /* margin: 0 2% 0 2%;   /* <- with 2% of left and right margin  */

    margin: 0 3% 0 3%;      /* <- with 3% of left and right margin  */

    /* margin: 0 10% 0 10%; /* <- with 10% of left and right margin */

    }

/* Main Blocks

-----------------------------------------------*/

/* Logo

-----------------------------------------------*/

/* Links 

-----------------------------------------------*/

a:link  { text-decoration: none; color: #0044B3; }

a:hover { text-decoration: underline; color: green; }

a:active { text-decoration: underline; color: green; }

a:visited { text-decoration: none; color: #0044B3; }

a:visited:hover { text-decoration: underline; color: green; }

/* Headings

-----------------------------------------------*/

h1 {

    font-size: 1.7em;

    font-weight: bold;

    line-height: 1.9em;

    color: #000;

    }

h2 {

    font-size: 1.4em;

    line-height: 1.8em;

    border: none;

    color: #000;

    }

h3 {

    font-size: 1.25em;

    line-height: 1.6em;

    margin-top: 1em;

    color: #000;

    }

h4 {

    font-size: 1.2em;

    line-height: 1.4em;

    color: #000;

    }

h5 {

    font-size: 1.1em;

    line-height: 1.1em;

    color: #000;

    }

h6 {

    font-size: 1em;

    line-height: 1.1em;

    color: #000;

    }

h1 a:link,

h1 a:active,

h1 a:visited,

h1 a:visited:hover,

h2 a:link,

h2 a:active,

h3 a:link,

h3 a:active,

h4 a:link,

h4 a:active,

h5 a:link,

h5 a:active,

h6 a:link,

h6 a:active {

    color: #000;

	text-decoration: none;

	}

/* Paragraphs

-----------------------------------------------*/

p {

    margin: 1em;

    margin-left: 1.5em;

    line-height: 1.5em;

    }

/* Quotations

-----------------------------------------------*/

blockquote {

    background-color: #ECECEC;

    border-width: 1px;

    border-style: solid;

    border-color: #CFCFCF;

    border-left-width: 4px;

    margin-left: 1.5em;

    padding: 0.5em;

    margin-top: 1em;

    margin-bottom: 1em;

    }

blockquote h3 {

    line-height: 0;

    border: none;

    color: #000000;

    margin-left: 1.2em;

    padding: 0;

    }

blockquote pre {

    border: none;

    background-color: #000000;

    color: #FFFFFF;

    margin: 0;

    margin-left: 1.5em;

    }

blockquote img {

    float: left;

    }

q:before {

    content: " “";

    }

q:after {

    content: "” ";

    }

q q:before {

    content: " ‘";

    }

q q:after {

    content: "’ ";

    }

address {

    margin-left: 1.5em;

    }

/* Preformatted Texts

-----------------------------------------------*/

pre {

    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

    padding: 0.5em 1em;

    margin: 0.5em 0 0.5em 1.5em;

    white-space: pre;

    border-width: 1px;

    border-style: solid;

    border-color: #E5E5E5;

    border-left-width: 4px;

    background: #FFFAE9;

    overflow: auto;

    }

/* Phrase Elements

-----------------------------------------------*/

tt,

samp,

kbd,

code {

    font-family: "DejaVu Sans Mono", "Liberation Mono", monospace;

    }

/* Page Lines

-----------------------------------------------*/

hr {

    clear: both;

    margin: 0;

    padding: 0;

    height: 1px ! important;

    border: none;

    background-color: #DADADA;

    }

/* Lists

-----------------------------------------------*/

ul,

ol {

    margin-top: 1.5em;

    margin-bottom: 1.5em;

    padding-left: 1.9em;

    margin-left: 3.5em;

    }

ul { 

    list-style: circle;

    } 

ol {

    list-style-image: none !important;

    }

ul li,

ol li {

    line-height: 1.5em;

    }

ul ul,

ul ol,

ol ul,

ol ol {

    margin-left: 0.5em;

    margin-top: 0.3em;

    margin-bottom: 0.3em;

    }

ul li p,

ol li p {

    margin-bottom: 0.3em;

    line-height: 1.5em;

    margin-left: 0 !important;

    }

dl {

    margin-top: 1.5em;

    margin-left: 3.5em;

    }

dl dt {

    font-weight: bold;

    }

dl dt:after {

    content: ""

    }

dl dd {

    margin-left: 2em;

    margin-bottom: 1em;

    line-height: 1.5em;

    }

dl dd ul,

dl dd ol {

    margin-left: 0;

    }

/* Tables 

-----------------------------------------------*/

table {

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    margin-left: 1.5em;

    border-collapse: collapse;

    }

table.menu {

    margin:0;

    margin-left: 3.5em;

    padding:0;

    }

table caption {

    font-style: italic;

    text-align: center;

    }

table tr th {

    font-weight: bold;

    }

table tr td,

table tr th {

    border: 1pt;

    border-style: solid;

    border-color: #CCC;

    padding-top: 0.25em;

    padding-right: 0.5em;

    padding-bottom: 0.25em;

    padding-left: 0.5em;

    }

table tr td p,

table tr td pre {

    margin: 0;

    padding: 0;

    }

/* Forms 

-----------------------------------------------*/

form {

    display: inline;

    }

input[type="submit"], 

input[type="button"] {

    padding: 1px;

    display: inline;

    text-decoration: none;

    }

input[type="text"],

input[type="password"],

textarea {

    display: inline;

    padding: 2px;

    }

select {

    display: inline;

    padding: 1px;

    }

form p {

    display: inline;

    margin-left: 5px;

    margin-right: 5px;

    }

/* Select

---------------------------------------- */

select option {

    padding-left: 3px;

    padding-right: 3px;

    }

select optgroup {

    font-style: normal;

    font-weight: bold;

    padding-left: 3px;

    }

select optgroup option {

    margin-left: 1em;	

    }

input[type="radio"],

input[type="checkbox"] {

    vertical-align: middle;

    }

fieldset {

    margin: 1em;

    padding: 1em;

    padding-bottom: 5px;

    margin-left: 1.5em;

    border: 1px solid #AAA;

    }

fieldset legend {

    font-weight: bold;

    color: #AAA;

    }