@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Raleway);
/*@font-face {
    font-family: "brandon";
    font-style: normal;
    font-weight: 200;
    src: url('http://s3.amazonaws.com/yearbooked/brandon.woff') format('woff');
}
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background: url('http://s3.amazonaws.com/yearbooked/ybbackground3.jpg') top center;
    font-family: 'Raleway',Trebuchet,Arial,sans-serif;
	font-size: 13px;
	text-align: center;
}
body.page {
	background: url('http://s3.amazonaws.com/yearbooked/ybbackground3.jpg') repeat top center;
}
#header {
	height: 36px;
	background: rgba(0, 0, 0, 0.50);
	border-bottom: 1px solid #333;
}
#overlay {
	background: rgba(238, 103, 0, 0.85);
	height: 100%;
	min-height: 800px;
	padding: 20px 0 0 0;
}
#container {
	width:96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
#page-header {
    background: #EE6700;
	height: 44px;
	margin-bottom: 20px;
	text-align: center;
}
#top-text {
	text-align: center;
	padding: 10px 30px 30px 30px;
}
#top-text h1 {
    font-family: 'Raleway',Trebuchet,Arial,sans-serif;
    color: rgb(96, 96, 96);
    font-size: 48px;
	line-height: 1em;
    text-align: center;
	margin: 0;
}
#leftbg {
	background: url('http://s3.amazonaws.com/yearbooked/ybbackground-left.jpg') no-repeat center left;
}
#rightbg {
	background: url('http://s3.amazonaws.com/yearbooked/ybbackground-right.jpg') no-repeat center right;
}
#ybcenter {
	margin:0 auto;
	padding: 40px 1%;
	background: #FFF;
	border: 1px solid #B74E00;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#footer {
	margin:20px auto 0 auto;
	color:#FFF;
}
#ybcenter h2 {
    font-family: 'Raleway',Trebuchet,Arial,sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #016682;
	margin: 0px 0px 10px;
	text-align: center;
}
#ybsearchform p {
    font-family: 'Raleway',Trebuchet,Arial,sans-serif;
    color: #333;
    font-size: 14px;
	font-weight: 400;
    text-align: center;
	margin: 0;
}
/*#ybsearchform .formlabel {
    font-size: 16px;
    text-align: left;
}*/
#ybsearchform a {
	text-decoration:none;
    color: #333;
}
#ybsearchform a:hover, #footer a:hover {
	text-decoration:underline;
}
#footer a {
	text-decoration:none;
    color: #FFF;
}
#ybsearchform .required {
    color: #B8171A;
}
#ybsearchformwrap {
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	padding: 10px;
	background: #FBFBFB;
	border: 1px solid #999;
	box-shadow: 0 3px 6px #333;
}
#ybsearchform {
	border: 1px solid #F5F5F5;
	padding: 40px 30px 30px 30px;
	background: #FFF;
}
#ybsearchform .icon-wrap {
	max-width: 340px;
	margin: 60px auto 0 auto;
	padding-top: 20px;
	border-top: 2px solid #D7D7D7;
}
#ybsearchform .icon {
	float: left;
	width: 100px;
}
#ybsearchform .icon-middle {
	margin: 0 20px 0 20px;
}
#ybsearchform td {
	vertical-align: middle;
	border-bottom: none;
}
#ybsearchform .formfield, #ybsearchform .formfield-inner {
	width: 100%;
	padding: 8px 10px;
	background: #fff;
	border: 1px solid #e8e8e8;
	box-shadow: 1px 1px 2px #e8e8e8 inset;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#ybsearchform .formfield {
	font-size: 28px;
	font-weight: bold;
}
#ybsearchform .formfield-inner {
	font-size: 18px;
	font-weight: normal;
}
#ybsearchform label {
	display: block;
    font-family: 'Raleway',Trebuchet,Arial;
    color: #333;
    font-size: 16px;
	font-weight: 400;
	text-align: left;
}
#ybsearchform .year-wrap {
	max-width: 340px;
	margin: 0 auto;
}
#ybsearchform .field-year {
	float: left;
	width: 46%;
	margin: 0 20px 20px 0;
}
#ybsearchform .field-year-button {
	float: right;
	width: 46%;
	margin: 0 0 20px 0;
	padding-top: 2px;
}
#ybsearchform .field-year-button .ybsubmit {
	width: 100%;
}
#ybsearchform .field-city {
	float: left;
	width: 60%;
	margin: 0 4% 20px 0;
}
#ybsearchform .field-state {
	float: left;
	width: 36%;
	margin: 0 0 20px 0;
}
#ybsearchform .field-school, 
#ybsearchform .field-name,
#ybsearchform .field-email {
	margin: 0 0 20px 0;
}
#ybsearchform .button-wrap {
	width: 100%;
	padding: 20px 0 30px 0;
}

.ybsubmit, .button {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #00A4BF;
	color: #fff;
	padding: 8px 20px;
	text-shadow: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow: 0 1px 3px #000;
	background-color: #00A4BF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A4BF), to(#016682)); 
	background: -webkit-linear-gradient(top, #00A4BF, #016682); 
	background: -moz-linear-gradient(top, #00A4BF, #016682); 
	background: -ms-linear-gradient(top, #00A4BF, #016682); 
	background: -o-linear-gradient(top, #00A4BF, #016682);
}
.ybsubmit:hover, .button:hover {
	cursor: pointer;
	background-color: #008EA8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008EA8), to(#01556D)); 
	background: -webkit-linear-gradient(top, #008EA8, #01556D); 
	background: -moz-linear-gradient(top, #008EA8, #01556D); 
	background: -ms-linear-gradient(top, #008EA8, #01556D); 
	background: -o-linear-gradient(top, #008EA8, #01556D);
}
.button a, .button a:hover {
	color: #fff !important;
	text-decoration: none !important;
}
.result-section {
	margin: 15px 0 50px 0;
	padding: 30px 10%;
	background: #fbfbfb;
	border-top: 6px solid #D7D7D7;
}
.result-wrap {
	margin: 30px 0;
}
.result-source {
	/*float: left;*/
	/*width: 100px;*/
	/*margin-right: 30px;*/
	padding: 0 0 10px 0;
	text-align: left;
}
.result-wrap .button {
	/*float: left;*/
	/*min-width: 200px;*/
}
.text-block p, .text-block h2 {
	text-align: left !important;
}
.text-block p, .text-block li {
	margin-bottom: 1em !important;
	line-height: 1.4em;
}
.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 900px) {
#container {
	width:99%;
}
#ybcenter {
	padding: 40px 0;
	/*border: none;
	-moz-border-radius: 0;
	border-radius: 0;*/
}
#ybsearchformwrap {
	width: 90%;
	max-width: 480px;
}
}
@media screen and (max-width: 760px) {
#container {
	padding: 0;
}
#top-text h1 {
    font-size: 32px;
    color: #FFEDDF;
}
#ybcenter {
	padding: 0;
	background: none;
	border: none;
	-moz-border-radius: 0;
	border-radius: 0;
}
#leftbg {
	background: none;
}
#rightbg {
	background: none;
}
}
@media screen and (max-width: 500px) {
#ybsearchform .icon {
	width: 30%;
}
#ybsearchform .icon-middle {
	margin: 0 3.3% 0 3.4%;
}
#ybsearchform .field-year {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
#ybsearchform .field-year-button {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
	padding-top: 0;
}
#ybsearchform .field-city {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
#ybsearchform .field-state {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
.result-wrap {
	margin: 40px 0;
}
.result-source {
	text-align: center;
}
.result-wrap .button {
	/*float: none;
	width: 100%;
	margin-right: 0;*/
}
}
@media screen and (max-width: 380px) {
#ybsearchform .icon-wrap {
	display: none;
}
}