/**
* The basic core styles for XHTML elements. This file gets imported in
* editor.css to ensure the iCM editor gives an accurate representation
* of a sites styles.
*
* It's important to define padding and margins on core XHTML elements to
* ensure consistency across browsers. Also ensure that absolute units are
* only used where appropriate (i.e. percentage sizes for fonts and em units
* for margins/padding).
*
* Start off by removing padding and margins on ALL elements (by using the
* asterisk - * - operator).
*/
* {
margin: 0;
padding: 0;
}
/**
* Now add back on a margin by default to all "block" elements
*/
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin: 0 0 1.2em 0;
padding: 0;
line-height: 1.3em;
}
/**
* Now start defining specifics such as fonts and sizes. Everything inherits
* from the body so only need to specify the font details once.
*/
html {
height:100%;
font-size:62.5%;
}
body {
color: #000;
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
margin: 0;
background: #fff;
}
h1 {
color: #CC6600;
font-size: 1.818em;
font-weight: normal;
}
h2 {
font-size: 140%;
font-weight: bold;
}
h3 {
font-size: 130%;
font-weight: bold;
}
h4 {
font-size: 120%;
font-weight: bold;
}
h5 {
font-size: 110%;
font-weight: bold;
}
h6 {
font-size: 100%;
font-weight: bold;
}
ol, ul, dd {
padding-left: 3em;
}
img {
border:none;
}
/**
* For 'textarea', 'input', 'select', 'option' and 'table' tags the font
* family is not inherited from the tag and so has to be re-stated.
*/
textarea, input, select, label, option, table {
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
vertical-align: middle;
}
input.text {
color: #000;
font: 11px Arial, Helvetica, sans-serif;
}
form {
margin: 0;
padding: 0;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}