/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    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.

    You should have received a copy of the GNU General Public License
    along with this program.  If not  see <http://www.gnu.org/licenses/>.
*/

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

/* MAIN TYPOGRAPHY */

html {
  font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif;
}
strong {
  font-weight: bold;
}
th {
  font-weight: bold;
}
thead td {
  font-weight: bold;
}
h1 {
  font-weight: bold;
}
h2 {
  font-weight: bold;
}
h3 {
  font-weight: bold;
}
h4 {
  font-weight: bold;
}
h5 {
  font-weight: bold;
}
h6 {
  font-weight: bold;
}
cite {
  font-style: italic;
}
em {
  font-style: italic;
}
dfn {
  font-style: italic;
}
code {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
kbd {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
samp {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
pre {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
tt {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
var {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
input[type='text'] {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
textarea {
  font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space;
}
del { text-decoration: line-through; color: #666; }
ins {
  border-bottom: 1px solid #ccc;
}
dfn {
  border-bottom: 1px solid #ccc;
}
small {
  font-size: 85%;
}
sup {
  font-size: 85%;
}
sub {
  font-size: 85%;
}
abbr {
  text-transform: uppercase; font-size: 85%; letter-spacing: .1em;
}
acronym {
  text-transform: uppercase; font-size: 85%; letter-spacing: .1em;
}
a abbr {
  border: none;
}
a acronym {
  border: none;
}
abbr[title] {
  cursor: help; border-bottom: 1px solid #ccc;
}
acronym[title] {
  cursor: help; border-bottom: 1px solid #ccc;
}
dfn[title] {
  cursor: help; border-bottom: 1px solid #ccc;
}
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

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

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af) {
  quotes: '\201E' '\201D' '\201A' '\2019';
}
:lang(nl) {
  quotes: '\201E' '\201D' '\201A' '\2019';
}
:lang(pl) {
  quotes: '\201E' '\201D' '\201A' '\2019';
}
:lang(bg) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(cs) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(de) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(is) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(lt) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(sk) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(sr) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(ro) {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
:lang(da) {
  quotes: '\00BB' '\00AB' '\203A' '\2039';
}
:lang(hr) {
  quotes: '\00BB' '\00AB' '\203A' '\2039';
}
:lang(el) {
  quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(es) {
  quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(sq) {
  quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(tr) {
  quotes: '\00AB' '\00BB' '\2039' '\203A';
}
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi) {
  quotes: '\201D' '\201D' '\2019' '\2019';
}
:lang(sv) {
  quotes: '\201D' '\201D' '\2019' '\2019';
}
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before { content: '\201C'; }
html[lang|='en'] q:after { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea {
  border: 1px solid #ccc; background: #fff;
}
input[type='text'] {
  border: 1px solid #ccc; background: #fff;
}
select {
  border: 1px solid #ccc; background: #fff;
}
textarea:hover {
  border-color: #aaa;
}
input[type='text']:hover {
  border-color: #aaa;
}
input[type='password']:hover {
  border-color: #aaa;
}
select:hover {
  border-color: #aaa;
}
textarea:focus {
  border-color: #888; outline: 2px solid #ffffaa;
}
input[type='text']:focus {
  border-color: #888; outline: 2px solid #ffffaa;
}
input[type='password']:focus {
  border-color: #888; outline: 2px solid #ffffaa;
}
select:focus {
  border-color: #888; outline: 2px solid #ffffaa;
}
input {
  cursor: pointer;
}
select {
  cursor: pointer;
}
input[type='text'] { cursor: text; }

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

/* BASE SIZES */

.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.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; }

/* HR */

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

/* LISTS */

.content ul li { text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: "\2022\00a0\00a0"; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th {
  border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;
}
.content td {
  border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;
}

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr {
  margin-bottom: 1.6em;
}
.content p {
  margin-bottom: 1.6em;
}
.content ul {
  margin-bottom: 1.6em;
}
.content ol {
  margin-bottom: 1.6em;
}
.content dl {
  margin-bottom: 1.6em;
}
.content pre {
  margin-bottom: 1.6em;
}
.content blockquote {
  margin-bottom: 1.6em;
}
.content address {
  margin-bottom: 1.6em;
}
.content table {
  margin-bottom: 1.6em;
}
.content form {
  margin-bottom: 1.6em;
}
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size  BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th {
  padding: .8em;
}
.content td {
  padding: .8em;
}
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content legend { padding-left: .8em; padding-right: .8em; }
.content textarea {
  padding: .3em .4em .15em .4em;
}
.content input {
  padding: .3em .4em .15em .4em;
}
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol {
  margin-left: 2.5em;
}
.content ul ol {
  margin-left: 2.5em;
}
.content form div { margin-bottom: .8em; }

/* COLORS */

.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #c33; }
.content a:active {
  text-decoration: underline; color: #000;
}
.content a:focus {
  text-decoration: underline; color: #000;
}