/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html          { font-family: Arial, Verdana }
#Topo              { background: #b22222 url(imgs/top2.gif) no-repeat; border-bottom: none #b0c4de; height: 250px }
#menu                   { float: left; margin-bottom: 20px; width: 100%; height: 40px }
#menu a               { font-size: 11px; text-decoration: none; text-align: center; float: left; padding: 5px 10px }
#menu a:hover        { text-decoration: none; background-color: #dcdcdc; float: left }
#ColA              { font-size: 11px; font-family: Verdana, Arial; background-repeat: no-repeat; float: left; margin-top: 30px; margin-right: 20px; margin-left: 220px; padding: 12px; width: 550px }
#footer        { font-weight: bold; font-size: 11px; line-height: 14px; font-family: Verdana; text-align: left; margin-top: 30px; padding-top: 12px; padding-left: 20px; border-top: 1px dotted #b22222; height: 80px }
#clear { clear: both }
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea  { font-size: 92%; font-family: Verdana, Arial }
del   { color: #666; text-decoration: line-through }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
big { font-size: 125%; line-height: 80%; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
a:link, a:visited, a:hover, a:active, a:focus   { text-decoration: none; margin: 0px; padding: 0px }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote > *:before { content: "\201C"; }
blockquote > *:after { content: "\201D"; }
/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select   { border: solid 1px #ccc }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

.content    { font-size: 1em; line-height: 1.4em }
.content h1   { color: #ff4500; font-size: 1.6em; font-family: "Trebuchet MS" }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }
.img    { margin-right: 12px; margin-bottom: 1px }
/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.content ul{list-style: disc outside;}
.content ol{list-style: decimal outside;}

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td   { border-right: 1px solid #ccc; border-bottom: 1px solid #ddd }
.tdone  { background-color: #e7f4ff }
/* MARGINS & PADDINGS */

.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3    { margin-right: 0; margin-bottom: 6px; margin-left: 0 }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td  { padding: 0.4em }
.content caption   { padding-bottom: 0.8em } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; }
.legenda { font-weight: bold; font-size: 11px; font-family: Verdana }
/* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em .1em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul, .content ol { margin-left: 2.2em; }
.content ul ul, content ol ul, .content ul ol, content ol ol { margin-bottom: 0; }
.content form div { margin-bottom: .8em; }
.content button   { background-color: #ff8c00; padding: 0.3em 0.5em }
.content blockquote > * { margin: .8em 0; }

/* COLORS */

.content a:link     { color: #36c; text-decoration: none }
.content a:visited   { color: #99c; text-decoration: none }
.content a:hover   { color: #c33; text-decoration: none }
.content a:active, .content a:focus  { color: #000 }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/* 

CHANGELOG

--------------------------------------------------

24/10-07

No more changes will be made in here. See http://monc.se/tripoli/beta/log.txt for the latest tripoli changes


--------------------------------------------------

4/10-07

Changed cursor:pointer to address all input buttons for IE compability

--------------------------------------------------

22/9-07

added: input[type='hidden'] { display:none; }

--------------------------------------------------

12/9-07

Changed focus border color to light grey instead of yellow

Removed all "special" styling for lists - resorted to default bullets in all browsers.

Added a bold font weight to definition list titles as default

--------------------------------------------------

9/9-07

Added the following:
pre * { font-size: 100%; white-space: pre; }

--------------------------------------------------

5/9-07

**** Thank you Steve (http://stevehoelzer.dyndns.org) for many of these bug reports ****

Added text-decoration:underline to the global a:* element and removed it in .content

Added the following:
.content ol li { text-indent: 0; margin-left: 0;}
.content ol li:before { content: ''; }
To remove dots in ordered lists inside unordered lists.

Added the big tag (125%)

Changed blockquotes from *:first-child to > * to allow several children inside blockquotes.

--------------------------------------------------

27/8.07

Removed bottom margins for nested lists

--------------------------------------------------

23/8-07

Added white-space: pre to the <pre> element, since the reset file also resets white-space now.

Added input[type='password'] to mono-spaced fonts

Added input[type='password'] to cursor: text

Added the following:
.content ul li > *:first-child { display: inline; }
.content ul li ul:first-child, .content ul li ol:first-child { display: block; }
To prevent line-breaks directly after the dot in unordered lists (standard browsers)

Changed html[lang|='en'] to *[lang|='en'] in safari quotes

--------------------------------------------------

17/8-07

Added the <button> element to .content

*/