/** bulbulensemble.com**/
a:link {
	color: #ffffff;
}
a:visited {
	color: #c0c0c0
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}
a:active {
	color: #ffffff;
}
.hidden {
	display: none;
}
body {
/*	background: #330366;*/
background: rgb(0,0,0);
}
.container {
	position: relative;
	margin-left:  auto;
	margin-right: auto;
  margin-top: auto;
	width: 800px;
	height: 600px;
	font: .8em verdana, san-serif;
	text-align: center;
}

.table {
  z-index: 12;
	position: absolute;
	left: 0px;
	top: 350px;
	width: 800px;
	overflow: hidden;
	color:#bbb;
}

#col1, #col2, #col3, #col4
{border: 3px rgb(0,0,0) solid;}
  
#col1{float:left;}  
#col2{float:left;}
#col3{float:left;}
#col4{float:left;}
#footer{clear:both;width:100%}



.invisible{
visibility: hidden;
}
.copyright {
	font-size: 70%;
	position: absolute;
	top: 97%;
	width: 100%;
	text-align: center;
	color: #d0d0d0
}
.foobar {
	z-index: 9;
	text-align: right;
	position: relative;
	top: 90%;
	left: 55%;
	width: 40%;
	font-size: 70%;
	color: #808080
}
.foobartop {
	z-index: 9;
	text-align: right;
	position: relative;
	top: 10%;
	left: 55%;
	width: 40%;
	font-size: 70%;
	color: #808080
}
.sidebar {
	z-index: 9;
	position: absolute;
	top: 76%;
	left: 3.5em;
	width: 40em;
	font-size: 80%;
	visibility: hidden;
}
.sidebar A:link {
	text-decoration: underline
}
.sidebar A:visited {
	text-decoration: none
}
.sidebar A:active {
	text-decoration: none
}
.sidebar A:hover {
	text-decoration: overline;
	color: #ddd;
}
.gray {
	color: #888;
}
.menu {
	z-index: 12;
	position: absolute;
	right: 9em;
	top: 85px;
	width: 1em;
}
#content1{
  left: 50px;
	top: 100px;	
}

.name {
	z-index: 11;
	position: absolute;
  left: -6px;
	top: 0px;
}
.name2 {
	z-index: 1;
	position: absolute;


/*	left: 5%;*/

	background-color: #000;
}
h1, h2, h3, .bodytextnew {
}
.main {
	position: relative;
  z-index: 1;
  left: 0px;
	top: 10px;
	width: 800px;
	height: 640px;
	overflow: hidden;
/*	background-image: url(img/bg3dark.jpg); repeat-x;*/
  background-color: rgb(36,0,40);
	text-align: left;
}
.player {
	position: relative;
  z-index: 10;
  left: 20px;
	top: 10%;
	width: 800px;
	height: 600px;
	overflow: hidden;
	background-image: url(img/S_S_Bluepatc.jpg); repeat-x;
  background-color: #003399;
	text-align: left;
}
.textbox {
	z-index: 1;
	position: absolute;
	left: 240px;
	top: 180px;
	width: 400px;
	height: 300px;
	overflow: hidden;
	color: #FFFFFF;
}
#bio {
  float:left;
  z-index: 1;
	position: absolute;
	left: 5px;
	top: 0px;
	width: 400px;
	height: 200px;
	overflow: auto;
	color: #FFFFFF;
}
.navCellOn {
opacity:1;filter:alpha(opacity=100);
}


.navCellOff {
opacity:.85;filter:alpha(opacity=85);
}

#biobox {
  float:left;
  padding: 5px;
  opacity: .90;
  filter:alpha(opacity=90);
  z-index: 1;
	position: absolute;
	left: 240px;
	top: 85px;
	width: 400px;
	height: 200px;
	overflow: auto;
	color: #FFFFFF;
  background-image: url(blackpixel.png);
}
.shows {
	padding: 6px;
  opacity: .80;
  filter:alpha(opacity=80);
  z-index: 1;
	position: absolute;
	left: 230px;
	top: 55px;
	width: 450px;
	height: 225px;
  overflow: auto;
	color: #FFFFFF;
	background-color: black;
}
.centertext {
	padding: 8px;
 /* opacity: .80;
  filter:alpha(opacity=80);
 */ z-index: 1;
	position: absolute;
	left: 5px;
	top: 30px;
	width: 600px;
	height: 280px;
	font-size: 1em;
  overflow: auto;
	color: #ddd  ;
	background-color: #;
}

.indexshows {
	padding: 8px;
 /* opacity: .80;
  filter:alpha(opacity=80);
 */ z-index: 1;
	position: absolute;
	left: 5px;
	top: 140px;
	width: 600px;
	height: 180px;
	font-size: 1em;
  overflow: auto;
	color: #ddd  ;
	background-color: #000;
}
.tagline {
	z-index: 12;
	position: absolute;
	font-size: medium;
  font-style: italic;
  margin-left:4px;
  color:#bbb;
  overflow: hidden;
  
}
.logo {
	z-index: 20;
	opacity:.85;filter:alpha(opacity=85);
	position: absolute;
	left: -100px;
	top: 80px;
  overflow: visible;
}

.textboxlow {
	z-index: 6;
	position: absolute;
	left: 330px;
	top: 470px;
	width: 300px;
	height: 100px;
	overflow: hidden;
} 

.textboxscroll {
	z-index: 6;
	position: absolute;
	left: 12em;
	top: 0em;
	width: 38em;
	height: 31.4em;
	overflow: auto;
}
.bodytext {
	border: 0px #fff solid;
	z-index: 5;
	position: absolute;
	left: 11.5em;
	top: 2.5em;
	width: 29.5em;
	height: 25em;
	padding-right: 2em;
	overflow: auto;
	color: #d0d0d0;
	font-size: 120%;
	display: block;
}
.bodytextnew {
	color: #d0d0d0;
	font-size: 100%;
	letter-spacing: .07em;
	line-height: 1.6em;
	text-align: justify;
}
.bodytextsmall {
	border: 0px #fff solid;
	z-index: 5;
	position: absolute;
	left: 11.5em;
	top: 3.2em;
	width: 29.5em;
	height: 25em;
	padding-right: 2em;
	overflow: auto;
	color: #d0d0d0;
	font-size: 100%;
	display: block;
}
.videobox {
	z-index: 1;
	position: absolute;
	width: 385px;
	height: 308px;
	left: 10em;
	top: 2em;
	border: 8px #000000 solid;
	background-color: #000000;
}
h1 {
	color: #d0d0d0;
	font-size: 1.4em;
	margin-bottom: -.625em;
	font-weight: bold;
	color: #d0d0d0;
}
h2 {
	color: #d0d0d0;
	font-size: 1.1em;
	margin-bottom: -.01%;
	font-weight: bold;
	color: #d0d0d0;
}
h3 {
	color: #d0d0d0;
	font-size: 1.2em;
	margin-bottom: -.625em;
	font-weight: bold;
	color: #d0d0d0;
}
/*p:first-letter {
	font-size: 1.6em
}
*/
p {
	color: rgb(224,224,224);
	font-size: 100%;
	letter-spacing: .03em;
	margin-right: 1em;
	line-height: 1.2em;
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
	color: #a0a0a0;
}
.ital {
	font-style: italic;
}
.musicianname {
	z-index: 6;
	position: absolute;
	left: 4em;
	top: 3em;
	width: 38em;
	height: 30em;
	overflow: hidden;
}
.bandname {
	z-index: 6;
	position: absolute;
	left: 20em;
	top: 26em;
	width: 38em;
	height: 6em;
	overflow: hidden;
	text-align: right;
}
.quote {
	z-index: 6;
	position: absolute;
	left: 14em;
	top: 4.5em;
	width: 38em;
	height: 6em;
	overflow: hidden;
	text-align: right;
	color: #efefff;
  /*font-weight: bold; */
}
.player {
	z-index: 8;
  	align: center;
	position: absolute;
	left: 200px;
	top: 0px;
	height: 300px;
	width: 400px;
}
/**=========================**/
 /**Drop Down Menus**/
  ul {
  	margin: 0;
  	padding: 0;
  	list-style: none;
  	width: 12em;
  /* Width of Menu Items */
  	border-bottom: 1px solid #aaa;
  	overflow: visible;
  }
  ul li {
  	position: relative;
  }
  li ul {
  	position: absolute;
  	left: 10.9em;
  /* Set 1px less than menu width */
  	top: 0;
  	display: none;
  }
  /* Thanks for the Drop-Down Menus go to Nick Rigby http://www.alistapart.com/articles/horizdropdowns/ */
  /* Styles for Menu Items */
  ul li a {
  	display: block;
  	text-decoration: none;
  	color: #cc0000;
  	font-weight: ;
  	font-size: 1em;
  	background: #202020;
  /* IE6 Bug */
  	background-image: url(/img/fill.jpg);
  	padding: 4%;
  	border: 1px solid #a0a0a0;
  	border-bottom: 0;
  	text-align: center;

  }
  /* fix ie. hide from ie mac \*/
  * html ul li {
  	float: left;
  	height: 1%;
  }
  * html ul li a {
  	height: 1%;
  }
  /* End */
  ul li a:hover {
  	color: #FFFFFF;
  	background: rgb(50,0,35);
  }
  /* Hover Styles */
  li ul li a {
  	padding: 2%;
  }
  /* Sub Menu Styles */
  li:hover ul, li.over ul {
  	display: block;
  }
/* The magic */
/* Used on longpage.html I am making text wrap around the menu using nested divs. Each container is color coded .floatcontainer {
	overflow: auto;
	z-index: 7;
	position: absolute;
	left: 0px;
	top: 120px;
	width: 640px;
	height: 2000px;
	background-color: paleturquoise;
}
.float {
	float: left;
	width: 150px;
	height: 140px;
	background-color: purple;
	overflow: auto;
}
.box {
	z-index: 12;
	left: 40px;
	top: 50px;
	width: 640px;
	height: 120px;
	background-color: teal;
	overflow: auto;
}
.centercontent {
	z-index: 1;
	position: absolute;
	left: 40px;
	top: 50px;
	width: 640px;
	height: 2000px;
	border: thin rgb(239,239,239) solid;
	background-color: khaki;
}
/*end of essay*/
/* color coding for testing .copyright, .foobar, .sidebar, .menu , .photo , .photolight , .photodark , .textbox , .bodytext , p , p.h2 , h1 , .right, .bodytextnew , .container {
	border: 1px blue  solid;
}
*/