/*general content*/

body{
  background-image: url(images/ricepaper1.png);
  font-family:sans-serif;

}
@font-face
{
font-family: GillSans;
src: url('font/GillSan.ttf')
}

/*first box logo search box*/
#main{
  width:950px;
  margin:auto auto; 
  overflow:auto;
  position:relative;
  border-radius:10px 10px 0 0;
  
}

#img{

box-shadow:0px;
}
/*input{
height:20px;
 border-radius:5px;
 border:1px solid gray;
 box-shadow: 5px 5px 5px #303030;
 margin-right:5px;
 background-color: white;
 font-weight:bold;
 
}*/
#input{
  position:relative;
  float:right;
  top:90px;
  margin-right:15px;
  font-family:"Gill Sans";
}
/*sec div info*/
#sec{
 
  width:950px;
  margin:auto;
  background-color:white ;
  overflow:auto;
  position:relative;
  border-radius:10px;
  box-shadow: 10px 10px 10px #303030;
  padding-bottom:25px;
}

#nav{
  
  width:950px;
 background-color: #636466; 
 border-radius:10px 10px 0 0;
 
}
ul{
  padding-top:;
  list-style-type:none;
  
  overflow:auto;
  
  }
  
  li{
    
  border-right:;
  float:left;
  font-size:27pt;
  padding:0 30px 0 30px;
  border-right:10px;
  border-right:3px dotted white;
  }
  a{
    font-size:.8em;
  color:black;
  text-decoration:none;
  color:white;
  font-family:"Gill Sans";
  transition-property: color;
transition-duration: 0.4s;
transition-timing-function: linear;
transition-delay: 0.1s;

-webkit-transition-property: color;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: linear;
-webkit-transition-delay: 0.1s;
-moz-transition-property: color;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: linear;
-moz-transition-delay: 0.1s;
-ms-transition-property: color;
-ms-ransition-duration: 0.4s;
-ms-transition-timing-function: linear;
-ms-transition-delay: 0.1s;
-khtml-transition-property: color;
-khtml-ransition-duration: 0.4s;
-khtml-transition-timing-function: linear;
-khtml-transition-delay: 0.1s;
  }
  
  #nav a:hover{
    text-decoration:underline;
    color:lightgreen;
  }
  #nav a:active{
    color:yellow;
    text-shadow: 1px 1px white, -1px -1px gray;
  }
  a.active:hover{
    text-decoration:underline;
    color:yellow;
  }
.active{
  color: lightgreen;
  text-shadow: 1px 1px 1px black;
  text-decoration:underline;
  cursor:default;
}

  
  #imgBox{
    width:950px;
    height:600px;
    background-color: ;
    background-image: url(images/piano1.jpg);
    position:relative;
    
  }
  #imgBox img{
 
  width:180px;
  height:45px;
  position:absolute;
  bottom:0px;
  margin:0 0 0 40%;
  }
  h1{
  margin:15px;  
  font-family:sans-serif;
  display:block;
  }
  div #texBox{
    width:950px;
    background-color: white;
   
  }
.innerL{
   width:450px;
   height:300px;
   background-image: url(images/gray.gif);
   float:left;
   margin:0 20px 0 15px;
   border-radius:10px;
   box-shadow:7px 7px 10px #303030 ;
   }
.innerR{
  width:450px;
  height:300px;
  float:left;
  background-image: url(images/gray.gif);
  margin-right:15px;
  border-radius:10px;
  box-shadow:7px 7px 10px #303030 ;
}
h2{
margin:50px 20px;
}
div p{
  margin:20px;
}
.innerR p{
  border:0;
  font-size:1.5em;
  padding:10px 0;
  border-top:1px solid gray;
  border-style:dotted;
  
}
/*about page content */
.atex p{
  
  color:gray;
 margin-left:0px;
 margin-right:30px;
 font-size:12px;
 width:250px;
 float:left;
 border-right:2px dashed lightgray;
 padding-right:30px;
 line-height:17px;
 text-align:justify;
 text-justify:inter-word;
}
.atex p:first-child{
margin-left:35px;
}.atex p:last-child{
border:0;
padding:0;
}
/*humor page content*/
div#Answer a{
margin-left:435px; 
color:black;
font-size:25px;
font-family:'Gill Sans';

}
div#Answer a:hover{
color:grey;
}
div#Answer{
  width:950px;


}
li.un a{
color:lightgrey;
}
.question{  
width:900px;
overflow:hidden;
position:relative;
}
.imi{
position:relative;

}
.yo a{
  margin:0 10px;
  padding:0px;
  border:0px;
  color:black;
}
.yo ul{
  margin:0px;
  padding:0px;
  border:0px;
  color:black;
}
.yo li{
  margin:0px;
  padding:0px;
  border:0px;
  color:black;
}
.yo{
  width:320px;
  margin:auto;
}

/*listening page content*/
.new{
  background-color: blue;
  width:125px;
  height:125px;
  float:left;
  border:10px solid gray;
  margin-right:40px;
  border-radius:5px;
  
}
.new:hover{
  border-color:lightgrey;
}
.new p{
 font-size:.75em;
 margin:0px;
 margin-top:15px;
}
.pM{
  width:160px;
  height:160px;
  float:left;
  background-color: green;
  border:10px solid gray;
  margin-right:40px;
  margin-bottom:40px;
  text-align: center;
  border-radius:5px;
  }
  .pM:hover{
  border-color:lightgrey;
}
  .pM p{
  font-size:.85em;
  margin:0px;
  margin-top:15px;
  
  
  }
.nGroup{
  height: 100px;
  width:885px;
  margin:auto;
  
  }
.pGroup{
  width:900px;
  margin:auto;
}
div.new:last-child{
  margin:0;
  }
div.pM:last-child{
  margin-right:0px;
  }
/*contact page content*/
label{
position:relative;
top:-10px;
left:-8px;
}
select{
position:relative;
top:-10px;
left:8px;
}
.info{
  
}

#insub{
background-color: lightgreen;
width:600px;
padding:20px;
margin-left:20px;
border-radius:5px;
box-shadow:7px 7px 10px #303030 ;
}

#insub input{

margin:0px 10px 20px 39px;
}

.comment{
  left:70px;
position:relative;
margin:0px 10px 10px 20px;
}
/*last div info*/

#last{
width:950px;
margin:auto;
  
}
#last a{
font-size:14px;
font-family:"Gill Sans";
color:black;
}
#last li{

}

#last div:first-child{
float:left;
}
#last div:last-child{
float:right;
}

.audiodiv{
	width:500px;display: none;
	text-align:center;
}