/* 
[class*="block-grid-"] > li { width:100%; } 
*/

body{
	font-family: 'Roboto', sans-serif;
	background-color: #258DC8;
}
h1{
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color:white;
}
a h3, h3{
        margin: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color:white;
}
h3{
        margin: 0 0 8px 0;
}
a:hover h3{
	text-decoration: underline;
}
input[type="text"]{
	background-color:white;
	border:none;
	padding: 1rem 2rem 1.0625rem 2rem;
	text-align: center;
	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	float:left;
	clear: both;
	width:100%;
}
input[type="file"]{
	margin-top: 15px;
	font-size: 18px;
	color:white;
	float:left;
	clear: both;
}

input[type="password"]{
	margin-top: 35px;
	background-color:white;
	border:none;
	padding: 1rem 2rem 1.0625rem 2rem;
	text-align: center;
	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	float:left;
	clear: both;
	width:100%;
}
input[type="submit"]{
	margin-top: 35px;
/* 	width:100%; */
	float:left;
	clear: both;
}
span{
	width:inherit;
}
audio {
	width:100%;
	height:100%;
	background-color: black;
}
.wrapper{
	/* IE6-9 fallback on horizontal gradient */
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

.button{
	background-color: #ddd;
	color:black;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.sound-box{
	width:100%;
	min-width:290px;
	height:75px;
	background-color: #DDDDDD;
	text-align: center;
	padding-top: 26px;
}
.sound-box:hover, .button:hover{
	cursor:pointer;
	background-color:white;
	color:black;
	border:none;
	transition: 1s ease;
}
.sound-box label:hover, .button label:hover{
	cursor: pointer;
}
.error{
	background-color: red;
	padding: 8px;
	color:white;
	margin-top: 15px;
}
.success{
	background-color: rgb(23, 204, 83);
	padding: 8px;
	color:white;
	margin-top: 15px;
}