/* @override http://localhost/TheRock/schools/assets/styles/style.css */

body {
  background: #2B2B2B url('../images/blackboard.jpg') top center;
}
.back {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  background-color: rgba(0,0,0,.25);
  padding: 8px 12px;
}
.back a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .75;
}
.back a:hover {
  opacity: 1;
}
#container {
  width: 90%;
  max-width: 600px;
  margin: 30px auto;
  position: relative;
}

p.cta {
    margin-top: -15px !important;
}

p.cta a {
  background-color: #141414;
  color: #fff;
  padding: 5px 8px;
  text-transform: uppercase;
  font-size: 12px;
}

.schools {
  width: 100%;
  
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
}
  .school {
  	position: relative;
  }
  .school h3 {
    text-align: left;
    color: #fff;
    margin: 25px 10px 5px 10px;
	font-size: 20px;
    font-family: 'Permanent Marker', sans-serif;
    font-weight: 400;
  }
  .school h3 small {
  	font-size: 18px;
  	color: #9A9A9B;
  	margin-left: 5px;
  }
  .school p {
	/*margin-top: -35px;*/
	/*position: relative;*/
	color: #fff;
	/*text-align: right*/;
	/*padding-right: 20px;*/
	font-size: 16px;
	opacity: .7;
    margin-top: 8px;
  margin-bottom: 30px;
  	/*text-shadow: #fffeff 0 0 5px;*/
}
  .school a {
    text-decoration: none;
    border-bottom: none;
  }
  .school img {
  	border: 5px solid #fff;
    width: 100%;
  	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
  }
.login {
  width: 260px;
  position: fixed;
  top: 30px;
  margin-left: 650px;
  font-family: 'Neucha', sans-serif;
  color: #fff;
  font-size: 18px;
}
  .login h3 {
    text-align: left;
    color: #fff;
    margin: 25px 10px 15px 0px;
    padding-bottom: 5px;
	font-size: 20px;
    font-family: 'Permanent Marker', sans-serif;
    font-weight: 400;
    border-bottom: 5px solid #9A9A9B;
  }
  label, input, select {
  	display: block;
  }
  label {
    margin: 15px 0px 3px 0px;
  }
  select {
  	margin-bottom: 20px;
  	width: 247px;
  }
  input {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Neucha', sans-serif;
    font-weight: 400;
    padding: 18px 5px 0px 6px;
    border: none;
    width: 235px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 8px #000;
    -moz-box-shadow: 0px 0px 8px #000;
    box-shadow: 0px 0px 8px #000;
  }
  input#submit {
    background-color: #009042;
    font-family: 'Permanent Marker', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 22px;
    width: 245px;
    border: 5px solid rgba(0,0,0,.25);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
  }
  input#submit:hover {
  	background-color: #02813d;
  }
  .forgot_password a {
  	color: #fff;
  	opacity: .6;
  	text-decoration: none;
  	border-bottom: 1px solid;
  }
.foot {
  margin-top: 0px;
  text-align: left;
  margin-left: 15px;
  font-family: 'Neucha', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #5c5c5d;
  border-top: 2px solid;
  padding-top: 10px;
}