/* 
Project: www.illustrooper.be
Document name: trooper_typography.css
Purpose: general typography
Location: trooper_css/trooper_typography.css
Version: 4.1
Last change: 2009/04/10
Coded by: Peter De Cock
Copyright by: bvba ILLUSTROOPER
/*

/* links */
a {text-decoration:underline;}
a:link {color: #555;}
a:visited {color:#555;}
a:hover {color: #888;}
a:active {color: #555;}

/* headings */
h1,  h2,  h3,  h4, h5,  h6{
	margin:4px 8px 4px 8px;
	padding:10px 0 10px 20px;
	color:#333;
	border-bottom:1px solid #bdbdbd;
	font-weight:normal;
	background-image:url(../trooper_imgs/h.gif);
	background-repeat:no-repeat;
	background-position:left;
}
h6{
	margin:4px;
	padding:0 4px;
	color:#333;
	border-bottom:1px dotted #bdbdbd;
	font-weight:bold;
	background-image:none;
}
h1 a,  h2 a,  h3 a,  h4 a, h5 a,  h6 a{text-decoration:none;}
/* extra icoontjes */
.h2{background-image:url(../trooper_imgs/h2.gif);}
.h3{background-image:url(../trooper_imgs/h3.gif);}
.h4{background-image:url(../trooper_imgs/h4.gif);}
.h5{background-image:url(../trooper_imgs/h5.gif);}
.h6{background-image:url(../trooper_imgs/h6.gif);}
.h7{background-image:url(../trooper_imgs/h7.gif);}
.h8{background-image:url(../trooper_imgs/h8.gif);}

/* paragraph */
p {
	padding:10px;
	color:#333;
	line-height:1.6em;
	font-size:0.75em;
}

/* lists */
ul {
	margin:0;
	padding:0 10px;
}
li {
	color:#333;
	font-size:0.75em;
	line-height:1.7em;
	list-style-position:inside;
	margin:0 ;
	padding:0;
}
li ul li{
	color:#c03;
	font-size:0.95em; 
}
/* ////////////// BLOCKQUOTE ////////////// */
blockquote {
	background-image:url(../trooper_imgs/blockquote_begin.gif);
	background-repeat:no-repeat;
	float:left;
	width:500px;
	margin:5px 5px;
	padding:5px 25px;
	font-size:1.7em;
	font-style:italic;
	border-top:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
}
blockquote p{
	margin:0;
	padding:0 15px 0 15px;
	width:500px;
	color:#333;
	line-height:1.1em;
	background-image:url(../trooper_imgs/blockquote_after.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
blockquote span{
	margin:0;
	padding:5px 0;
	float:right;
	font-style:normal;
}
code {
	background-color:#ffc;
	border:1px solid #cc9;
	color:#000;
	font-size:0.85em;
	line-height:3em;
	margin:0;
	padding:4px;
}
small {
	font-size:0.85em;
}
img {
	border: 1px solid #333;
	margin:0;
	padding:0;
}
samp {
	color:#6699CC;
	font-size:0.75em;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
span {
	text-transform:uppercase;
	font-size:0.7em;
	padding-left:10px;
}

/* ////////////// TABLE //////////////////////////////////////////////////////////// */
table {
	background-color:#d9d9d9;
	background-image:url(../trooper_imgs/clab_tile_table.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	float:left;
	font-size: 0.7em;
	margin:5px;
	padding:5px;
	width:100%;
}
/* codelab */
table code {
	display:block;
	font-size:0.8em;
}
table h3, table h4, table h5 {
	font-size:0.85em;
	margin:0px;
	padding:2px 2px 6px 16px;
}	
table span {
	display:block;
}
table p {
	font-size:0.9em;
	margin:0;
	padding:2px;
}
tr {
	margin: 0px;
	padding:2px;
}
th {
	background-color:#dedede;
	background-image:url(../trooper_imgs/clab_tile_th.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border:1px solid #888;
	font-family: Helvetica, sans-serif;
	margin:20px;
	padding:3px;
}
td {
	background-color:#fafafa;
	border:1px solid #888;
	margin:20px;
	padding:3px;
} 
label {
	font-size:0.8em;
}