div { position: relative; }

// div { border: 1px solid red; }

body { margin: 0px; background-color: black; background-image: url('/2009/img/bg3.jpg'); background-position: center top; background-repeat: no-repeat; letter-spacing: 0px; }

body { color: black; font-family: palatino, times, arial; }

body b { color: darkred; }

body a { color: black; }

.body { padding: 10px; clear: both; }

.body { font-size: 14px; line-height: 18px; }

.body h1, .body h2, .body h3 { margin: 0 0 10px 0; }

.template { padding-top: 10px; }

hr { clear: both; color: black; background-color: black; height: 1px; border: 0px; display: block; }

img { border: 0; }

#player { }

.pageInner { left: 50%; margin-left: -439px; width: 878px; background-color: white; } /* background-image: url(/2009/img/bg-paper.jpg);  */

.page { margin-top: 0px; margin-bottom: 0px; }

.header { margin: 0px; text-align: center; }

.header a { color: #533c2d; font-size: 16px; margin-right: 10px; }

.header b a { color: darkred; }

.subHeader { margin-top: 5px; padding-bottom: 0px; line-hight: 30px; background-position: top center; background-repeat: no-repeat; text-align: center; }

.subHeader a { color: #533c2d; font-size: 14px; margin-right: 10px; }

.subHeader a:hover { color: black; }

.subHeader button { color: white; background-color: #13b899; border: 0px; background-image: url(/2009/img/bg_button_green_small.gif); } 

.subHeader input { width: 130px; color: black; background-color: white; border: 1px solid black; } 

.footer { padding-top: 0px; text-align: center; }

.footer { background-position: top; background-color: #666666; }

.footer a { margin: 0 10px 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }

.title { background-image: url(/2009/img/bg-raised-blue.gif); background-color: #13b899; height: 40px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; }

.title span { font-family: "Adobe Caslon Pro"; color: black; font-size: 30px; position: absolute; bottom: 0px; left: 10px; }

.header { }

.header img { margin: 0; border: 0px; }

.template h1, .template h2, .template h3 { margin: 5px 0 5px 0px; display: inline;  color: darkred; }

.legal, .legal a { font-size: 10px; color: #aaa; padding: 0; margin: 0; line-height: 20px;}

.legal a:hover { color: #bbb; }

.leftNav { text-decoration: none; margin-bottom: 2px;  padding: 8px 0 8px 8px; font-size: 20px; background-repeat: no-repeat; font-family: "Adobe Caslon Pro"; color: black; display: inline-block; background-image: url(/2009/img/nav-button-left-large.gif); width: 193px; }

#leftNav { width: 200; float: left;}

.clear { clear: both; }

label { width: 100px; display: inline-block; text-align: right; margin-right: 5px; font-weight: bold;  }

label, li {margin-bottom: 10px; }

blockquote { font-size: 10px; background-color: #ffdb1b; padding: 10px; border: 1px solid black; margin: 0px; }

.vidThumb { width: 100px; }

.floatLogo { margin-left:-70px; margin-bottom: -50px }

.quotes { font-size: 16px; padding: 10px; color: #aaa; text-shadow: #333 2px 2px 2px; background-image: url(images/button1c.gif); background-repeat: repeat-x; }

.quotes b { color: #bbb; }

.headerBig {margin: 0px 0 -100px -20px;}

.headerSmall {margin: 0px 0 -20px -10px;}

#content1 { position: absolute; top: 300px; right: 0; color: #ddd; width: 354px; height: 420px; overflow: auto; background-color: #666666; background-image: url(images/button1c.gif); background-repeat: repeat-x; }
#content1 a { color: #ddd; }
#content1 i, #content1 i a { color: #aaa;  }

.homePlayer { position: absolute; top: 0px; right: 10px; width: 344px; height: 218px;}

.ticketLinkMed { position: absolute; top:230px; right:167px; }
.joinLinkMed { position: absolute; top:230px; right:10px; }

.artistThumbs { background-color: black; vertical-align: top; margin: 0; padding: 0; border: 0 }

.artistThumb { vertical-align: top;  }

.artistThumb img {  height: 100px;  }

.artistLink { }

.artistThumb a { color: white; font-size: 1px; }

.artistThumb a:hover { color: black; font-size: 11px; line-height: 16px; font-weight: bold; text-decoration: none; }

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

/* page title */
.body h1 { font-size: 55px; color: darkred !important; background:transparent url(/2009/img/distressRed.png) repeat-x center center; }

/* artist name */
.bio h1 { font-size: 55px; color: black !important; background:transparent url(/2009/img/distressBlack.png) repeat-x center center; text-transform: uppercase; }

.player { float: right; width: 450px; }

.artistPic { height: 380px; width: 400px; overflow: hidden; background:transparent url(/2009/img/fence.png); vertical-align: middle; position: relative; }

.artistPic img { width: 400px; position: relative; }

.artistLinks { font-size: 12px; font-family:arial, verdana, sans-serif; background:#fff url(images/button1a.gif) repeat-x; height:25px; padding: 7px 0 0 10px}

.artistLinks a { color:#bbb; text-decoration: none; margin-left: 10px; opacity:0.6;filter:alpha(opacity=60)  }

.artistLinks a:hover, .artistLinks .selected { color:white; opacity:1;filter:alpha(opacity=100) }
.artistLinks b { color: #bbb; }
.artistLinks img { vertical-align: middle; }

.artistSlider { height: 130px; overflow: auto; margin-bottom: 0px; }

.partnerTable { width: 100%; padding: 0; margin: 0; border: 0; }

.partnerTable td { vertical-align: center; text-align: center;}

.partnerTable img { width: 120px; }

.jumpNav { height: 20px; color: #ccc; font-family: arial; font-size: 12px; text-shadow: black 2px 2px 2px; background-color: #333; padding: 10px;  background:#fff url(images/button1c.gif) repeat-x; margin-bottom: 10px; }
.jumpNav h2 { color: white; }
.jumpNav b { color: #ccc; }
.jumpNav select { background-color: #333; color: #ccc; border: 1px solid #ccc; margin: 0px; font-size: 12px;  }
.jumpNav .ticketLink { position: absolute; top:0px; right:95px; }
.jumpNav .joinLink { position: absolute; top:0px; right:0px; }

.footerLinks {background:#fff url(images/button1a.gif) repeat-x; height:25px; padding-top: 7px }
.footerLinks a { color:#bbb; font-family:arial, verdana, sans-serif; text-shadow: #330000 2px 2px 2px; }
.footerLinks a:hover { color:white; }

.artistMatrix {  width: 855px; background-color: black; padding: 40px; margin: 0; background-image: url(/2009/img/fence.png); }
.artistMatrix td { width: 150px; padding: 0 10px 20px 10px; text-align: center; font-size: 10px; line-height: 12px; color: #aaa }
.artistMatrix img { margin-right: 5px; height: 150px; width: 150px; border: 5px solid white; }
.artistMatrix a { font-size: 14px; color: #bbb; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 20px }
.artistMatrix a:hover { color: white; background:transparent url(/2009/img/distressWhite.png) repeat-x; }

.formBoxFull { background-color: black; padding: 40px; margin: 0; border: 5px solid white; text-align: center; color: white; }
.formBoxFull table {  width: 100%; padding: 0; margin: 0; border: 0; }
.formBoxFull td { padding: 5px; }
.formBoxFull a { color: white; }
.keyRow { background:#000 url(/2009/img/fence.png) }

.formBox {  width: 450px; background-color: black; padding: 40px; margin: 0; border: 5px solid white; text-align: center; color: white; }
.formBox h2 { color: white; background:transparent url(/2009/img/distressWhite.png) repeat-x;  }
.formBox h3 { color: white; }
.formBox input, .formBox textarea { background-color: #333; color: #ccc; border: 1px solid #ccc; margin: 3px; padding: 3px }
.formBox label { width: 50px; text-align: right; }



.bannerCodes textarea {
	width: 745px;
	height: 25px;
	background-color: #ccc;
	font-size: 10px;
	padding: 10px;
}

.bannerCodes h2 {
	color: white;
}

.bannerCodes .formBoxFull {
	text-align: left;
	background-image: url(/2009/img/fence.png);
}

object { outline:none; border: 0; background-color: transparent; display:block; }

img, div, a { behavior: url(/2009/css/iepngfix.htc) }

/* menu */
.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; text-align: left; width: 845px;}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; text-shadow: #330000 2px 2px 2px;}
.menu li a.top_link span {float:left; font-size: 13px; font-weight:bold; display:block; padding:0 15px 0 0px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 15px 0 0px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#FFF; background: url(images/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#FFF; background: url(images/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:35px; right:2px; background: #fff; padding:3px 0; border:1px solid #ccc; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:13px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:darkred; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#333 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#333 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: darkred; padding:1px 0; border:1px solid 95d2ee; white-space:nowrap; width:150px; z-index:200; height:auto;}