/* +2A. BEGIN STANDARDISING XHTML1.1 ELEMENTS */
/* 2Ai. ZERO THE MARGINS, FONT-SIZE ETC OF ALL BLOCK ELEMENTS */
html, body, /* STRUCTURE:block */
frame, frameset, noframes, iframe,/* FRAMES:not valid in XHTML1.1 */
caption, /* TABLE:table-caption, basic */
table, /* TABLE:table, basic */
td, th, /* TABLE:table-cell, basic */
tr, /* TABLE:table-row, basic */
col, /* TABLE:table-column, full */
colgroup, /* TABLE:table-column-group, full */
tbody, /* TABLE:table-row-group, full */
thead, /* TABLE:table-header-group, full */
tfoot, /* TABLE:table-footer-group, full */
address, blockquote, /* TEXT:block, semantic */
h1, h2, h3, h4, h5, h6, /* TEXT:block, heading */
div, p, pre, /* TEXT:block, general */
dd, dl, dt, ol, ul, /* LIST:block */
fieldset, form, /* FORM:block */
center, dir, menu, isindex /* depreciated, DO NOT USE!:block */
li, /* LIST:list-item */
label, textarea, /* FORM:what display??, formctrl */
option, legend, optgroup, /* FORM:what display??, other */
hr, /* PRESENTATION:block, division */
bdo, /* BIDIRECTIONAL:what display?? */
img, /* IMAGE:inline-block */
area, /* CLIENTSIDEIMAGE:none */
map, /* CLIENTSIDEIMAGE:block */
applet, /* APPLET::what display?? */
object, /* OBJECT:inline-block */
param, /* OBJECT:none, and APPLET:none */
embed, noembed, /* depreciated, DO NOT USE! */
multicol, listing, xmp, plaintext, blink, nobr, spacer, canvas, marquee
{
margin: 0px;
padding: 0px;
border-collapse: collapse; /* removes cell-padding in tables */
border: none; /* that means you, images-with-links!!! */
background-color: transparent;
color: #111; /* includes links */
font-family: /* use monospaced fonts */
Monaco
,Lucida Console
,Courier New
,monospace;
font-weight: normal;
font-style: normal;
list-style-type: none; /* remove bullet points from list items */
}
/* 2Aii. XHTML1.1 STRUCTURE/FRAMES/IFRAME */
html, body, /* STRUCTURE:block */
head, title, /* STRUCTURE:none */
frame, frameset, noframes, iframe /* FRAMES:not valid in XHTML1.1 */
{
vertical-align: center; /* structural elements are centered */
text-align: center; /* structural elements are centered */
font-size: 0px; /* generally tightens things up, but we'll *
* add it back in for actual text-elements */
line-height: 0px; /* same rationale as 'font-size: 0px' */
}
html, body {
height: 100%; /* stretch content vertically to fit window */
}
body table {
height: 100%; /* Safari adds an unnecessary scrollbar if this is 100% */
}
html {
background-color: #eee;
}
/* 2Aviii. XHTML1.1 TABLE */
caption, /* TABLE:table-caption, basic */
table, /* TABLE:table, basic */
td, th, /* TABLE:table-cell, basic */
tr, /* TABLE:table-row, basic */
col, /* TABLE:table-column, full */
colgroup, /* TABLE:table-column-group, full */
tbody, /* TABLE:table-row-group, full */
thead, /* TABLE:table-header-group, full */
tfoot /* TABLE:table-footer-group, full */
{
}
td, th {
vertical-align: top;
text-align: left;
font-size: 14px;
}
/* 2Aiv. METAINFORMATION/SCRIPTING/STYLE/LINK/BASE */
meta, /* METAINFORMATION:none */
script, noscript, /* SCRIPTING:none */
style, /* STYLE:none */
link, /* LINK:what display?? */
base /* BASE:none */
{
}
/* 2Av. XHTML1.1 TEXT/HYPERTEXT/LIST/FORMS -- BLOCK ELEMENTS */
address, blockquote, /* TEXT:block, semantic */
h1, h2, h3, h4, h5, h6, /* TEXT:block, heading */
div, p, pre, /* TEXT:block, general */
dd, dl, dt, ol, ul, /* LIST:block */
fieldset, form, /* FORM:block */
center, dir, menu, isindex /* depreciated, DO NOT USE!:block */
{
font-size: 1em; line-height: 1.25em; margin-bottom: 1.12em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }
ol li { list-style-type: decimal; margin-left: 3em; color: red;}
ol ul, ul ol, ul ul, ol ol { margin-bottom: 0 }
/* 2Avi. XHTML1.1 TEXT/HYPERTEXT/LIST/FORMS -- NON-BLOCK ELEMENTS */
abbr, acronym, cite, dfn, q, /* TEXT:inline, semantic */
code, kbd, samp, var, /* TEXT:inline, programming */
strong, em, span, /* TEXT:inline, general */
br, /* TEXT:inline, division */
a, /* HYPERTEXT:inline */
li, /* LIST:list-item */
button, input, select, /* FORM:inline-block, formctrl */
label, textarea, /* FORM:what display??, formctrl */
option, legend, optgroup, /* FORM:what display??, other */
basefont, font, s, strike, u /* depreciated, DO NOT USE!:none/inline */
{
}
a, a:hover, a:visited, a:active {
color: inherit; /* stop links turning blue */
text-decoration: none; /* remove link-unlerlines */
outline: none; /* removes firefox/msie's dotted-outline */
}
strong { font-weight: bold; }
em { font-style: italic; }
/* 2Avii. XHTML1.1 PRESENTATION/EDIT/BIDIRECTIONAL */
tt, /* PRESENTATION:inline, programming */
b, i, big, small, sub, sup, /* PRESENTATION:inline, general */
hr, /* PRESENTATION:block, division */
del, ins, /* EDIT:inline */
bdo /* BIDIRECTIONAL:what display?? */
{
}
b { font-weight: bold; }
i { font-style: italic; }
/* 2Aviii. XHTML1.1 IMAGE/CLIENTSIDEIMAGE/APPLET/OBJECT */
img, /* IMAGE:inline-block */
area, /* CLIENTSIDEIMAGE:none */
map, /* CLIENTSIDEIMAGE:block */
applet, /* APPLET::what display?? */
object, /* OBJECT:inline-block */
param, /* OBJECT:none, and APPLET:none */
embed, noembed /* depreciated, DO NOT USE! */
{
}
/* 2Aix. NONSTANDARD ELEMENTS, DO NOT USE! */
multicol, listing, xmp, plaintext, blink, nobr, spacer, canvas, marquee
{
}
/* -2A. END STANDARDISING XHTML1.1 ELEMENTS */