/* reset css line below from http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

BODY
{
	font: 13px/1.22 'Lucida Grande' , 'Lucida Sans' , 'Verdana' , 'Georgia' , 'Helvetica' , 'Arial';
}
IMG
{
	border: 0;
}
TABLE
{
	border-collapse: collapse;
	border-spacing: 0;
}
TD 
{	
	text-align:left; 
}
LI
{
	white-space: nowrap;
	list-style: none;
}
A:LINK
{
	text-decoration: none;
	font-weight: 400;
	color: #666;
}
A:VISITED
{
	text-decoration: none;
	font-weight: 400;
	color: #666;
}
A:HOVER
{
	text-decoration: underline;
	color: #666;
}
A:ACTIVE
{
	text-decoration: underline;
	color: #666;
}
.header
{
	font-size: 2em;
	font-family: 'Lucida Grande' , 'Lucida Sans' , 'Verdana' , 'Georgia' , 'Helvetica' , 'Arial';
	color: #666;
	margin: 10px 30px 10px 20px;
	text-align: left;
	vertical-align: middle;
}
.header A:LINK
{
	text-decoration: none;
	color: #666;
}
.header A:VISITED
{
	text-decoration: none;
	color: #666;
}
.header A:HOVER
{
	text-decoration: underline;
	font-weight: 400;
	color: #666;
}
.header A:ACTIVE
{
	text-decoration: underline;
	font-weight: 400;
	color: #666;
}

H1
{
	font-size: 1em;
	font-weight: 100;
}
H2
{
	color: #666;
	font-size: 1.2em;
	font-weight: 500;
	margin: 0 0 0 -10px;
}

#thumbTable ul {
   list-style: none;
   clear: both;
}
#thumbTable ul li {
   float: left;
	white-space: normal;
}

.thumb
{
	padding: 20px 20px 20px 20px;
}

#sidebar 
{
	font: 13px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	border:1px solid #aaaaaa;
	padding:10px;
	background:#fff; 
	float:right; 
}
/* Tab sub/menu re http://www.kalsey.com/tools/csstabs/ */
#sidebar-tabs {
	height:19px; 
	border-bottom:1px solid #ccc; 
	margin-bottom:10px;
}
#sidebar-tabs ul, #sidebar-tabs li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
#sidebar-tabs a:link, #sidebar-tabs a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}
#sidebar-tabs a:hover	{
	color : #f00;
}
.sidebarText
{
	text-align:left;
	color: #777;
	font-size: 12px;
	padding: 5px;
	border:1px solid #aaa;
}

#tagTab 
{
	text-align:center;
	margin:0;
	padding: 10px;
}

.tagcloud
{
	text-align:left;
	background: #fff;
	width: 99%;
	margin: 0;
	padding: 0;
}
.tagcloud-title
{
	color:#f00;
}
.tagcloud ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.tagcloud li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.tagcloud A:LINK
{
	text-decoration: none;
	color: #777;
}
.tagcloud A:VISITED
{
	text-decoration: none;
	color: #777;
}
.tagcloud A:HOVER
{
	text-decoration: underline;
	color: #666;
}
.tagcloud A:ACTIVE
{
	text-decoration: underline;
	color: #666;
}

.tagcloud .q1
{
	font-size: 1.0em;
}
.tagcloud .q2
{
	font-size: 1.1em;
}
.tagcloud .q3
{
	font-size: 1.2em;
}
.tagcloud .q4
{
	font-size: 1.3em;
}
.tagcloud .q5
{
	font-size: 1.4em;
}
.tagcloud .q6
{
	font-size: 1.5em;
}
.list-selection
{
	width: 96%;
	background-color: #eee;
	border: 1px solid #ccc;
}

#thumbnav 
{
	clear:both; 
	width:100%; 
	padding:10px 0 10px 0;
}

#noscript-msg 
{
	margin:10px; 
	font-size:16px; 
	color:#cc0000;
}

#artistPanel 
{
	margin:2px; 
	padding:2px;
	width:99%; /* 99 not 100, for IE 6 */
	margin:auto; 
	text-align:center; 
	color:#666;
}

/* Letter that when click opens letter-body */
#artistList .letter-header 
{
	float:left; 
	width:20px;
}

#artistList .selected-header 
{
	margin-bottom:12px;
}

/* List of artists per letter */
#artistList .letter-body
{
	display:none; /* initital state */
	overflow-x: hidden;
	overflow:auto;
	margin-bottom:10px;
	clear:left;
	text-align:left; 
}