/* 
  -----------------------------------
  Based on Adaptations
  by Project Seven Development
  www.projectseven.com
  Responsive Design that SIMPLY works
  CSS Media Queries
  -----------------------------------
*/

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 679px) {
body {
	min-width: 0px;
	margin: 0px;
	padding: 0px;
}
#layout {
	padding: 6px;
}
#masthead, #columns, #footer {
	width: auto;
}
#masthead h1 {
	font-size: 2em;
	margin: 0px;
}
.subhead {
	font-size: .7em;
	text-transform: none;
	letter-spacing: normal;
}
span.accent {display: none;}
img.scaled-max-plain {
	height: auto;
	width: auto;
	max-width: 90%;
	margin: 0;
	display: block;
}
.sidebar .content {
	font-size: .8em;
}
.four-column-column1, .four-column-column2, .four-column-column3, .four-column-column4 {
	width: auto;
	margin-right: 0px;
	margin-bottom: 15px;
	float: none;
}
.four-column-content {
	height: auto !important;
	max-height: 888678px;
}
.four-column-content {
	padding: 10px 1em;
}
.navigation, .navigation .content {
	position: static;
	width: auto;
}
ul.menu-bar {
	width: 100%;
}
.menu-bar li {
	margin: 5px 0px;
	float: none;
}
.menu-bar a {
	padding: 3px 20px;
}
}

/*Exception rules for Smartphones in Portrait orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : portrait) {
.subhead {
	font-size: .5em;
}
}

/*Exception rules for Smartphones in Landscape orientation only*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
body {
	font-size: .75em;
}
}

/*2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets*/
@media only screen and (min-width: 680px) and (max-width: 979px) and (orientation : portrait) {
body {
	padding: 0px;
}
.navigation {
	position: static;
	left: auto;
	width: auto;
	float: none;
}
#masthead, #columns, #footer {
	width: auto;
}
.sidebar {
	position: static;
	left: auto;
	width: 30%;
}
.sidebar .content {
	border-right: 1px solid #000;
}
.main-content {
	width: 70%;
}
.four-column-content {
	padding: 10px 1em;
}
.four-column-column1 {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.four-column-column2 {
	width: 49%;
	margin-right: 0px;
}
.four-column-column3 {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.four-column-column4 {
	width: 49%;
	margin-right: 0px;
}
.navigation, .navigation .content {
	position: static;
	width: auto;
}
ul.menu-bar {
	display: block;
	width: auto;
}
.menu-bar li {
	margin: 5px 0px;
	float: none;
}
.menu-bar a {
	padding: 5px 10px;
}
}

/*Portrait Tablet Exceptions to adjust padding in content areas*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.main-content .content, .sidebar .content, .four-column-content {
	padding: 1.5em 1.25em;
}
}


/*Additional Rules for Medium Desktop Browser Windows and Landscape Tablets to reflow the inner 3-column structure*/
@media only screen and (min-width: 680px) and (max-width: 1200px) and (orientation : landscape) {
#layout {
	padding-left: 4px;
	padding-right: 4px;
}
.four-column-content {
	padding: 10px .75em;
}
.menu-bar a {
	padding: 8px 8px;
	font-size: .8em;
}
}

/*Landscape Tablet Exceptions to adjust padding and reduce font size*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
body {
	font-size: .85em;
}
.main-content .content, .sidebar .content, .four-column-content {
	padding: 1em 1.3em;
}
.menu-bar a {
	padding: 3px 10px;
}
}

/*Turn off fixed-width*/
@media only screen and (min-width: 680px) and (max-width: 1380px) and (orientation : landscape) {
#masthead, #columns, #footer {
	width: auto;
}
}