dummy {
}

//pseudo class for variable definition, didn't work
:root {  
	--browsercontentwidth: 600px;

        }


body {
	 // width: 850px;
 	font-family: Helvetica, Arial;
	color: #000000;
	//line-height: 1.15em;
	line-height: 150%;
  	background-color: #ffffe0;
	//  background-image: url("5e8.jpg");
	//  background-repeat: repeat;
	padding:0px;
}

#body_0 {
	background-image: url("5e8.jpg");
}

#body_1 {
}

#body_2 {
}


#body_3 {
}


section {
		margin:0;
		border:0;
//		padding:4px;
}

.col_tainer {
  width:900px;
  column-width:430px;
  
}

.page_section {
		 width: 420px;
//		width: var(--browsercontentwidth);
		  background-color: rgba(255,255,255,0.5);
		padding:12px;
		margin: 2px;
		  border-radius: 10px;
}

.menu_section {
//		 width: 600px;
		  background-color: rgba(255,255,255,0.5);
		padding:8px;
}

.section_header {
//		 width: 600px;
		  background-color: rgba(232,232,255,0.7);
		padding:4px;
}

.audio_section {
		padding:8px;
}

.site_title {
		background-color: rgba(245,255,235,0.7);
		padding:28px;
}

#site_title_name {
//	  background-image: url("ilbg1_xd.png");
//		background-color: rgba(245,255,235,0.7);
//		padding:28px;	
		font-size: 400%;
	line-height: 80%;
	margin-top: 25px;
	font-family: Times;
		font-weight: bold;		
	  color: #993300;
//	  color: #0000cc;
}

#section_frontpage {
	//	  background-color: rgba(245,255,235,0.85);
		background-image:	url("ilbg1a4_xd.png");
		padding:10px;	
		text-align:center;
		vertical-align: middle;
   border-radius: 10px;
		min-height:200px;
//	  color: #66ff33;
	  color: #33ff00;
}

#section_frontpage:hover {
	//	 background-image: radial-gradient(circle, rgba(127,55,27,0.7) 39%, rgba(255,55,115,0) 96%);			
		background-image:	url("ilbg1a4_x.png");
//		 background-image: radial-gradient(circle, rgba(127,0,27,0.7) 39%, rgba(255,0,115,0) 96%);
//	  color: #ff6600;
//	  color: #ff0080;
	  color: #66ff33;
}

#section_frontpage2 {
	//	  background-color: rgba(245,255,235,0.85);
 	//	 background-image: radial-gradient(circle, rgba(0,125,127,0.7) 39%, rgba(0,249,255,0.1) 96%);		
		 background-image: radial-gradient(circle, rgba(27,0,127,0.7) 39%, rgba(115,0,255,0.1) 96%);		
		background-image:	url("ilbg1a6_x3d.png");
		padding:10px;	
		text-align:center;
		min-height:200px;
		  border-radius: 10px;
//	  color: #66ff33;
	  color: #33ff00;
}

#section_frontpage2:hover {
		background-image:	url("ilbg1a6_x3.png");
//	  color: #ff6600;
//	  color: #ff0080;
	  color: #66ff33;
}

a {
//	  color: #ff6600;
	  color: #ffcc00;
//	  background-color: rgba(255,232,240,0.3);;
	  text-decoration: none;
}

a:hover {
	  background-color: #ffe5f0;
}

.sitename {
		  color: #000000;
  		font-size: 150%;
}

.menuitem {
  		font-size: 133%;
		white-space: nowrap;
}

.menuitem_frontpage {
  		font-size: 166%;
//	  color: #66ff33;
}

.menuitem_frontpage:hover {
//	  color: #66ff33;
}

a.menulink {
//  color: #ffe5f0;
}

a.menulinkactive {
  background-color: #ffe5f0;
}


h1 {
  		font-size: 150%;
  		text-decoration: none;
  		background-color: rgba(255,255,255,0.3);
		padding:8px;
	  color: #66ff33;
}

h2 {
  font-size: 125%;
  text-decoration: none;
 // background-color: rgba(255,255,255,0.3);
}

h3 {
  //font-size: 110%;
  text-decoration: none;
}

.backingtrack {
		opacity:75%;
}



#audio1 {
  background-color: rgba(63,207,255,0.6);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.6); 
border-style: dashed;
 }
#audio2 {
  background-color: rgba(223,95,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio3 {
  background-color: rgba(255,63,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio4 {
  background-color: rgba(191,159,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio5 {
  background-color: rgba(255,63,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio6 {
  background-color: rgba(255,63,0,0.4);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio7 {
  background-color: rgba(191,191,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio8 {
  background-color: rgba(223,95,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio9 {
  background-color: rgba(223,95,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio10 {
  background-color: rgba(15,63,232,0.6);
border-radius: 20px;
color:white;
// border: 3px solid #cfcfff; 
border: 3px solid  rgba(31,127,255,0.6); 
border-style: dashed;
 }
#audio11 {
  background-color: rgba(191,159,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio12 {
  background-color: rgba(0,255,0,0.4);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio13 {
  background-color: rgba(63,233,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio14 {
  background-color: rgba(189,159,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio15 {
  background-color: rgba(255,63,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio16 {
  background-color: rgba(0,255,0,0.4);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio17 {
  background-color: rgba(223,95,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio18 {
  background-color: rgba(232,232,0,0.4);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.4); 
border-style: dashed;
 }
#audio19 {
  background-color: rgba(232,232,0,0.4);
color:white;
border-radius: 20px;
border: 3px solid  rgba(231,231,255,0.4); 
border-style: dashed;
 }
#audio20 {
  background-color: rgba(95,207,223,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.6); 
// border-style: dashed;
 }
#audio21 {
  background-color: rgba(191,191,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio22 {
  background-color: rgba(232,232,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio23 {
  background-color: rgba(95,191,223,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.6); 
// border-style: dashed;
 }
#audio24 {
  background-color: rgba(191,191,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio25 {
  background-color: rgba(232,232,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio26 {
  background-color: rgba(255,63,0,0.4);
color:white;
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
#audio27 {
  background-color: rgba(231,95,63,0.3);
color:rgba(231,231,231,0.9);
border-radius: 20px;
// border: 3px solid  rgba(231,231,255,0.4); 
// border-style: dashed;
 }
 


	 @media only screen and (min-width: 1100px) {

		      body {
	
			zoom: 125%;

		         }

	}


	 @media only screen and (max-width: 880px) {

		      .col_tainer {
	
			width: 93%;
	
          }

	}


	 @media only screen and (max-width: 480px) {

		.page_section {
	
			width: 93%;

		         }

	}

dummy_end {
}