@font-face { font-family:"My Underwood"; src:url("/common/fonts/MyUnderwood.ttf") format("truetype"); }


#content {
	text-align:center;
}

#band-photo {
	position:relative;
	margin-left:35px;
	margin-top:30px;
	width:650px;
	padding:15px;
	background: #F0F0F6;

     -moz-transform: rotate(-1deg);  /* FF3.5+ */
       -o-transform: rotate(-1deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-1deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.011);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.011)"; /* IE8 */


     -moz-box-shadow: -2px 5px 10px #000, -2px 5px 10px #000; /* FF3.5+ */
  -webkit-box-shadow: -2px 5px 10px #000, -2px 5px 10px #000; /* Saf3.0+, Chrome */
          box-shadow: -2px 5px 10px #000, -2px 5px 10px #000; /* Opera 10.5, IE 9.0 */
              filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=-2px, OffY=5px, Color='#000000'); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-2px, OffY=5px, Color='#000000')"; /* IE8 */

}

#band-photo p{
	margin:0px;
	text-align:center;
	font-family: Courier, mono;
letter-spacing:	letter-width:155%;.07em;
	text-shadow:none;
	color:black;
	font-size:80%;
}

ul#profiles {
	padding:0px; margin:0px;
	list-style: none;
	position:absolute;
	top:15px; left:15px;
	width:650px; height:433px;
}

#profiles li {
	margin:0px;
	display:block;
	position:absolute;
}

#profiles li:hover {

}

#profiles li:hover p {
	visibility:visible;
}

#profiles li p {
	visibility:hidden;
	
	position:relative;
/*	top:70px;
	left:-5px;
*/	padding:0px 5px;
	text-align:center;
	line-height:140%;
	margin:auto;
	display:inline-block;
	color:white;
	
  background-color: #000000;
  background-color: rgba(0, 0, 0, .85);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8000000',endColorstr='#D8000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8000000',endColorstr='#D8000000')"; /* IE8 */
  

     -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
}

#jackie-profile {
	width:80px; height:120px;
	left:65px; top:201px;
}
#jackie-profile p {
	top:80px;
	left:-5px;
}

#caleb-profile {
	width:65px; height:120px;
	left:240px; top:160px;
}
#caleb-profile p {
	top:100px;
	left:-10px;
}


#david-profile {
	width:100px; height:200px;
	left:370px; top:165px;
}
#david-profile p {
	top:100px;
}

#katy-profile {
	width:70px; height:140px;
	left:50px; top:50px;
}
#katy-profile p {
	top:100px;
	left:-10px;
}

#davey-profile {
	width:65px; height:150px;
	left:120px; top:45px;
}
#davey-profile p {
	top:100px;
	left:-15px;
}

#ellen-profile {
	width:80px; height:120px;
	left:185px; top:70px;
}
#ellen-profile p {
	top:100px;
	left:-20px;
}

#peter-profile {
	width:40px; height:120px;
	left:235px; top:30px;
}
#peter-profile p {
	top:100px;
	left:-20px;
}

#sarah-profile {
	width:60px; height:120px;
	left:275px; top:65px;
}
#sarah-profile p {
	top:90px;
	left:-25px;
}


#matt-profile {
	width:70px; height:120px;
	left:335px; top:45px;
}
#matt-profile p {
	top:90px;
	left:-5px;
}


#robbie-profile {
	width:70px; height:110px;
	left:405px; top:55px;
}
#robbie-profile p {
	top:100px;
	left:-15px;
}


#kali-profile {
	width:57px; height:150px;
	left:475px; top:75px;
}
#kali-profile p {
	top:90px;
	left:-15px;
}

#evan-profile {
	width:80px; height:200px;
	left:533px; top:55px;
}
#evan-profile p {
	top:90px;
}