/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
BASE */
/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
RESET */

* {
	text-decoration:none;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {
	font:inherit;
	white-space:normal;
}
a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
	border-width:0;
}
dfn, i, cite, var, address, em {
	font-style:normal;
}
th, b, strong, h1, h2, h3, h4, h5, h6, dt {
	font-weight:normal;
}
caption, th, td {
	text-align:left;
}
html {
	background:white;
	color:black;
	line-height:1;
	font-family:arial, sans-serif;
}
/* \*/

html {
	font-family:sans-serif;
}
/* */

q {
	quotes:"\201C""\201D""\2018""\2019";
}
ul, ol, dir, menu {
	list-style:none;
}
sub, sup {
	vertical-align:baseline;
}
a {
	color:inherit;
}
/*
_______________________________
DISABLE DEPRECATED HTML */

font, basefont {
	color:inherit;
	font:inherit;
	font-size:100%;
}
center, *[align] {
	text-align:inherit;
}
s, strike, u {
	text-decoration:inherit;
}
img {
	border:none;
	margin:0;
}
ol {
	list-style-type:decimal;
}
body {
	background-color:transparent;
}
tr, th, td {
	width:auto;
	height:auto;
	background-color:transparent;
	vertical-align:inherit;
	border:none;
}
table[border], .content table[border] {
	border-collapse:separate;
	border-spacing:0;
}
nobr {
	white-space:normal;
}
marquee {
	overflow:visible;
	-moz-binding:none;
}
blink {
	text-decoration:none;
}
/*
_______________________________
GENERAL */

html {
	font-size:125%;
}
body {
	font-size:50%;
}
a {
	text-decoration:underline;
}
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:100%;
	font-family:mono-space, monospace;
}
pre {
	white-space:pre;
}
pre * {
	font-size:100%;
	white-space:pre;
}
del {
	text-decoration:line-through;
}
ins, dfn {
	border-bottom:1px solid black;
}
small, sup, sub {
	font-size:85%;
}
big {
	font-size:125%;
	line-height:80%;
}
abbr, acronym {
	text-transform:uppercase;
	font-size:85%;
	letter-spacing:.1em;
}
abbr[title], acronym[title], dfn[title] {
	cursor:help;
	border-bottom:1px dotted black;
}
sup {
	vertical-align:super;
}
sub {
	vertical-align:sub;
}
blockquote {
	padding-left:2.2em;
}
hr {
	display:none; /* We will re-reset it later for content */
}

:lang(af), :lang(nl), :lang(pl) {
 quotes:'\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
 quotes:'\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr) {
 quotes:'\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr) {
 quotes:'\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
 quotes:'\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv) {
 quotes:'\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
 quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}
*[lang|='en'] q:before {
	content:'\201C';
}
*[lang|='en'] q:after {
	content:'\201D';
}
*[lang|='en'] q q:before {
	content:'\2018';
}
*[lang|='en'] q q:after {
	content:'\2019';
}
input, select, button {
	cursor:pointer;
}
input[type='text'], input[type='password'] {
	cursor:text;
}
input[type='hidden'] {
	display:none;
}
/*
_______________________________
CONTENT */

.content {
	font-size:1.2em;
	line-height:1.6em;
}
.content h1 {
	font-size:1.6em;
	line-height:1;
	margin:1em 0 .5em;
}
.content h2 {
	font-size:1.5em;
	line-height:1;
	margin:1.07em 0 .535em;
}
.content h3 {
	font-size:1.4em;
	line-height:1;
	margin:1.14em 0 .57em;
}
.content h4 {
	font-size:1.3em;
	line-height:1;
	margin:1.23em 0 .615em;
}
.content h5 {
	font-size:1.2em;
	line-height:1;
	margin:1.33em 0 .67em;
}
.content h6 {
	font-size:1em;
	line-height:1;
	margin:1.6em 0 .8em;
}
.content hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}
.content ul {
	list-style:disc outside;
}
.content ol {
	list-style:decimal outside;
}
.content table {
	border-collapse:collapse;
}
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content address, .content table, .content form {
	margin-bottom:1.6em;
}
.content p+p {
	margin-top:-.8em;
}
.content fieldset {
	margin:.75em 0 .35em;
}
/* \*/

.content legend {
	padding-left:.8em;
	padding-right:.8em;
}

/* */

@media all and (min-width: 0px) /* for Opera 8 */ {
 .content legend {
 margin-bottom: .35em;
}
 .content fieldset {
 margin-top:.75;
}
 .content[class^='content'] fieldset {
 margin-top:.75em;
}
}
.content fieldset>*:first-child {
	margin-top:0;
}
.content textarea, .content input[type='text'] {
	padding:.1em .2em;
}
.content input {
	padding:.2em .1em;
}
.content select {
	padding:.2em .1em 0;
}
.content select[multiple] {
	margin-bottom:.8em;
}
.content option {
	padding:0 .4em .1em;
}
.content button {
	padding:.3em .5em;
}
.content input[type='radio'] {
	position:relative;
	bottom:-.2em;
}
.content dt {
	margin-top:.8em;
	margin-bottom:.4em;
}
.content ul, .content ol {
	margin-left:2.2em;
}
.content caption, .content form div {
	padding-bottom:.8em;
}
.content ul ul, content ol ul, .content ul ol, content ol ol {
	margin-bottom:0;
}
/*
_______________________________
END */



/*
_______________________________
PLUGINS */

/*
 *   @name visual
 *   @type tripoli plugin
 *
 *   @desc adds several visual details such as link colors, borders, blockquotes, form controls etc.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 * 
**/

/*
_______________________________
VISUAL PLUG */

blockquote {
	color:#666;
}
blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */ {
	content:"\201C";
	font-size:2.5em;
	margin-left:-.62em;
	font-family:georgia, serif;
	padding-right:.2em;
	color:#aaa;
	line-height:0;
}
abbr[title], acronym[title], dfn[title] {
	border-bottom:1px solid #ccc;
}
ins, dfn {
	border-bottom-color:#666;
}
del {
	color:#666;
}
fieldset {
	border-color:#ccc;
}
textarea, input[type='text'], input[type='password'], select {
	border:1px solid #ccc !important;
	background:#fff;
}
fieldset {
	border:1px solid #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 {
	outline:2px solid #e4e4e4;
	border-color:#888;
}
.content hr {
	background:#aaa;
	color:#aaa;
}
.content table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
.content th, .content td {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ccc;
}
.content th, .content td {
	padding:.8em;
}
a:link {
	color:#36c;
}
a:visited {
	color:#99c;
}
a:hover, code, pre {
	color:#c33;
}
a:active, .a:focus {
	color:#000;
}
/*
_______________________________
END */
/*
 *   @name type
 *   @type tripoli plugin
 *
 *   @desc adds typographic classes.
 *   @author David Hellsing
 *   @version 1.0
 *   @cat plugins
 *
 *   @example <span class="alt">&amp;</span>
 *   @desc create attractive ampersands
 *
 *   @example <h1><span class="dquo">&#8220;</span>Level 1 heading&#8221;</h1>
 *   @desc move the first quote mark in titles to render outside the hoizontal base line.
 * 
**/

/*
_______________________________
TYPE PLUG */

.alt {
	font-family:"baskerville italic", "Warnock Pro", "Goudy Old Style", "Palatino", "palatino linotype", "Book Antiqua", Georgia, serif;
	font-style:italic;
	font-weight:normal;
}
.dquo {
	margin-left:-.55em;
}

/*
_______________________________
END */



/*
_______________________________
END */