/* content.css - created by Theo Buys  */

h1, h2, p, div, ul, ol  {
text-align:left;
}

h1, h2 {
color:#FF6800; font-weight:normal; 
margin-top:1.2em; margin-bottom:0.3em; 
page-break-after:avoid; page-break-inside:avoid; clear:both; 
}

h1 {
font-size:1.84em;
}

h2 {
font-size:1.38em;
margin-top:0.3em;
}

hr {
border:#FFFFFF 1px solid; border-bottom:#7397CC 1px solid; width:100%; clear:both;
}

br {
clear:both;
}

p, a {
margin-top:0.3em; margin-bottom:1em;
}

a {
font-weight:bold;
}

a:link, a:active {
color:#FA831D; color:#FF6800; text-decoration:underline;
}

a:visited {
color:#7397CC; text-decoration:underline;
}

img {
border:none;
}

ul {
list-style-image:url('images/arrow.gif');
}

ol {
list-style-type:decimal;
}

/*****************************************************/

.figure {
display:inline-block; vertical-align:bottom; padding:8px;
}

.figure p {
text-align:center;
}

.figure.left {
float:left;
}

.figure.right {
float:right;
}


/*****************************************************/

.thumb {
float:left; /* must be floated for same cross browser position of larger image */
position:relative;
margin:3px;
box-shadow: 5px 5px 8px #999999;
}

.thumb img {
border:1px solid #000;
vertical-align:bottom;
}

.thumb:hover {
border:0; /* IE6 needs this to show large image */
z-index:101;
}

.thumb span {
position:absolute;
visibility:hidden;
}

.thumb:hover span {
visibility:visible;
top:-30px;
right:0px;
box-shadow: 5px 5px 8px #999999;
}

/*****************************************************/

table {
padding:0; /*html cellpadding*/
border-spacing: 0; /*html cellspacing*/
margin:0; margin-top:0.3em; margin-bottom:1em;
}

table.center {
margin-left:auto; margin-right:auto;
}

table.centertext {
text-align:center; 
}

table.specs {
padding:0; border:none; border-collapse:collapse; 
text-align:left; 
}

table.specs th {
padding:0 10px 0 0; vertical-align:top; text-align:left;
}

table.specs td {
padding:0 10px 0 0; vertical-align:top; text-align:left;
}

table.specs tr {
text-align:left;
}

table.bars {
padding:0; border:none; border-collapse:collapse; 
}

table.bars td {
text-align:left; width:100px; font-weight:bold;
}

table.bars caption {
text-align:left;
}

table.bars td.half {
text-align:left; width:49px;
}

td.bottom {
vertical-align:bottom;
}

td.center {
text-align:center;
}

tr.bottom td {
vertical-align:bottom;
}

tr.center td {
text-align:center;
}

/*****************************************************/

.t_chords {
width:100%; margin:20px auto; table-layout:fixed;
}
.t_chords,
.t_chords th,
.t_chords td {
border-collapse:collapse;
}
.t_chords .w1 {
width:60px;
}
.t_chords th,
.t_chords td {
border:none; text-align:left; vertical-align:top;
}

.t_neck {
padding:0;
border-spacing:0; border-collapse:collapse;
margin:0; margin-top:0.3em; margin-bottom:1em;
}
.t_neck th,
.t_neck td {
text-align:center; width:30px;
}
.t_neck th {
border:none; 
}
.t_neck td {
border:1px solid #000; 
}

.t_scale {
padding:0; 
border:none; border-spacing:0; border-collapse:collapse; 
margin:0; margin-top:0.3em; margin-bottom:1em;
}
.t_scale tr {
text-align:center;
}
.t_scale th {
width:100px; text-align:left;
}
.t_scale td {
width:22px; font-weight:bold;
}

/*****************************************************/

.copyright, .navigator {
color:#999999; font-size:0.69em; width:100%; overflow:hidden; 
}

.newpage {
page-break-before:always;
}

.reactie {
color:#3366FF;
}

.warning {
color:#cc0000; color:#FF6800;
}

.block {
border:1px outset; 
padding:10px; 
background-color:lightsteelblue; 
color:black; font-size:1em;
}

.center {
text-align:center;
}

.center img {
border:none; margin:0 8px 8px 8px;
}

.right {
float:right; margin-left:10px;
}

.left {
float:left; margin-right:10px;
}

.flow h2 {
clear:left;
}

.pblink {
float:left; padding:0px; text-align:center; margin:0; width:180px; height:150px;
}

.pblink img {
border:none;
box-shadow: 5px 5px 8px #999999;
}

.list {
list-style:none; list-style-image:none; margin:0; margin-bottom:1em;
}

.guest_logo {
width: 50px;
height: 50px;
background-image:url(images/div/guest.png); background-repeat:no-repeat;
}

/*****************************************************/

/* ---- hacks ---- */

/* -- IE Hack -- */
* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions - hide from IE5/Win with hack */
}

/* -- Firefox 2 hack -- */
.figure {
	display:-moz-inline-stack;
	display:inline-block;
}

/* -- IE 5.5-6-7 Hack -- \*/
* html .figure {
	height:1%;
	display:inline;
} 
/* part of hack */

/*****************************************************/

@media print {
	span#print, a.button, .navigator p { display:none; }
}