/*ScrollBar CSS */
::-webkit-scrollbar {
    width: 14px;
	   
	   }
 
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
	background:grey;
	
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  
	 background:blue;
	 
	
}

html {

background-color:white;
font-size:1em;

}


body
{

background-color:black;
border-radius:50px;


}

.logo
{
width:75%;
height:45px;
 }





		maintwo {
	background: grey;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
    height: 100%;
	width:100%;
	

 
   
}

	
	
	
	
	
	
	#header {
  width: 100%;
  height: 10%;
  padding: 0;
  margin: 0 auto;
  background: black; /*--Give it some color ;) --*/
  border-radius: 50px 50px 0px 0px
   
}
#sidebarA {
  width: 15%;
  height: 80%;
  
  margin: 0;
  background: black;
  float: left;
  position:absolute;
  mid-width:10%;
  
}
#main {
  width: 80%;
  height: 80%;
 
  padding-left: 15px	;
  margin-left:15%;
  background: #333333;
  border-radius:30px;
  overflow-x:hidden;
  overflow-y:scroll;
   
   
   
}


#main_index {
  width: 80%;
  height: 80%;
 
  padding-left: 15px	;
  margin-left:15%;
  background: #333333;
  border-radius:30px;
  overflow-x:hidden;
  overflow-y:scroll;
  background-image:url('http://streetcannibals.com/images/background/bach_2.png');
 background-image:url('http://streetcannibals.com/images/background/ariande_50.png');
  
 
   background-size:45% 100%;
    background-repeat: no-repeat;
    background-position: right;
   
   
}


 
#footer {
  width: 100%;
  height: 10%;
  padding: 0;
  padding-left:0;
  margin: 0 auto;
  
  background: black;
  border-radius: 0px 0px 50px 50px;
   
}

footcontainer
{
	width:10%;
    
}
	

.logodiv

{
	margin-left: 37%;
	width: 50%;
	display: block;
	
}


	

li
{
padding-top:20%;

}
	
	
	
	
	a.navlink:link, a:visited {
 border:none;
 text-decoration:none;
 font-style:normal;
 color:#ffffcc;
/*font-family: 'Metamorphous', cursive;*/

 font-family: 'Rasa', serif;
 font-size: 1.5em;

}
a.navlink:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}
	
	
	.copy
	
	{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 1em;
	 
	color: #ffffcc;
	text-align: center;
	
 
}

a.maillinkbottom:link, a:visited {
	border: none;
	text-decoration: underline;
	 
	color: #ffffcc; /*font-family: 'Metamorphous', cursive;*/
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 0.9em;
	margin-left: 45%;
	margin-right:45%%;
	 
}
a.maillinkbottom:hover {
 text-decoration: none;
 color: #ff00cc;	
	
	}
	
	
	
 .text
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.2em;
 text-align:center;
 letter-spacing: -1px;color: #ffffcc;
 padding-left:25px;
 padding-right:25px;
 }
 
 h1
  
 
 
 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 2.5em;
  text-align:center;
	 letter-spacing: -1px;
	color: #ffffcc;
	 
 margin: 0 0 0 0;
	 
	font-weight: 200;
	padding: 0px 0px 0px 0px;
	
}	

 h2
  
 
 
 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 2em;
  text-align:center;
	 letter-spacing: -1px;
	color: #ffffcc;
	 
 margin: 0 0 0 0;
	 
	font-weight: 200;
	padding: 0px 0px 0px 0px;
	
}	

h3

{
	 letter-spacing: -1px;
	color: #ffffcc;
	text-transform: left;
	font-size: 1em;
}





eventhead
  
 
 
 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 2.5em;
  text-align:center;
	 letter-spacing: -1px;
	color: #ffffcc;
	 
 margin: 0 0 0 0;
	 
	font-weight: 200;
	padding: 0px 0px 0px 0px;
	
}			
		
	
	.linkcenter
	{
		text-align: center;
		 
	
	}
	
	a.infolink:link, a:visited {
	border: none;
	text-decoration: underline;
	font-style: normal;
	color: #ffffcc; /*font-family: 'Metamorphous', cursive;*/
	font-family: 'Rasa', serif;
	font-size: 1.7em;
	 
	 
	 
	
}
a.infolink:hover {
	text-decoration: underline;
	color: #ff00cc;
}



/*Press page styles*/


	
	
	
	 
.topwrapper

{
   background-color: Aqua;
	width: 80%;
	padding-left:10%;
	position:relative;
}


.pressmediafp:link, a:visited {
	border: none;
	text-decoration: underline;
	font-style: normal;
	color: #ffffcc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .9em;
	margin: 0 0 0 0; /*font-family: 'Metamorphous', cursive;*/
	text-align: left;
}
a.pressmediafp:hover {
 text-decoration: none;
 color: #ff00cc;

}




.pressname
{
	 
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffcc;
	text-align: left;
	margin: 20 0 0 0;
	 
}
 
	
	.pressquote
	
	{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffcc;
	text-align: left;
	margin: 0 0 0 0;
	display: inline;
	
	
}






.presstitle
	
	{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffcc;
	text-align: left;
	margin: 5 0 10 0;
	font-weight: bold;
	 
	
}


a.pressnamelink:link, a:visited {
	border: none;
	text-decoration: none;
	font-style: normal;
	color: #ffffcc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	margin: 5 0 10 0; /*font-family: 'Metamorphous', cursive;*/
	 
}
a.pressnamelink:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}	


a.pressreadmore:link, a:visited {
	border: none;
	text-decoration: underline;
	font-style: normal;
	color: #ffffcc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	margin: 0 0 0 0; /*font-family: 'Metamorphous', cursive;*/
	display: inline;
}
a.pressreadmore:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}
	
	
	.pressmedia:link, a:visited {
	border: none;
	text-decoration: underline;
	font-style: normal;
	color: #ffffcc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	margin: 0 0 0 0; /*font-family: 'Metamorphous', cursive;*/
	text-align: left;
}
a.pressmedia:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}
	.pressmediafp:link, a:visited {
	border: none;
	text-decoration: underline;
	font-style: normal;
	color: #ffffcc;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	margin: 0 0 0 0; /*font-family: 'Metamorphous', cursive;*/
	text-align: left;
}
a.pressmediafp:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}
	
	
	 .date
 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffcc;
	text-align: left;
	margin: 20 0 0 0;
	font-style: italic;
}




.leftbox

{
	 
	float:left;
	 
	padding-top:25px;
padding-left:3%;
	
	 
	
}

.rightbox

{
	 
	float:right;
	   
	padding-top:25px;
padding-right:3%;
text-align:right;
 
	
	}   
    
     
 
	
.presswrapper

{
	width:90%;
padding-left:5%;
 
 
 
	
}	




	
.divTablePress{
	display: table;
	width: 80%;
padding-left:10%;
padding-top:5%;
 padding-bottom:3%;
}
.divTableRowpress {
	display: table-row;
}

.divTableCellleftPress, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:25%;
	
}

.divTableCellrightPress, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:50%

}



.divTableBodyPress {
	display: table-row-group;
}	














/*musicians styles*/



.middleheadline
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 18px;
 line-height: 18px;
 letter-spacing: -1px;color: #ffffcc;
 }
 
 
 
 p.paragraph
 {
                font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 16px;
 line-height: 20px;
 
 color: #ffffcc;
 text-align:center;
 
 margin: 20 40 0 40;
 
 }
 
 
 strong.name
	
	{
		color: Fuchsia;
	}
	
    
a.navlinkbio:link, a:visited {
 border:none;
 text-decoration:underline;
 font-style:normal;
 color:#ffffcc;
/*font-family: 'Metamorphous', cursive;*/

 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
 font-size: 16px;

}
a.navlinkbio:hover {
 text-decoration: none;
 color: #ff00cc;

	
	}    
    
 /* Performances Styles*/   
.vidtablewrappercha {
    border-radius: 25px;
    background: black;
    padding: 20px; 
    
    height: 150px; 
	border: 2px solid white;
	margin-bottom: 100px;
	margin-left:32%;
    width:360px;
}
    
.wrapper
	{
	width:65%;
	 background-color: Black;
	 margin-left:20%;
	 border-radius: 25px;
	   padding: 20px;
	   border: 2px solid white;
	  
	   
	   
	}
    

	.left {
  float: left;
  width: 55%;
  overflow: hidden;
  position:relative;
}

.right {
  overflow: hidden;
  margin-left: 40%;

}




.roundimage
	{
	border-radius: 10px;
	  padding:2px;
	  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
     filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome & Safari 6+ */
	
	filter: grayscale(100%); 	
	}

    
    .roundimage:hover {
  filter: none;
  -webkit-filter: none;
}
	
	.imgtext

{
position:absolute;
color:white;
font-size: 24px;
 line-height: 18px;
 letter-spacing: -1px;color: #ffffcc;



 }

 
 .imgtext2

{
position:absolute;
color:white;
font-size: 24px;
 line-height: 18px;
 letter-spacing: -1px;color: #ffffcc;
 
vertical-align:top;


 }
 
 
 .presents
 {
 	font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 24px;
 line-height: 18px;
 letter-spacing: -1px;color: #ffffcc;
 margin-left:35%;
 
 }
 
 .preformtext
	
	{
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffcc;
	 text-align:center;
	margin-left:5%;
	width: 90%;
	 
	}

	
	.leftcha {
 
  width: 100%;
  overflow: hidden;
  position:relative;
}


/*recordings page styles*/

.divTableRecordings{
	display: table;
	width: 90%;
padding-left:5%;
padding-top:5%;
padding-bottom:5%;
}
.divTableRowRecordings {
	display: table-row;
}
	
.divTableCellleftRecordings, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:50%;
	
}

.divTableCellrightRecordings, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:50%

}





.available
{
	 
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffcc;
	text-align: center;
	margin: 0 0 0 0;
	 
}
    
    
    
 

/*archive pge styles */

.divTableArchive{
	display: table;
	width: 85%;
padding-left:10%;
padding-right:auto;
padding-top:5%;
 padding-bottom:3%;

}
.divTableRowArchive {
	display: table-row;
   
}

.divTableCellleftArchive, .divTableHead {
	 
	display: table-cell;
    width:35%;
	
}

.divTableCellrightArchive, .divTableHead {
	 
	display: table-cell;
    width:35%

}

.imgarchive

{ 
max-width:100%;
height:auto;

 }

 





/*foreign press page styles */

.divTableFp{
	display: table;
	width: 80%;
padding-left:15%;
padding-top:5%;
padding-bottom:3%;
}
.divTableRowFp {
	display: table-row;
}



.divTableCellleftFp, .divTableHead {
	 
	display: table-cell;
    width:50%;
	
}

.divTableCellrightFp, .divTableHead {
	 
	display: table-cell;
    width:50%

}

/*Press Release Styles */


.divTablePr{
	display: table;
	width: 80%;
padding-left:10%;
padding-top:5%;
}
.divTableRowPr {
	display: table-row;
}


.divTableCellleftPr, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:50%;
	
}

.divTableCellrightPr, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
    width:50%

}



 
	.release
	{
	text-align:center;
    padding-top:5%;
padding-bottom:3%;
	
	}
	
	.programwrapper
	
	{
	width:50%;
	margin-left:30%;
	text-align:left;
	
	
	
	
	}
	
	
.programwrapper75
	
	{
	width:75%;
	margin-left:25%;
	text-align:left;
	
	
	
	
	}	


.newreleaseLeft

{
	 
	float: left;
	width:15%;
	padding-top: 15%;
 
	
	
	
}
	
.newreleaseRight

{
	float:right;
	width:75%;
	height: 100%; 
	 
	
}
	
	.button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}


.textRelease
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.0em;
 text-align:center;
 letter-spacing: -1px;color: #ffffcc;
 
 }


.textReleasePresent
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.2em;
 text-align:left;
 letter-spacing: -1px;color: #ffffcc;
	 padding-top:2%; 
	 
	 
 
 }


.textReleaseHead

{
	
	 
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.0em;
 text-align:left;
 letter-spacing: -1px;color: #ffffcc;
 
 
	
}



.textReleaseTitle

{
	
	 
 font-family: times, Times New Roman, times-roman, georgia, serif;
  
	
font-size: 1.5em;
 text-align:left;
 letter-spacing: -1px;color: #ffffcc;
 
 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	
}
    

.textReleaseCredit
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.2em;
 text-align:left;
 letter-spacing: -1px;color: #ffffcc;
	 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	 
	 
 
 }


.releaseContainer


{
	margin-top: 1%; 
	margin-left: 1%;
	
	width: 98%;
	height: 95%;
	/*background-color: aqua;	
	*/
	overflow: hidden;
	
	
}

.releaseholderLeft
{
	
	
	margin-top: 1%; 
	margin-bottom: 1%;
	
	
	width: 45%;
	height: 95%;
	/*background-color: blue;*/	
	float: left;
	padding-top: 3%;
	padding-left: 5%;
	padding-right: 0;
	 
	
	
}

.releaseholderRight
{
	
	
	margin-top: 1%; 
	margin-right: 1%;
	
	width: 49%;
	height: 95%;
/*	background-color: red;*/	
	float: right;
}


	
/*Release Redo*/

.textReleaseTitle2

{
	
	 
 font-family: times, Times New Roman, times-roman, georgia, serif;
  
	
font-size: 1.5em;
 text-align:left;
 letter-spacing: 1px;
	color: #ffffcc;
 
 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	
}



.textReleaseDate

{
	
	 
 font-family: times, Times New Roman, times-roman, georgia, serif;
  
	
font-size: 1.5em;
 text-align:center;
 letter-spacing: 1px;
	color: #ffffcc;
 
 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	
}


.textReleaseRelease
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.2em;
 text-align:left;
 letter-spacing: -1px;color: #ffffcc;
	 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	 
	 
 
 }


.textReleaseListen
 {
 font-family: times, Times New Roman, times-roman, georgia, serif;
 font-size: 1.2em;
 text-align:center;
 letter-spacing: -1px;color: #ffffcc;
	 margin: 0 0 0 0;
	 
	 
	padding: 0px 0px 0px 0px;
	 
	 
 
 }


/*    Start Player */