html, body {
 margin: 0;
 padding: 0;
 border: 0;
 font-family: 'Ek Mukta', sans-serif;
}

a:link { color: white; }
a:visited { color: white; }
a:hover { color: white; }
a:active { color: white; }

.member {
    -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     -ms-transition: 0.3s;
     transition: 0.3s;
}
 
.member:hover {
    color: #fff;
    text-shadow: 3px 3px 2px #000;
	-webkit-transform: scale(1.30,1.30);
    -moz-transform: scale(1.30,1.30);
    -o-transform: scale(1.30,1.30);
    -ms-transform: scale(1.30,1.30);
    transform: scale(1.30,1.30);
}


body { 
	background-color: #000; /* change the color to your background color */ 
	color: white;
}

#topcorner {
  position:absolute;
  top: 1.2%;
  right: .4%;
  color: #FFF;
  width: 80px;
  height: 30px;
}

#dameruto {
 	color:lime;
	font-size:1.3em;
	margin-bottom: 1%;
}

#headerJP {
	width:690px;
	height:170px;
}

#headerEN {
	width:690px;
	height:170px;
}

#live {
	width:680px;
	height:70px;
	background-color: MidnightBlue;
	border: solid Green 7px;
	margin-top: 3%;
	margin-bottom: 3%;
}

#nextLive {
	font-size:1.8em;
	padding-top:1%;
	padding-left:2%;
}

#whatIsPikaringer {
	font-size:.9em;
	padding-left:12%;
	padding-right:12%;
	padding-top:2%;
	padding-bottom: 2%;
}

#main {
 width: 690px;
 background-color:#000;
 border: double white 15px;
 margin: 2em auto;
 padding: 1em;
 } 



#top, #bottom, #left, #right {
	background: purple;
	position: fixed;
	}

#left, #right {
		top: 0; bottom: 0;
		width: 7px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
#top, #bottom {
		left: 0; right: 0;
		height: 7px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px),

/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#top, #bottom, #left, #right { display: none; }
}

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

		
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}