/* 1140 - 1280 */

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1140px) {

}


/* < 1024 (iPad Horz) */

@media only screen and (max-width: 1024px) {

}


/* Hide the sidebar below 850px */

@media only screen and (max-width: 850px), screen and (max-height: 840px) {

	#main {
		margin-left: 0;
	}

	#main .topbar {
		clear:both;
		overflow:hidden;
		text-align: center;
	}

	#main form .topbar,
	#main form #content div.buttons {
		left: 0;
	}

	#main form #content {
		padding-top: 6em;
	}

	#main .topbar a.sidebartoggle {
		display: inline-block;
		float:left;
	}

	#main .topbar div.buttons {
		text-align: center;
		float:none;
	}

	#sidebar {
		width:11em;
		position:fixed;
		top: 0.5em;
		left: 0.5em;
		bottom: auto;
		box-shadow: 0 0 0.2em #aaa;
		border: none;
		display:none;
		max-height: 90%;
		overflow:scroll;
	}
	#sidebar .topbar,
	#sidebar nav {
		padding: 0.5em;
	}

	#sidebar .topbar a.sidebartoggle {
		float:left;
		margin-right: 0.25em;
	}

	#sidebar nav ul {
	}

	ul.galleryimages li {
		width: 47%;
	}

	body.maxpower #sidebar {
		z-index: 9999;
		display: block;
	}

	body.maxpower #sidebar #account{
		position: relative;
	}


	body.maxpower #main {
		margin-left: 0;
	}

	body.maxpower #main .topbar a.sidebartoggle {
	}


}

/* < 768 (iPad Vert) */

@media only screen and (max-width: 768px) {
}

/* BELOW 700 there's a bit of weirdness */

@media only screen and (max-width: 700px) {
}

/* < 568 (iPhone Horz)  */

@media only screen and (max-width: 568px) {
	section#login {
		width: 80%;
		margin: 4% auto 0 auto;
	}

	#main #content {
		padding: 0.5em;
	}

	#main .cardcontainer {
		padding: 0;
	}
}


/* < 1136 (iPhone retina Horz)  */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 568px) {
}




/* < 320 (iPhone Vert) */

@media only screen and (max-width: 320px) {
}

/* < 640 (iPhone retina Vert) */

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px) {
}