/*
 * Responsive HTML5/CSS3 template
 * http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
 *
 * Copyright 2012, WebCodeBuilder
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */


@media all and (max-width: 320px;){
	#header {max-height: 40px;}
	#mainNav a{font-size:0.8em;}
	#content {padding: 40px 0px 0px;}
}

@media all and (max-width: 360px){
	#header {max-height: 40px; padding: 5px 0px;}
	body {font-size:1.2em;}
	h2 {font-size:1.1em;padding-top:0em;}
	h3{font-size:1.2em;}
	.status{font-size:1.2em;padding-top:1em;}
	.game {width:30%; padding:0;margin:0.2em;}
	.gameFull{width: 82%;padding: 1em;margin-left: 1em;padding-left: 1em;}
	.game-day-header {margin:0;padding:1em;}
	.gameHeader{height:10.5em;padding:0.2em;}
	.awayLogo, .homeLogo {height:2.5em;padding:0;margin-top: -10px;}
	#top25right, #top25left{padding:2px;top:30px;}
	.sidebar{height:2em; width:2em;}
	.contestant{font-size:1.2em; height:4em;}
	.score{font-size:1.5em;top:1em;}
	.status{top:5px;}
	.third{width:100%;margin:0px;}
	.gameInfo li, .homeTeam li, .awayTeam li {padding: 1px;margin: 0px;font-size: 1em;}	
	input, select {font-size: 1em;}
	#mainNav a{font-size:1em;}
	#content {padding: 40px 0px 0px;}
	p {padding-left: 3em;padding-right: 3em;font-size:1.2em;padding-top:0.2em;}
	/*.homeTeam a[href^="http://"], .awayTeam a[href^="http://"], .gameInfo a[href^="http://"]{background:none}*/
}

@media all and (max-width: 320px){
	.game {width:40%; padding:0;margin:0.2em;}
	.gameHeader{height:8em;padding:0.2em;}
	.contestant{font-size:1.2em; height:3em;}
	.game-day-header {padding: 0.5em 8%;}
	h1 {font-size: 2.5em;margin: 0;}
}


@media (max-device-height: 320px){
	#mainNav a {padding: 0.278em;font-size: 0.8em;line-height: 1.65em;}
	#setup2 > .center{max-width:100%;width:100%;}
	#stateDisplay{display:none;}
	.gameselect{width:20%;}
	#header{height:40px;padding: 0.4em 0px; font-size:1.4em;}
	#content {padding: 42px 0px 0px;}
	h1{font-size:2em; margin: 0 0 0.3em;}
	.buttons {font-size: 0.7em;line-height: 1.1em;}
	h4 {top:29%;}
	.resultsDate, .disclaimer {font-size: 0.7em;}
	.news h3 {line-height: 1em;}
	#powerballResult, #megaMillionResult{font-size:0.7em;}
	h3, .subHeading {font-size: 1.5em;}
	.formRow {font-size: 0.8em;}
	.gameselect {width: 20%; font-size:1.1em;}
	.gameselect label.ui-slider {font-size: 1em;}
	.gameselect input.ui-slider-input {font-size: 1em;}	
	label.ui-slider {line-height: 1em;padding-right: 10px;}
	.gameselectNobackground {font-size: 0.8em;}	
}