/* MASTER SITE (STATIC) ELEMENTS */

html, body {
background: url(images/bg_grad.jpg) repeat-x #dadada;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}

h1 {
font: bold normal 1.1em verdana, arial, sans-serif;
color: navy;
margin: 5px: 0 10px 0;
}

#clear {
clear: both;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.center {
margin-left: auto;
margin-right: auto;
}


/* ---Site Structure Elements --- */

#master {
background: url(images/bg_shadow.png) center repeat-y;
width: 684px;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 0px 20px 2px 20px;
border: 0px solid fuchsia;
}

#head {
width: 684px;
height: 152px;
background: url(images/head_allforlove.jpg) no-repeat;
}

#contentcontainer {
position: relative;
width: 684px;
height: auto;
min-height: 500px;
background: #fff;
border: 0px dashed cyan;
padding-bottom: 3px;
text-align: left;
}

#paddedcontainer {
background: #fff;
padding: 5px 10px 0 10px;
text-align: left;
min-height:500px; 
height:auto 
 	!important; height:500px;
border: 0px dashed green;
}

#paddedcontentcontainer {
background: #fff;
padding: 5px 10px 0 10px;
text-align: left;
border: 1px dashed fuchsia;
}
#paddedcontentcontainer2 {
width: auto;
background: #fff;
padding: 5px 10px 0 10px;
}

#toolbar {
background: url(images/bg_toolbar.jpg) repeat-x #fff;
height: 20px;
padding-top: 5px;
padding-right: 20px;
text-align: right;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px;
border-color: #dadada;
border-style: solid;
}

#leftcol {
float: left;
width: 325px;
margin: 5px 5px 10px 5px;
text-align: left;
border: 0px dashed #ff8800;
}

#rightcol {
float: right;
width: 325px;
margin: 5px 5px 10px 5px;
text-align: left;
border: 0px dashed blue;
}









/* CONTACT DETAILS COLUMN DIVS */

div.contact {
  clear: both;
  padding-bottom: 1em;   
  width: 300px;
  border: 0px black dashed;
}
div.item {
  background-color:inherit;
  color: #3d00a4;
  font-weight: bold; 
  margin-bottom: 0.1em; 
}
div.comments {
  background-color:inherit;
  width: auto;
  border: 0px black dashed;
  margin-right: 0px;
  margin-top: 0px;
}
div.commenttext {
  background-color: inherit;
  border: 0px gray dashed;
  float: left;
}
div.defn {
  background-color:inherit;
  clear: right;
  float : right;
  width: 190px;
}

/* End Column Styling */







#disco-contentcontainer {
font-weight: normal;
padding: 0px 4px 0px 4px;
border: 1px solid blue;
}

#disco-tablecontainer {
height: 370px;
margin: 10px 0px 10px 0px;
text-align: center;
overflow: scroll;
border: 1px solid red;
}



#letter {
background: url(images/lettercurl.gif) no-repeat top right #F3F6F6;
width: 550px;
margin-left: 50px;
padding: 25px 15px 20px 15px;
color: black;
border: 0px;
border-left: 1px;
border-bottom: 1px;
border-style: solid;
border-color: #ccc;
}



#contactdetails {
float: left;
height: auto;
width: auto;
margin-left: 20px;
margin-right: 20px;
text-align: right;
border: 0px solid black;
}

#contactdetails2 {
float: left;
width: 150px;
margin-left: 0px;
text-align: left;
border: 0px solid black;
}

#contactdetails3 {
float: left;
width: 300px;
margin-left: 35px;
text-align: left;
border: 0px solid black;
}



#contactemails {
float: left;
height: auto;
margin: 0px 0px 0px 10px;
text-align: left;
}

#contactemails2 {
float: left;
width: auto;
height: auto;
margin: 0px 0px 0px 20px;
text-align: left;
}

#contactformcontainer {
position: relative;
background: #dadada;
width: 95%;
height: auto;
margin: 0px 0px 10px 0px;
border: 0px blue solid;
text-align: center;
}






/* --- Text Styles --- */

.normal {
font-weight: normal;
}

.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}


.med {
font-size: 0.8em;
}

.1 {
font-size: 1em;
}


.title {
color: #000000;
font: bold 0.9em Verdana, Arial, sans-serif;
}

.titlesub {
color: #565656;
font: bold 0.8em verdana;
}

.titlesub2 {
color: #888;
font: bold 12px verdana;
}

.goldtitle {
color: #9C9430;
font: bold 14px arial;
}

.redtitle {
color: #F00;
font: bold 14px arial;
}

.grntitle {
color: #393;
font: bold 14px arial;
}

.black {
color: #333333;
}

.silver {
color: #565656;
}

p {
color: #777;
font: normal 0.7em verdana, sans-serif;
text-indent: 0em;
display: inline;
}

.psub {
color: #808080;
font: normal 12px verdana;
display: inline;
}

.2 {
color: #666;
font: normal normal 0.5em Verdana;
}

.p2-grey {
color: #808080;
font: normal normal 10px Verdana;
}

.grey_txt {
color: #888;
font: none 12px verdana;
}

.red {
color: red;
}

.contacttext {
color: #808080;
font: normal normal 10px arial;
}

.smallprint {
color: #555;
font: normal normal 10px arial;
vertical-align: middle;
}

.small {
font-size: 0.6em;
}

.footer {
color: #dadada;
background: #000022;
font: normal normal 10px Arial, sans-serif;
}

.noborder {
border-style: none;
border-width: 0;
}

.justify {
text-align: justify;
}

.of {
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.1em;
font-weight: normal;
}

/* --- Hyperlink Styles --- */

a:link { color : navy; text-decoration : underline; font-weight: bold;}
a:visited { color : navy; text-decoration : underline; font-weight: bold; }
a:hover { color : #ff6600; text-decoration : none; font-weight: bold; }
a:active { color : #ff6600; text-decoration : none; font-weight: bold; }
a { font-weight: bold; }


#footer a:link { color : #fff; text-decoration : underline}
#footer a:visited { color : #fff; text-decoration : underline }
#footer a:hover { color : #ff6600; text-decoration : none }
#footer a:active { color : #ff6600; text-decoration : none }
#footer a { font-weight: bold; }


.eventlist { font-size: 10px; }

a.eventlist: link { color : #0080FF; text-decoration : none }
a.eventlist: visited { color : #0080FF; text-decoration : none }
a.eventlist: hover { color : orange; text-decoration : none }
a.eventlist: active { color : orange; text-decoration : none }
a.eventlist: { text-decoration : none }

a img { border: 0; }




/* --- END --- MASTER SITE CONTAINER & STATIC ELEMENTS */




/* Intro content */

#introcontainer {
height: auto;
border: 0px dashed #000;
margin: 0 0 20px 5px;
text-align: justify;
}

#welcome {
margin-top: 4px;
margin-bottom: 8px;
}


#kopvids-container {
margin-right: auto;
margin-left: auto;
height: auto;
border: 0px dashed silver;
text-align: left;
}

#video-container {
height: auto;
text-align: center;
margin-bottom: 4px;
border: 0px dashed green;
}

#video-description {
padding-left: 20px;
}

#amazoncontainer {
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid olive;
}

iframe.amazon {
	border-width: 0;
	border-style: hidden;
}


#mailshotcontainer {
height: auto;
margin: 4px 5px 4px 8px;
border: 0px solid red;
}

#mailshot-title {
background: url(images/title_mailshots.gif) no-repeat; 
height: 46px;
margin: 5px 0px 0px 5px;
border: 1px solid red;
}

#mailshot_formcontainer {
height: auto;
margin: 5px 15px 10px 8px;
border: 0px solid red;
}




/* News */

#headlines {
width: 320px;
height: 110px;
position: relative;
overflow: hidden;
background: url(images/bg_news.gif);
background-repeat: no-repeat;
background-position: top left; 
font: normal normal 0.8em verdana;
padding: 5px 4px 0px 6px;
border: 0px solid red;
}

#headlines a {
font-size: 0.8em;
font-weight: normal;
margin-left: 5px;
}

#latestcontainer {
margin-left: 5px;
margin-bottom: 5px;
border: 0px solid red;
}

#latestpic {
position: relative;
float: right;
margin-top: 7px;
margin-right: 5px;
margin-left: 5px;
border: 0px solid blue;
}

#formerror {
background: url(images/formerror.jpg);
position: absolute;
bottom: 0px;
right: 0px;
z-index: 1;
width: 344px;
height: 320px;
}



#eventdetails {
background: url(images/bg_eventdetails.jpg) no-repeat;
width: 350px;
height: 320px;
margin-left: 20px;
padding: 12px;
border: 0px red solid;
}



/* TITLE IMAGES & HEADERS */

#comingeventstitle {
background: url(images/title_comingevents.gif); 
width: 207px;
height: 54px;
position: relative;
margin: 0px 0px 0px 5px;
}

#disco-title {
background: url(images/title_disco.jpg); 
width: 181px;
height: 81px;
position: relative;
margin: 15px 0px 10px 5px;
}

#merchandise-title {
background: url(images/title_merchan.gif); 
width: 171px;
height: 63px;
position: relative;
margin: 15px 0px 10px 5px;
}

#events-title {
background: url(images/title_events.gif); 
width: 127px;
height: 57px;
position: relative;
margin: 15px 0px 10px 5px;
}

#contact-title {
background: url(images/title_contact.gif); 
width: 150px;
height: 46px;
position: relative;
margin: 15px 0px 10px 5px;
}


/* Bottom half of page */


#ad {
width: 676px;
height: 115px;
position: relative;
margin: 0px 4px 6px 4px;
background: url(images/ad_ofalltime.jpg);
cursor: pointer;
}

#ad1 {
width: 676px;
height: 115px;
position: relative;
margin: 4px 4px 4px 4px;
background: url(images/ad_postlaunchparty.gif);
cursor: pointer;
}

#ad2 {
width: 676px;
height: 102px;
position: relative;
margin: 4px 4px 4px 4px;
background: url(images/ad_forum.jpg);
cursor: pointer;
}

#footer {
background: #000022;
margin-left: 4px;
margin-right: 4px;
padding: 2px 4px 2px 4px;
text-align: center;
}

#foot {
background: url(images/bg_foot.gif) no-repeat bottom left;
height: 15px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: -20px;
}



iframe {
width: 600px;
height: 300px;
margin-left: 30px;
border: 1px solid #ccc;
}




/* Events content */

#eventlist {
position: relative;
float: right;
background: url(images/bg_eventlist.jpg) no-repeat;
height: 200px;
width: 150px;
margin-left: 5px;
padding: 55px 0px 10px 12px;
border: 0px solid orange;
}

.biog {
color: #000000;
font: normal 10px verdana;
text-indent: 0em;
line-height: 110%;
display: inline;
}


p.biog {
color: #000000;
font: normal 10px verdana;
text-indent: 0em;
line-height: 110%;
display: inline;
}

.edition1 {
float: right;
border: 0px;
}



#picholder {
float: left;
width: 100px;
margin: 0px 5px 0px 0px;
border: 0px dashed silver;
}


#performerholder_remy {
background: url(images/bg_perfremy.gif) no-repeat;
position: relative;
width: 664px;
height: 350px;
min-height: 303px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 2px;
border: 0px dashed red;
}

#biogholder_remy {
background: url(images/bg_biogremy.gif) no-repeat;
float: right;
width: 490px;
height: 355px;
text-align: left;
vertical-align: top;
padding: 8px 5px 10px 8px;
margin: 10px 10px 0px 0px;
border: 0px dashed silver;
}


#performerholder_phillyt {
background: url(images/bg_perf.gif) no-repeat;
background-color: #fff;
position: relative;
width: 664px;
height: auto;
min-height: 190px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 2px;
border: 0px dashed red;
}

#biogholder_phillyt {
background: url(images/bg_biog.gif) no-repeat;
float: right;
width: 490px;
height: 170px;
text-align: left;
vertical-align: top;
padding: 8px 5px 10px 8px;
margin: 10px 10px 0px 0px;
border: 0px dashed silver;
}


#performerholder_navi {
background: url(images/bg_perfnavi.gif) no-repeat;
background-color: #fff;
position: relative;
width: 664px;
height: 290px;
min-height: 190px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 2px;
border: 0px dashed red;
}

#biogholder_navi {
background: url(images/bg_biognavi.gif) no-repeat;
float: right;
width: 495px;
height: 260px;
text-align: left;
vertical-align: top;
padding: 8px 5px 10px 8px;
margin: 10px 10px 0px 0px;
border: 0px dashed silver;
}




/* PERFORMERS */

#performers_holder {
height: 400px;
margin: 10px;
padding: 5px;
border: 0px dashed orange;
}
	#performer_left {
	float: left;
	margin-right: 10px;
	border: 0px solid blue;
	}
	#performer_right {
	float: right;
	border: 0px solid purple;
	}

#performer {
background: #eaeaea url(images/bg_perf_btm.jpg) no-repeat bottom left;
width: 300px;
padding: 0 0 10px 0;
text-align: left;
border: 0px solid #eaeaea;
}

#performer h2 {
background: url(images/bg_perf_top.jpg) no-repeat top left #eaeaea;
padding: 15px 10px 0 10px;
font: normal bold 14px arial, sans-serif;
color: #6C6250;
line-height: 1.0;
}

#biog_container {
height: 200px;
margin: -10px 8px 5px 8px;
border: 0px solid green;
}

#biog_container-scroll {
overflow: scroll;
height: 200px;
margin: -10px 8px 5px 8px;
border: 0px solid green;
}

.perfname {
font: normal bold 0.9em arial, sans-serif;
color: #6C6250;
line-height: 1.0;
}
.perftitle {
font: 0.75em Arial, sans-serif;
color: #51493C;
}
.face {
float: right;
border: 1px solid #333;
}




/* MERCHANDISE - located in sub folder */

#merchandise_container {
	background: url(merchandise/images/bg.jpg) bottom center no-repeat;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid orange;
}
#centercontent {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.stock {
	font: normal normal 0.85em "Times New Roman", Arial, sans-serif;
	color: #999;
}



/* Form Styling */

fieldset {
position: relative;
width: 550px;
margin: 0.2em 0 0 0;
padding: 0;
border-style: none;
border-top: 1px solid #BFBAB0;
}

legend {
padding: 0;
color: #333;
font-weight: bold;
}

	legend span {
	position: absolute;
	left: 0.74em;
	top: 0;
	margin-top: 0.5em;
	font: normal bold 90% Arial, Verdana, sans-serif;
	color: #444;
	}


fieldset ol {
padding: 2em 1em 0 0em;
list-style: none;
}
fieldset li {
padding-bottom: 0.5em;
}
.submit {
float: none;
marging-top: 1em;
margin-left: 5em;
}

label {
float: left;
width: 8em;
margin-right: 1em;
font: normal normal 0.7em Arial, Verdana, sans-serif;
color: #444;
text-align: right;
}


input, select, textarea {
font-size: 1em;
margin-bottom: 2px;
}





form#mailshotreg { 
 background: url(images/bg_mailshots.jpg) no-repeat; 
 font-family: Verdana, Arial; 
 width: 290px;
 height: 65px;
 border: 0px dashed green;
 margin: 5px 0px 0px 0px;
 padding: 14px 5px 5px 13px;
}

form#contactform { 
 background-color: #EAEAEA; 
 color: #000000; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 padding: 8px 0px 0px 8px;
}


.txtfield { 
 font-size: 10px; 
 background-color: #9FCFFF; 
 border: 1px solid #999999; 
}


.buttons { 
 font-family: Verdana, Arial, sans-serif; 
 font-size: 10px;
 font-weight: bold;
 background-color: #444; 
 color: #FFF; 
}



input.subscribe {
 float: right;
 width: 71px;
 height: 20px;
 border: 0px solid red;
 margin: 0px 15px 10px 0px;
}




/*  Disco Table Styling   */

table.disco {
width: 670px;
background: #fafafa;
border-spacing: 0px;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
overflow: scroll; } 


td.tableheader { 
height: 20px;
padding: 0px 0px 0px 6px;
border-top: 1px solid #990000;
border-bottom: 2px solid #fff;
background: #990000 url(images/disco/titlebar.gif) repeat-x;
vertical-align: middle;
text-align: left;
text-indent: 5px;
font-family: Arial;
font-weight: bold;
font-size: 10px;
color: #fff; }


td.subtitle { 
height: 15px;
padding: 0px 0px 0px 8px;
border-right: 2px solid #fff;
border-bottom: 0px solid #fff;
background-color: #666;
vertical-align: middle;
text-indent: 2px;
font-family: Verdana;
font-size: 10px;
color: #fff; }

td { 
border: 0px solid #dadada;
background-color: #fff;
text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
vertical-align: top;
color: #000; }


td.center {
text-align: center;
 }

td.albums {
width: 110px;
}

td.tracks {
width: 265px;
}

td.length {
text-align: center;
width: 40px;
padding: 0px 3px 0px 0px
}

td.misc {
width: 180px;
}

.discoitalic {
font-style: italic;
color: #666;
}

img.disco {
border: 1px dotted #000;
margin: 5px 0px 0px 0px