html,body {
	background-color: #fff;
	color: #000;
}

body {
	font: 80% sans-serif,helvetica;
}

h1 { text-align: center; }

div#top { float: left; }
div#icon {
	float: left;
	width: 40%;
	position: absolute;
}
div#topcaption {
	float: left;
	width: 30%;
	color: #9999aa;
	margin-left: 40%;
	margin-top: 3em;
	position: absolute;
}

div#sidebar {
    width: 15%;
    float: left;
    position: absolute;
    margin-top: 10em;
    padding: 5px;
}

div#sidebar a {
	padding: 9px;
	line-height: 1.5em;
	color: blue;
}
div#sidebar a:visited { color: blue; }
div#sidebar a:hover { color: #400; }
div#sidebar a span { display: none; }
div#sidebar a:hover span {
	display: block;
	position: absolute;
	top: 200px;
	color: #400;
}


div.content {
    text-align: justify;
    width: 60%;
    float: right;
    position: absolute;
    background-color: #ffffff;
    margin-top: 10em;
    margin-left: 17%;
}

div#tracks {
    text-align: justify;
    width: 60%;
    float: right;
    position: absolute;
    margin-top: 10em;
    background-color: #ffffff;
    margin-left: 17%;
}
div#rightbar {
    float: right;
    width: 16%;
    position: absolute;
    margin-top: 10em;
    margin-left: 80%;
}

form.poll {
    background-color: #aaaaaa;
    border-style: groove;
    color: white;
    background: url(me1.jpeg) no-repeat;
}

div#vote { padding-top: 5px; padding-bottom: 5px; text-align: right; }

div#track1 { text-align: justify; }

.item { border-style: groove; padding-top: 1em; }
.itemtitle {
    font-style: italic;
    color: #400;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}
.itemauthor {
    color: #400;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}
.itemdate {
    color: #400;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}
.itemlogo {
    background: url(/pix/crow.png) no-repeat top left;
    height: 74px;
    width: 60px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}
.itembody {
    color: #400;
    padding-right: 5px;
    padding-left: 5px;
}
.reference {
    font-style: italic;
    float: left;
}

.label { float: left; padding-right: 0.5em; }
.track { border-style: groove; padding-top: 1em; }
.trackname { font-style: italic; float: none; }
.trackperformer { color: blue; float: none; }
.trackauthor { color: blue; float: none; }
.trackfile { float: none; }
div.cello {
    background: url(cello.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.electric {
    background: url(ps4-3.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.acoustic {
    background: url(fr50-3.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.classical {
    background: url(piano-keys.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.mandolin {
    background: url(mandolin2.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.tele {
    background: url(tele.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.gretsch {
    background: url(gretsch.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.resonator {
    background: url(reso.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}
div.lespaul {
    background: url(lespaul.jpeg) no-repeat top left;
    width: 50px;
    height: 50px;
    float: left;
}

.trackinfo { padding-left: 1em; padding-right: 1em; }

div#disclaimer { font-style: italic; }
h3 { text-align: center; padding: 0em; }

div#favourites { border-style: groove; }
ul { padding-left: 1.5em; text-align: left; }
li { padding: 0.1em; font-style: italic; }

.validator { border: none; text-align: center; }

.email { font-family: courier,monospace;  color: blue; font-size: 8pt; }

table.scales {
	width: 100%;
}

tr.scales {
	background-color: #5af;
	border-style: solid;
	text-align: center;
	font-size: 9pt;
}

.semitone {
	background-color: #5fa;
}

.footnote {
	color: #555555;
	font-size: 8pt;
}

div.author { font-style: italic; }

img.pronounce {
	height: 2.5em;
	padding-bottom: 10px;
}

.graphic {
	height: 5em;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

div.contact_name {
	color: #555555;
	font-style: italic;
}

div.contact {
    margin-top: 2em;
    margin-left: 17%;
}

div.comment_label {
	color: #555555;
	font-style: italic;
}

div.comments {
	float: left;
	width: 70%;
	margin-right: 2em;
}

div.comment {
    margin-top: 2em;
    margin-left: 17%;
}

div.comment_form {
	float: left;
	width: 25%;
}

.act {
	border-style: groove;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

.highlight { font-style: italic; }
.tuning { font: 100% monospace,courier; }

div.portrait {
	float: left;
	width: 33%;
}
img.portrait {
	width: 98%;
}

div.now_playing {
    float:  right;
    color:  #9999aa;
    font:   arial,helvetica,sans;
}

div.gig {
    background-color: #000;
    color: #fff;
    font:   arial,helvetica,sans;
    height: 200px;
}

table.gig-details {
    padding:	3.0em;
    border-style:   none;
}

img#gig-image {
    height: 200px;
    float: left;
}

div.gig-image {
    float: left;
}
div#gig-details {
    float: left;
}

div.album-image {
    float: left;
}
div.album-image a { color: black; }
div.album-image a:visited { color: black; }
div.album-image a:hover { color: white; }

div#album-details {
    padding: 0.5em;
    float: left;
}
div.album {
    background-color: #000;
    color: #fff;
    font:   arial,helvetica,sans;
    font-size:	8pt;
    height: 400px;
    padding: 5px;
}
img#album-image {
    float: left;
    height: 360px;
}

div#twitter_div {
    font-size: 8pt;
    float: right;
    width: 16%;
}
ul#twitter_update_list { padding: 0.0em; text-align: left; }
ul#twitter_update_list li { padding: 0.4em; font-style: normal; list-style: none; color: gray; }
a#twitter { color: black; }
a#twitter:visited { color: black; }
a#twitter:hover { color: blue; }

div.contact a { color: white; }

div.words { color: gray; }