/* 
 -----------------------------------------------------------------
 In-page demo CSS for code, documentation etc.
 See page-player.css for actual playlist-relevant stuff.
 -----------------------------------------------------------------
 */


body {
 font:75% normal verdana,arial,tahoma,"sans serif";
	}

h1, h2, h3 {
 font:3em normal "Century Gothic","Helvetica Neue Light","Helvetica Neue",georgia,"times new roman","Arial Rounded MT Bold",helvetica,verdana,tahoma,arial,"sans serif";
 font-weight:normal;
 margin-bottom:0px;
}

h1, h2 {
 letter-spacing:-1px; /* zomg web x.0! ;) */ 
}

h1, h2, h3 {
 float:left;
 clear:both;
 border-bottom:1px solid #999;
 padding-bottom:1px;
 margin-bottom:0.25em;
}

h1 {
 margin-top:0px;
 margin-bottom:0px;
 background-color:#666;
 color:#ccc;
 margin-left:-5px;
 padding-left:5px;
 padding-right:5px;
}

h1,
h1 a {
 color:#fff;
 text-decoration:none;
}

h1 a:hover {
 text-decoration:underline;
}

h2 {
 font-size:2em;
 margin-top:1em;
 background-color:#aaa;
 color:#fff;
 padding:5px;
 margin-left:-5px;
 min-width:23em;
}

h3 {
 font-size:1.65em;
 margin-top:0.5em;
 margin-bottom:0.25em;
 color:#333;
 min-width:28em;
}

h3 a {
 font-size:small;
}

h4 {
 color:#444;
}

ul.notes {
 margin-left:0px;
 padding-left:1.5em;
}

.note {
 margin-top:0px;
 font-style:italic;
 color:#999;
}

pre {
 font-size:1.2em;
 _font-size:1em;
}

code {
 font-family:"lucida console",monaco,courier,terminal,system;
 font-size:1em;
 color:#003366;
}

code span {
 color:#666;
}

ul,
p,
pre {
 clear:left;
 max-width:46em;
}

ul.tight li {
 max-width:44.5em;
}

ul.playlist {
 /* undo the above nonsense */
 max-width:none;
}

ul.tight {
 padding-left:1.5em;
}

span.click-to-play{
	margin-left: 65px;
	font-size: 14px;
	color: #666;
	}
	
img.click-to-play-arrow{
	float: left;
	margin: -20px 0 0 225px;
	}