/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

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

	.page-node-13425 #pompeii-background, .page-node-13426 #pompeii-background, .page-node-13424 #pompeii-background {
		margin-top:40px;
	}
}

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

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
}

/* Standard layout */
@media only screen and (min-width:1025px) {
	#header,
	#footer,
	.container,
	#mega-nav,
	#banner{
		width:940px;
	}
}

.ie6-8 #header,
.ie6-8 #footer,
.ie6-8 .container,
.ie6-8 #mega-nav,
.ie6-8 #banner{
	width:940px;
}

.ie6-8 .two-sidebars .content-inner {margin-left: 150px; margin-right: 286px;}
.ie6-8 .sidebar-first .content-inner {margin-left: 150px; margin-right: 0;}
.ie6-8 .sidebar-second .content-inner {margin-right: 286px; margin-left: 0;}
.ie6-8 .region-sidebar-first {width: 150px; margin-left: -100%;}
.ie6-8 .region-sidebar-second {width: 286px; margin-left: -286px; clear: none;}