@import url("reset.css");
body{
	background: #000 url("../pics/curtain2.jpg") no-repeat scroll;
	font-family: PALATINO, Arial, Verdana, sans-serif;
	height: 100%;
	min-height: 634px;
	width: 100%;
	min-width: 679px;
	text-align: center;
}
body.nobg {
	background-image: url('mn');
}
div.left {
float: left;
width: 220px;
} 
div.content{
margin-left: 240px;
max-width: 36em;
}
div.box{
	background-color: #f2f1d5;
	color: #222;
	border: 2px solid #191b55;
	text-align: center;
	padding: 30px 15px;
	margin-bottom: 20px;
	line-height: 1.1em;
}
div.caption {
	font-size: 0.8em;
	margin-bottom: 0.2em;
}
div.quote{
	padding: 0 2em;
	margin-top: 1.5em;
	text-align: left;
	font-style: italic;
}
div.author{
	padding: 10px 20px 20px 20px; 
	text-align: right;
	color: #462700;
	font-family:  "PALATINO LINOTYPE ";
}
div.border{
	border: 1px solid #222;
	line-height: 1.5em;
	margin: 1em 10px; 
	padding: 20px 10px;
}
a {
	font-weight: bold; 
	color:#2E49B4;
	cursor: pointer; 
	text-decoration: none;
}
a:hover{
	color:#5477CC;	
	cursor: pointer; 
	text-decoration: underline;
}
a:visited{
	color: #221F54
}
a.selected {
	color: #D7E650;
}
a.selected2 {
	color: #0E2066;
}
a.selected2:hover{
	color: #102370;
}
a.novisit:visited{
	color: #2E49B4;
}
span.color1{
	color: #422800;
}
a.spaced{
	line-height: 1.3em;
}
h1{
	font-weight: bold;
	font-size: 2em;
	line-height: 1em;
	margin: 0.5em 0;
	text-align: center;
	font-family:  "PALATINO LINOTYPE ";
}
h2{
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1em;
	margin: 0.5em 0;
	text-align: center;
	font-family:  "PALATINO LINOTYPE ";
}
h3{
	
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.1em;
	margin: 0.5em 0;
	font-family:  "PALATINO LINOTYPE";
	
}
h4{
	font-variant: small-caps; 
	font-size: 1.3em;
	padding-bottom: 1em;
	padding-top: 0.5em;
	font-weight: bold;
	font-family: "CENTURY GOTHIC";
	text-align: center;
	
}

.red{
	color: #a01208;
}


ul{
	margin-left: 1em;
	padding-top: 0.5em;
	text-indent: -0.6em;
	font-family: "PALATINO LINOTYPE ";
}
ul.marginleft{
	margin-left: 100px;
}
.marginleft li{
	padding-left: 20px;
}
li{
	margin-bottom: 0.2em;
}
/* ie doesn't see before pseudoclass*/
li.dashlist{
	list-style: disc inside;
}
html > body li.dashlist{
	list-style: none;
}
li.dashlist:before {
	content: "- ";	
}
li.spaced{
	line-height: 1.8em;
	letter-spacing: 1px;
}
div.songInfo{
	padding-bottom: 2em;
}
p.songInfo{
	font-face: 'PALATINO'; 
	font-style: normal; 
	font-size: 1.3em;  
	text-align: center; 
	margin-bottom: 1em;
	color: #fff;
}
p.p1{
	padding-top: 0.7em;
}

div.interview{
	font-weight: bold; padding: 1em 0;
}

p.indent{ /*used for reviews*/
	text-indent:2em;
}

/**events page:**/
li.save{
	display: block;
	list-style: none;
}
a.save{
	width:35px; 
	height: 35px; 
	display: block; 
	background: url('../pics/Save.png');
}a.save:hover{
	background: url('../pics/Save-H.png');
}

a.save2{
	padding: 10px;
	padding-right: 40px;
	background: no-repeat right url('../pics/Save.png');
}
a.save2:hover{
	background: no-repeat right url('../pics/Save-H.png');	
}


.clear-float{display: none; float: none; }
.clear{clear: both; 
line-height: 0; 
height: 0;
}

/*For links accordion*/
div.toggler{
	font-family: "PALATINO ";
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	color: #FFFEE0;
	padding: 0.5em 1em;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	background-color: #3F6BD8;
}
div.toggler img{
	display: none;
}
div.toggleDark{
	background-color: #2C508F;
}

div.toggleDark:hover{
	background-color: #3F6BD8;
	color: #fff;
	cursor: pointer;
}
div.toggleLight{		
	background-color: #3F6BD8;
	color: #fff;
}
div.toggleLight img{
	display: block;
	float: left;
	margin-top: -0.15em;
	margin-right: -24px;
}
div.toggleDark img{
	display: block;
	float: left;
	margin-top: -0.15em;
	margin-right: -24px;
	
}
div.element{
	border:  3px solid #3F6BD8;
	border-top: 0;
	border- bottom: 0;
	padding: 3em;
}

label{
	display: block;
	margin-bottom: -0.2em;
	padding-top: 0.5em;
}

form.shiny input, textarea {
	border: 2px solid #333;
}
form.shiny input:hover, textarea:hover{
	border: 2px solid #5477CC;
}

form.shiny input:focus, textarea:focus{
	border: 2px solid #5477CC;
}



#wrapper{
	padding: 10px 0 0;
}
#banner{
	background: url("../pics/sig.png") no-repeat;
	height: 200px;
	margin: 0 auto;
	width: 651px;
}
#banner h1{ display: none; }



/********** Nav Start **********/
#nav-dummy{
	background: #000;
	height: 92px;
	margin: -98px 0 0;
	opacity: 0.45;
	-moz-opacity: 0.45;
	filter: alpha(opacity = 45);
	position: relative;
/*	width: 100%;*/
}
#nav{ position: relative; 
	width: 100%; /* this makes sure ie6 ok */
	}
#primary{
	display: block;
	height: 92px;
	margin: 10px auto 0;
	position: relative;
	width: 850px;	
	z-index: 1;
}

/* padding-right is the padding between the nav images. */
#primary li{ 
	float: left; 
	padding-right: 20px; 
	}
#primary span, #primary a{ display: block; }
#primary a span{ display: none; }


/* Compute the left margin by first subtracting the image widths and paddings between them from #primary width. */
/* Ignore any paddings that aren't between images. */
/* Now divide the result by 2 to get the correct margin. */
#primary #home{ margin: 0 0 0 30px; } /*128*/
#primary #home a{
	background: url("../images/home1.png");
	height: 23px;
	width: 60px;
}
#primary #home a:hover{ background: url("../images/home2.png"); }

#primary #bio a{
	background: url("../images/bio1.png");
	height: 24px;
	width: 104px;
}
#primary #bio a:hover{ background: url("../images/bio2.png"); }

#primary #cal a{
	background: url("../images/cal1.png");
	height: 23px;
	width: 89px;
}
#primary #cal a:hover{ background: url("../images/cal2.png"); }

#primary #listen a{
	background: url("../images/listen1.png");
	height: 23px;
	width: 60px;
}
#primary #listen a:hover{ background: url("../images/listen2.png"); }

#primary #pp a{
	background: url("../images/pp1.png");
	height: 23px;
	width: 183px;
}
#primary #pp a:hover{ background: url("../images/pp2.png"); }

#primary #reviews a{
	background: url("../images/reviews1.png");
	height: 23px;
	width: 83px;
}
#primary #reviews a:hover{ background: url("../images/reviews2.png"); }

#primary #articles a{
	background: url("../images/articles1.png");
	height: 23px;
	width: 76px;
}
#primary #articles a:hover{ background: url("../images/articles2.png"); }

/* Compute the negative left margin by adding up the image widths and paddings of the first row. */
/* Remember to take the trailing right-padding into account. */
#primary #presenters{ margin: 28px 0 0 -742px; } /*662*/
#primary #presenters a{
	background: url("../images/presenters1.png");
	height: 24px;
	width: 106px;
}
#primary #presenters a:hover{ background: url("../images/presenters2.png"); }

/* Compute the negative left margin by taking the previous negative margin and adding the previous image width and padding. */
#primary #events{ margin: 28px 0 0 -616px; }
#primary #events a{
	background: url("../images/wse1.png");
	height: 24px;
	width: 269px;
}
#primary #events a:hover{ background: url("../images/wse2.png"); }

/* Compute the negative left margin by taking the previous negative margin and adding the previous image width and padding. */
#primary #studio{ margin: 27px 0 0 -327px; }
#primary #studio a{
	background: url("../images/vps1.png");
	height: 26px;
	width: 277px;
}
#primary #studio a:hover{ background: url("../images/vps2.png"); }

/* Compute the negative left margin by adding up the image widths and paddings of the second row. */
/* Remember to take the trailing right-padding into account. */
#primary #contact{ margin: 57px 0 0 -477px; }
#primary #contact a{
	background: url("../images/con1.png");
	height: 23px;
	width: 79px;
}
#primary #contact a:hover{ background: url("../images/con2.png"); }

/* Compute the negative left margin by taking the previous negative margin and adding the previous image width and padding. */
#primary #links{ margin: 57px 0 0 -378px; }
#primary #links a{
	background: url("../images/link1.png");
	height: 23px;
	width: 52px;
}
#primary #links a:hover{ background: url("../images/link2.png"); }
/********** Nav End **********/