body {
	font-size: 12px;
}

#content {
    margin-left: 0;
    margin-right: 0;
    padding: 3.5%;
}
/*
.no-mobile {
display: none;
}
 */

.mobile-only {
	display: block;
}

/* Portrait */
@media only screen and (max-width: 320px) {

body {
min-height: 640px;
}

    img.sitelogo {
	width: 70%;
	margin: -3px 0 -2px 8px;
	}

	#login_box {
	margin: 0 auto 7px;
	max-width: 100%;
	}

	#footer ul li, #footer li.separator, #footer ul li a {
font-size: 10px;
padding: 1px;
}


}

/* Landscape */
@media only screen and (min-width: 321px) and (max-width: 480px) {

html {
min-height: 320px;
}
img.sitelogo {
width: 60%;
margin: -4px 0 -4px 12px;

}

#login_box {
  margin: 0 auto;
  max-width: 100%;
  padding: 8px 8px 4px;
}

/*
.description, .help, .title {
padding: 0;
font-size: 0.8em;
}
 */
/*

#login_box .help > div {
    font-size: 0.7em;
    line-height: normal;
    text-align: left;
}
 */
/*

#login_box div {
margin: 2px 0;
}
 */

#login_box #blazerid {
float: left;
clear: left;
font-size: 0.9em;
width: 40%;
}
/*

#login_box #password {
float: right;
clear: right;
font-size: 0.9em;
width: 50%;
}
 */

#submit_button {
clear: both;
float: right;
margin: 12px 0;
}
#footer ul li, #footer ul li a {
font-size: 8px;
}

}