/*	TEMPORARY	*/

div {

}

/*	POSITIONING	*/

body {
background-color: white;
margin: 10px;
padding: 10px;
font-family: Georgia, Times, serif;
color: #424242;
}

table#bodytable {
width: 100%;
height: 100%;
border: 0px;
}
table#bodytable td {
vertical-align: middle;
text-align: center;
}

div#navbardiv{
width: 100%;
text-align: center;
padding-top: 10px;
margin: 0;
}
a.nb{
font-size: 16px;
font-weight: normal;
text-decoration: none;
color: #F5007A;
margin-right: 15px;
margin-left: 15px;
padding-bottom: 0;
text-transform: lowercase;
letter-spacing: 1px;
}
a.nb:hover{
color: #7b3d96;
text-decoration: none;
}
body#home a.nb{
color: #ff2600;
}
body#home a.nb:hover{
color: #ff9300;
}
a#on{
border-top: 1px solid #7b3d96;
color: #7b3d96;
}

div#contentdiv table{
text-align: center;
margin: auto;
}
div#contentdiv table td{
vertical-align: top;
}



div#containerdiv {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 900px;
height: 800px;
background-color: none;
border: 0px;
}
body#home div#containerdiv{
background: white;
border: 0;
}
body#home div#containerdiv img.bkgdimg{
border: 1px solid #ff2600;
margin-top: 10px;
}
body#bio div#containerdiv {
background-image: url(images/bkgdinside-back.jpg);
border: 1px solid #F5007A;
}
body#cdstore div#containerdiv {
background-image: url(images/bkgdinside-purpleclose.jpg);
border: 1px solid #F5007A;
}
body#shows div#containerdiv{
background-image: url(images/bkgdinside-side.jpg);
border: 1px solid #F5007A;
}
body#links div#containerdiv{
background-image: url(images/bkgdinside-purpleleft.jpg);
border: 1px solid #F5007A;
}
body#pics div#containerdiv{
background-image: url(images/bkgdinside-flying.jpg);
border: 1px solid #F5007A;
}
body#media div#containerdiv{
background-image: url(images/bkgdinside-purple.jpg);
border: 1px solid #F5007A;
}
body#contact div#containerdiv{
background-image: url(images/bkgdinside-purpleserious.jpg);
border: 1px solid #F5007A;
}

div#contentdiv{
overflow: auto;
border: 1px solid #F5007A;
background-color: #f9f8fa;
}

body#bio div#contentdiv {
position: absolute;
top: 90px;
left: 30px;
width: 520px;
height: 600px;
text-align: justify;
padding: 10px;
}
body#cdstore div#contentdiv {
position: absolute;
top: 100px;
left: 60px;
width: 250px;
height: 500px;
text-align: justify;
padding: 10px;
}
body#shows div#contentdiv {
position: absolute;
top: 90px;
left: 460px;
width: 400px;
height: 600px;
text-align: justify;
padding: 10px;
}
body#links div#contentdiv {
position: absolute;
top: 90px;
left: 460px;
width: 380px;
/*height: 500px;*/
text-align: justify;
padding: 10px;
}
body#pics div#contentdiv {
position: absolute;
top: 90px;
left: 30px;
width: 450px;
/*height: 500px;*/
text-align: center;
padding: 10px;
}
body#media div#contentdivaudio {
position: absolute;
top: 60px;
left: 30px;
width: 420px;
height: 300px;
text-align: center;
padding: 10px;
}
body#media div#contentdivvideo {
position: absolute;
top: 450px;
left: 30px;
width: 400px;
height: 324px;
text-align: center;
vertical-align: middle;
padding: 10px;
}
body#contact div#contentdiv {
position: absolute;
top: 150px;
left: 430px;
width: 400px;
/*height: 500px;*/
text-align: justify;
padding: 10px;
}
body#contact div#contentdivmailinglist {
position: absolute;
overflow: auto;
border: 1px solid #F5007A;
background-color: #f9f8fa;
top: 430px;
left: 500px;
width: 300px;
/*height: 100px;*/
text-align: center;
vertical-align: middle;
padding: 10px;
}


/*TEXT STUFF*/

p {
font-size: 13px;
text-align: left;
padding: 0px 15px 0px 15px;
line-height: 18px;
}
p.links{
margin: 0;

}
h1, h2, h3, h4 {
color: #F5007A;
font-family: Georgia, Times, serif;
letter-spacing: 6px;
text-transform: lowercase;
}
h1 {
font-size: 18px;
text-align: left;
margin: 10px 0px 10px 0px;
}
h2{
font-size: 15px;
text-align: left;
margin: 20px 0px 10px 0px;
letter-spacing: 3px;
}

hr {
background-color: #7b3d96;
height: 1px;
border: 0px;
margin: 20px 15px 20px 15px;
}
hr.hrstrong {
background-color: #7b3d96;
height: 3px;
border: 0px;
margin: 40px 15px 30px 15px;
}
b i {
color: #F5007A;
}

a{
font-weight: normal;
text-decoration: none;
color: #F5007A;
padding-bottom: 0;
}
a:hover{
color: #7b3d96;
text-decoration: underline;
}
.allcaps{text-transform: uppercase;}
.italics{font-style: italic;}

.pastfuture {
float: right;
font-size: 10px;
margin: 0; margin-top: 3px;
letter-spacing: normal;
}


input.buynow:hover{
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
} 
img.thumbs{
max-width: 80px;
max-height: 50px;
border: 1px solid #ecadb1;
margin: 20px;
margin-top: 18px;
}
img.thumbs:hover{
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
}


div#contactformdiv {
width: 70%;
border: 1px solid white;	
margin: auto;
}
form#contactform{
text-align: right;
}
form#contactform input, form#contactform textarea{
text-align: left;
border: 1px solid #ccc;
background-color: #ccc;
}

form#contactform input.formfield, form#contactform textarea.formfield{
width: 90%;
margin-left: 5%; margin-right: 5%;
}
input.button{
border: 0px;
padding: 3px 6px 3px 6px;
margin-right: 5%;
text-align: center;
}

.button{
color: white;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
border: 1px solid #cf2267;
background: #cf2267;
padding: 1px 4px 1px 4px;
text-decoration: none;
border-radius: 6px;
}
.button:hover{
color: white;
border: 1px solid #F5007A;
background: #F5007A;
text-decoration: none;
}

.cdcovers{
border: 1px solid #ccc; max-width: 100px; max-height: 100px; margin-bottom: 5px;
}
body#cdstore div#contentdiv div{
margin:0px;
margin-top: 25px;
}

img.socialbtn{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	max-height: 15px;
	max-width: 15px;
	min-height: 15px;
	min-width: 15px;
	border: 0;
}
img.socialbtn:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

a.details{
color: white;
font-size: 11px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
border: 1px solid #fe9abf;
background: #fe9abf;
padding: 0px 2px 0px 2px;
text-decoration: none;
border-radius: 6px;
float: right;
}
a.details:hover{
color: white;
border: 1px solid #F5007A;
background: #F5007A;
text-decoration: none;
}







body#shows i{
color: #424242;
font-weight: bold;
}
h2{
font-size: 15px;
text-align: left;
margin: 5px 0px 5px 0px;
letter-spacing: normal;
}

body#details h1 {
font-size: 18px;
text-align: center;
margin: 10px 0px 10px 0px;
letter-spacing: normal;
text-transform: lowercase;
}
body#details h2{
font-size: 15px;
text-align: center;
margin: 5px 0px 30px 0px;
letter-spacing: normal;
text-transform: lowercase;
}
body#details p{text-align: justify;}
body#details b{color: #F5007A;}


body#shows div.regularshow{
background-color: #fcdee5;
padding: 3px;
margin: 10px;
margin-top: 20px; margin-bottom: 40px;
border: 1px dotted #f39dcb;
border-radius: 10px;
box-shadow: 5px 5px 10px #888888;
}
body#shows div.specialshow{
font-weight: bold;
background-color: #fbde6a;
padding: 3px;
margin: 10px;
margin-top: 20px; 
border: 1px dotted #f39dcb;
border-radius: 10px;
box-shadow: 5px 5px 10px #888888;
}
body#home div.weeklygig{
position: absolute;
top:  450px;
left: 100px;
/*width: 280px;
height: 100px;*/
}
body#home div.regularshow{
background-color: white;
padding: 3px;
margin: 10px;
margin-top: 20px; margin-bottom: 40px;
border: 3px solid #ff2600;
border-radius: 10px;
}
body#home div.regularshow p{
text-align:center;
font-weight: bold;
text-decoration: none;
color: #ff2600;
font-size: 18px;
line-height: 1.4em;
padding: 5px;
margin: 5px;
}
body#home div.regularshow a{
text-decoration: none;
}
body#home div.weeklygig a:hover{
text-decoration: none;
}
body#home div.weeklygig a:hover div.regularshow{
background-color: #fef8f6;
}


body#home div.newcd{
position: absolute;
top:  150px;
left: 100px;
}




.fadein {
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
       /*opacity: 0.8;*/
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
}
@keyframes fadein {from {opacity:0;}  to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */  from {opacity:0;}  to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */  from {opacity:0;} to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */  from {opacity:0;}  to {opacity:1;}
}