body {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 10px;
		letter-spacing: .2px;
		font-weight: normal;
		color: #000000;
		margin: 0;
		padding: 0;
	}

	#frm_captcha {
		margin-left: 36px;
	}
	#frm_captcha a {
		color: #cc0000;
	}


	#header-promo { margin-left: -40px; width: calc(100% + 84px); height: auto; }
	#header-promo img { width: 100%; height: auto; }
	#content-promo { margin-left: -40px; width: calc(100% + 84px); background: repeating-linear-gradient(45deg, #fff, #fff 10px, #eee 10px, #eee 20px); }
	#rules { width: calc(100%-40px); padding: 20px; font-size: 1.75em; text-align: center; background: #333; color: #fff; }
	#form { width: 100%; float: left; }
	#form-header { width: 100%; padding-top: 25px; padding-bottom: 25px;  float: left; color: #fff; font-size: 2em; text-align: center; margin-bottom: 15px; }
	#form-box { width: 30%; margin: 1%; margin-left: 2%; min-height: 50px; float: left; border-radius: 1em; }
	#form-box #thumbnail { position: relative; width: 90%; margin: 5%; float: left; }
	#form-box #thumbnail img { width: 100%; height: auto; }
	#form-box #thumbnail #play-btn { position: absolute; top: 85%; right: 3%; background: rgba(255,255,255,.7); border-radius: 15px; text-align: center; color: #fff; font-size: 14px; width: 80px; height: 50px; margin-left: -40px; margin-top: -25px;z-index: 100; }
	#form-box #thumbnail #play-btn:hover { background: rgba(204,0,0,.7); }
	#form-box #thumbnail #play-btn p { margin-top: 10px; }
	#form-box #name { font-size: 2em; width: 100%; text-align: center; color: #fff; padding-bottom: 5%; }
	#form-box #name #vote-txt { font-size: .8em; }
	#form-box #input { display: none; }
	#form-entry { width: 50%; padding-left: 25%; padding-right: 25%; padding-top: 25px; padding-bottom: 25px;  float: left; color: #333; font-size: 1em; margin-bottom: 15px; }
	#form-element { width: 100%; float: left; font-size: 2em; font-weight: bold; text-align: left; margin-bottom: 25px; }
	#form-element a { color: #cc0000; text-decoration: none; }
	#form-element a:hover { text-decoration: underline; }
	#form-element #captcha { width: 30%; height: auto; }
	input[type='text'] { width: 100%; padding: 10px; border-radius: 10px; font-size: .75em; text-align: left; }
	input[type='text']:focus { background: #ffed8a; }
	.error { color: #cccc00; }
	.rodeo-open, .rodeo-open-head { background: #cc0000; }
	.rodeo-open:hover { background: repeating-linear-gradient(45deg, #ff0000, #ff0000 10px, #cc0000 10px, #cc0000 20px); }
	.rodeo-open-selected { background: repeating-linear-gradient(45deg, #333, #333 10px, #444 10px, #444 20px); }
	.rodeo-youth, .rodeo-youth-head { background: #0033cc; }
	.rodeo-youth:hover { background: repeating-linear-gradient(45deg, #003399, #003399 10px, #0033cc 10px, #0033cc 20px); }
	.rodeo-youth-selected { background: repeating-linear-gradient(45deg, #333, #333 10px, #444 10px, #444 20px); }
	.voterinfo { background: #333; }
	.officialrules { background: #003399; }
	.officialrules p { margin: 0; padding: 0; width: 96%; padding-left: 2%; padding-right: 2%; text-align: center; font-size: .7em; color: #fff; }
	.officialrules a { font-size: 1.3em; margin-left: 5px; margin-right: 5px; color: #fff; }
	.subscribe { width: 2em; height: 2em; }
	.subscribe-txt { font-size: .9em; }
	input[type='submit'] { width: 100%; padding: 10px; background: #cc0000; color: #fff; font-size: 1em; border-radius: 1em; }
	input[type='submit']:hover { background: #0033cc; }


	media screen and (max-width: 720px) {
		#header-promo {
		  width: 100% !important;
		  height: 200px;
		  background-size: auto 100%;
		}
		#rules {
			font-size: 1.3em;
		}
		#form-element, #form-entry { width: 90%; padding-left: 5%; padding-right: 5%; font-size: 1.25em; }
		#form-element #captcha { width: 70%; height: auto; }
		#form-box { width: 96%; margin: 2%; }
		input[type='text'] { width: 90%; border-radius: 5px; font-size: .8em; }
		.subscribe { width: 1em; height: 1em; }
	}