/* TO DO  

Bug - latin class not working? First in list of claendar classes. Error above?

*/

* {
margin:0;
padding:0;
}

html { font-size: 101%; /* IE hack */ }

body  {font-family: arial, Verdana,Geneva, Helvetica, sans-serif;
		background-color:#336699;
		text-align:center;
		font-size:62.5%;
		width:100%;
		height:auto;}

		
/* IE hack for keeping container right width */

html>body div {
width: 800px
}


/* main page container */

.container {
			margin: 0 auto;
			width:800px; 
			height:auto;
			text-align:left;
			background-color:#ffffff;
			padding:0 2.5em;
			border:1px #ccc solid }

/* Heading colors */

.logo_heading {color:#369;}

.logo	{
	font-family:'century gothic',tahoma,arial;
	float:right;
	width:35em;
	text-align:right;
	padding-top:3em;
	padding-bottom:1em;
	line-height:2.5em;
}

.logo_heading	{font-size:2.8em;}
.logo_caption	{margin:.5em; padding: 1em 0;font-size:1.6em;color:#999999}


h1	{
	color:#333;
	font-family : Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	text-decoration : none;
	font-size : 2em; margin-bottom:0.5em; line-height:130%;;
}

h2 {
	font-family: 'century gothic', Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color:#336699;
	font-size :1.2em;
	text-decoration:none;
	margin:0 0 5px 0;
	padding: .7em .7em .2em .7em;
		}

h3	{
	font-family:arial,helvetica;
	COLOR: #333;
	margin:4px 0 0px 0;
	font-weight:600;
	font-size:1.2em;
}

h4	{
	font-family:arial;
	COLOR: #369;
	margin:;
	display:inline;

}

.container, .page, div, .logo, .text_navigation_banner {

	background-color:#fff;
}

.single	{
	margin:5em 0em 5em 10em;
	width:300px;
	float:left;
	background-color:#fff;
}

.clear	{
	margin-top:10px;
	clear:both;
}

/* sub pages where one full column */

.content, .page {margin:5em;width:740px;height:100%;border:0px solid eee;}


/* top left float box for ads */

.top_left_box	{float:left;
				text-align:left;
				width:30em;
				height:6em;
				padding:.5em;
				margin:0 0 0px 0;
				font-size:1em;
				color:#000;
				border:0px solid #ccc; 
				background-color:;
}

.left	{
	float:left;
	width:350px; 
	text-align:left;
	background-color:#ffccff;
	margin:0 0 20px 0;
	border-bottom:#ddd 10px solid;
	border-left:#ddd 0px solid;
	padding-bottom:1em;
	padding-right:0 0.5em;
}

.right	{
	float:right;
	width:350px;
	margin:0 0 20px 0;
	background-color:#cccccc;
	border-bottom:#ddd 10px solid;
	padding:0;
}

.link_column	{
	width:350px;
	background-color:#ccc;
	text-align:right;
}


.news_item, .news_item_right, .news_item_highlight {
	font-size:1.1em;
	line-height:140%;
	width:340px;
	border-bottom:#ddd 1px solid;
	margin:0;
	padding:5px;
	clear:both;
}

.news_item_right {
	text-align:left;
}

.news_item_highlight {
	background-color:#cdc;
	border:1px solid #999;
}

ul.link_list	{
	width:330px;
	display:block;
	margin:0 0 0 10px;
}

ul.link_list li	{
	list-style:none;
	line-height:140%;
	display:block;
}

.links {
	font-size:1.1em;
	font-weight:600;
	color:#000;
	background-color:#ccc;
	text-align:right;

}


.calendar	{
		width:330px;
		border-bottom:#999 1px solid;
		margin:.5em; 
		padding:.3em .5em; 
		background-color:#eee;
		text-align:left;
				
}

.gig_tags_box	{

	float:left;
	width:15px;
	height:15px;
	margin:0 .5em 0 0;
	border:1px solid #ccc;
	}

/* before 25 jan 09

.latin	{background-color:#ff6;font-size:20em;}
.funk, .soul, .groove	{background-color:orange}
.festival					{background-color:yellow;}
.fusion					{background-color:#9c9;}
.vocal 					{background-color:#690;}
.bop					{background-color:#39c;color:#000; /*#fc3;*/color:#000;}
.swing,.hot, .blues			{background-color:#9cc;}
.trad,.neworleans	{background-color:#c60;}
.impro		{background-color:#f33;}
.electro	{background-color:#c39;}
.modern,#creative 	{background-color:#969;}
.bigband {background-color:#c99;}
*/

.latin	{background-color:#ff6;}
.funk, .soul, .groove	{background-color:orange;}
.festival					{background-color:#fff;}
.fusion					{background-color:#9c9;}
.vocal 					{background-color:#396; /*#690;*/}
.bop					{background-color:#39c; /*  #fc3;*/color:#000;}
.swing,.hot, .blues		{background-color:#9cc;}
.trad,.neworleans	{background-color:#c60;}
.impro		{background-color:#f33;}
.electro	{background-color:#c36 /*c39 too bright */;}
.modern,.creative 	{background-color:#699;/*#969;*/}
.bigband {background-color:#969;}




#free					{background-color:#fff;}
#res 					{background-color:#ccc;}
#fest					{background-color:#ffc;}
#two,#three				{background-color:#eee;}
#six,#five,#four		{background-color:#fcf;}
#ten,#nine,#eight,#seven	{background-color:#c9c;color:#000;}
#fourteen, #thirteen, #twelve,#eleven,#more 	{background-color:#699; /*9c6 - cool green*/color:#000;}
#fifteen				{background-color:#666;color:#ccc;}

.key_table	{
	width:200px;
	height:50px;
	border:1px solid #999;
}

.date, .band, .contact {

	font-weight:bold;
	font-size:.9em;
}

.date, .city	{
	text-transform:uppercase;
	font-weight:100;
}

.promoter	{

	font-size:.8em;
}


.news_item_fest_listing	{

	width:230px;
}


/* font-size and line height */


p, p.news, ul, ol, pre, .calendar {color:#333;} /* Text colors */

p, p.news, ul, ol, pre, .calendar, .news_item, .links { 

	font-size: 1.1em;
	line-height:1.4em;
} /* font-size and line height */

	

							
/* for news items until blog version ready */

p.fest {color:#000;padding:0 0 0 .5em;}
p.fest1 {background-color:#fcf;color:#000;}
p.fest2 {background-color:#fff;color:#000;}

/* Picture captions */

.caption	{font-size:.9em;font-family:tahoma; color:#999;padding:0px;margin:-0.1em 0 0.1em 0;text-align:center;line-height:110%;}

a.caption	{font-size:.9em;font-family:tahoma; color:#999;padding:0px;margin:-0.1em 0 0.1em 0;text-align:center;line-height:110%;}

/* Main navigation into site pages  */

ul#nav { 		width:700px;
				height:1.1em;
				font-size:;
				padding:0;
				margin:0 auto;
				display:block;
				clear:both;
				
				
}

ul#nav	li		{list-style:none;
				float:left;
				margin:0 auto;
				padding:0;
				display:block;
				
}

ul#nav	li	a	{
				display:block;
				text-align:center;
				text-decoration:none;
				padding:0 0.5em 0 0.5em;
				width:10em;
				border:solid 1px #cccccc;
				
				
}

.navigation	{float:right;width:100%;text-align:right;margin: 0 0em 1em 0;border:0px solid ddd;font-weight:bold;font-size:1.2em;}

.cal_link	{text-align:center;padding:.2em 1.1em .2em 1.1em;margin:0 0 0 0;
              }
.myspace	{text-align:center;padding:.2em 1.1em .2em 1.1em;margin:0 .1em 0 0;
              }
.youtube	{text-align:center;padding:.2em 1.1em .2em 1.1em;margin:0 .1em 0 0;
              }

.promoters	{text-align:center;padding:.2em 1.1em .2em 1.1em;margin:0 .1em 0 0em;
              }
               
a.youtube {border:1px solid #999999;color:#fff;
			background-color:#636;text-decoration:none}
a.youtube:visited {color:#fff}
a.youtube:hover {color:#ffffff;background-color:#000000;}

a.myspace {border:1px solid #999999;color:#fff;
			background-color:brown;text-decoration:none}
a.myspace:visited {color:#fff}
a.myspace:hover {color:#ffffff;background-color:#000000;}

a.cal_link {border:1px solid #999999;color:#fff;background-color:orange;text-decoration:none}
a.cal_link:visited {color:#fff}
a.cal_link:hover {color:#ffffff;background-color:#000000;}

a.promoters {border:1px solid #999999;color:#fff;background-color:olive;text-decoration:none}
a.promoters:visited {color:#fff}
a.promoters:hover {color:#ffffff;background-color:#000000;}

.news_link	{font-family:arial;text-align:center;background-color:#336699;
	padding:1px 10px 1px 10px;
	border:1px solid #999999;color:#ffffff;FONT-SIZE:100%;font-weight:bold;}
a.news_link:visited {color:#ffffff;background-color:#336699;}
a.news_link:hover {color:#ffffff;background-color:#000000;}

/* Where to find jazz */

a.link	{
	font-size:;
	font-weight:100;
	text-decoration:none;
	color:#00f;
}


/* Text banner navigation - as found on sub-pages without the JY header block and links */

.text_navigation_banner	{width:100%;text-align:center;}


/* Anchor link styling */

a	{color:#0000ff;
}
a:focus	{color:#fff;background-color:#fcf;
}
a:visited	{color:#369;
}
a:hover {color:#000;
}


a.fest		{color:#333;text-decoration:none;font-weight:bold;
}

a.fest:hover	{color:#000;

}

/* Text navigation styling - for the footer.js script */

a.text_navigation	{font:century gothic,tahoma;
					color:#369;font-size:1.1em;text-decoration:none;
}
a.text_navigation:hover {color:#000;}
					
}

/* footer */

a.footer		{font-weight:bold;color:#336699;text-decoration:none;}
a.footer:visited {color:#336699;text-decoration:none;}
a.footer:hover {color:#0000ff;text-decoration:underline;}