html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}
body {
	color : #000000;
	}
#block-views-initiatives_home_block-block td.col-2 {
	border : none;
	}

#utility-region {
	padding-left : 10px;
	}
#utility-region a.mit-logo {
	display:block;
	width : 300px;
	float : left;
	color : #C2C0BF;
    text-decoration : none;
    font-weight     : 700;
    font-size : 11px;
    font-family: Arial;
	}
	#utility-region a.mit-logo:hover {
		color : #ffffff;
		}
	#utility-region a.mit-logo span.logo {
        height      : 28px;
        width       : 54px;
        display     : inline-block;
        background  : transparent url('../images/logo-mit.png') no-repeat 0px 0px;
        margin-right : 9px;
        }
		#utility-region a.mit-logo:hover span.logo {
                background  : transparent url('../images/logo-mit.png') no-repeat -54px 0px;
                }

#footer a.mit-logo {
	display:block;
	width : 300px;
	float : left;
	color : #C2C0BF;
    text-decoration : none;
    font-weight     : 700;
    font-size : 11px;
    font-family: Arial;
	margin-left : 10px;
	}
	#footer a.mit-logo span.logo {
        height      : 40px;
        width       : 292px;
        display     : inline-block;
        background  : transparent url('../images/logo-mit-lightgray-white.png') no-repeat 0px 0px;
        }
	#footer a.mit-logo span.text { display:none; }
	#footer p span.pnumber { display:inline-block; font-size: 10px; }

#footer .block { height:42px; padding:0; position : relative; width:400px;  }
	#footer .block .content { position:absolute; bottom:0; }

.page-photos-video .view-display-id-page > .view-content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
.page-photos-video .view-display-id-page > .view-content .views-row {
	display:block;
	float : left;
	width : 32%;
	min-height : 200px;
	margin-right : 1%;
	}
	.page-photos-video .view-display-id-page > .view-content .views-row img {
		max-width : 100%;
		height : auto;
		}
	.page-photos-video .view-display-id-page > .item-list {
		padding-bottom : 20px !important;
		}

body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-after {
	padding : 0 !important;
	}

/* in the media page */
body.page-interviews-articles-interviews-articles #content-inner .region-content {
	float: left;
    width: 573px;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
	}

/* tablets  */
/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 870px) { /* use page wrapper as breakpoint*/

	html,
	body {
		background-color : #828282;
		}
	.background-image {
		background-color : inherit;
		}

	#page {
		background : none;
		width : 100%;
	    }

	#main,
	#footer {
		width : 660px;
		margin : 0 auto;
		position : relative;
		}
		#main { min-height :320px;} /*prevent nav overlap footer*/

	#sidebar-first { z-index:999; }
	#content {
		float : none;
		margin : 0;
		z-index:0;
		margin-top : 15px;
		}

	#content-header h1,
	#block-block-5 .block-title,
	#block-block-6 .block-title,
	#block-block-7 .block-title,
	#block-block-8 .block-title,
	#block-block-9 .block-title { min-height:40px; font-size : 30px; line-height:35px; padding-bottom : 5px; }
	#content-header h1 { padding : 20px 10px 10px !important; }
	.not-front #content-inner .region-content > div { background:transparent;}
	.not-front #content-inner .region-content div.block-inner { padding : 0 10px 20px 10px; background:  url("../images/bg-text-transparent.png") repeat 0 0 !important; }
	.page-op_eds #content-inner .region-content div.block-inner ,
	.page-reports_letters #content-inner .region-content div.block-inner ,
	.page-reports #content-inner .region-content div.block-inner ,
	.page-speeches-writing #content-inner .region-content div.block-inner,
	.page-interviews-articles #content-inner .region-content div.block-inner {
		padding : 20px 10px;
		}
	.page-photos-video #content-inner .region-content div.block-inner {
		background : transparent !important;
		}

	.front #content-sidebar-first { background:transparent;}
	#content-area #block-views-home_news-block .block-inner {
		background: transparent url("../images/bg-text-transparent.png") repeat 0 0 !important;
		}

	.not-front #content-area { padding : 0; }

	#block-cck_blocks-field_thumbnail_bio { margin : 0; }

	.not-front.one-sidebar.sidebar-first.node-type-page .channel_52.page-page #content-area { margin: 0; }

	#header {
        background: url(../images/page-background-60.png) repeat-y center top;
        }
		#header .inner {
			width : 660px;
			margin : 0 auto;
			position : relative;
			}

        #header #block-block-1 .content a {
            width : 60px;
            display : block;
            overflow : hidden;
            }

        #header #block-menu_block-2 { display : none; }

        #header #site-name { width : 100%; padding: 19px 0 12px; margin:0; }
		#header #site-name a {
            width : 530px;
            height : 40px;
            background: transparent url("../images/logo-office-of-the-president.png") no-repeat 0 0;
			display : block;
			margin : 0 auto;
            }

		#header #utility-region { padding : 8px 0 0; }
			#utility-region a.mit-logo { display:block; width : 54px; height : 28px; }
			#utility-region a.mit-logo span.text {display:none; }

		#utility-region a.mit-logo span.logo {
			margin-top : 12px;
	        }

		#footer .region-footer, #header > .inner { padding : 0; }

		#header #block-search-form {
			position : absolute;
			display : none;
			width : 100%;
			top : 48px;
			left : 0;
			padding : 0;
			}
			#header #search-block-form {
				padding : 14px 10px;
				background-color : #333333;
				}

                #header #search-block-form:after {
                        clear: both;
                        content: ".";
                        display: block;
                        height: 0;
                        visibility: hidden;
                        }
				#header #search-block-form input.form-text {
					height : 30px;
					line-height : 30px;
					font-size : 12px;
					width : 82%;
					padding: 0;
					margin: 0 1% 0 0;
					display:block;
				    padding: 10px;
				    -moz-box-sizing: border-box;
				    -webkit-box-sizing: border-box;
				    box-sizing: border-box;
					}
				#search-block-form .form-submit {
					width : 17%;
					height:auto;
					text-indent :0;
					background : #737779;
					font-size : 12px;
					height : 30px;
					line-height : 30px;
					}

		#mobile-menu {
			position : absolute;
			top : 0;
			right : 0;
			width : 97px;
			}
			#mobile-menu .button {
				display : inline-block;
				width : 48px;
				height : 48px;
				background : #333333;
				float : left;
				}
				#mobile-menu .button.search {
					background: url("../images/button-search-48.jpg") no-repeat center top;
					}
					#mobile-menu .button.search.on {
						background: url("../images/button-search-on-48.jpg") no-repeat center top;
						}
				#mobile-menu .button.nav {
					background: url("../images/button-nav-48.jpg") no-repeat center top;
					margin-left : 1px;
					}
					#mobile-menu .button.nav.on {
						background: url("../images/button-nav-on-48.jpg") no-repeat center top;
						}

	#block-menu_block-1 {
		position : absolute;
		display : none;
		top : -74px;
		right : 0;
		width : 45%;
		height : auto;
		background-color : #333333;
		}
		#block-menu_block-1 .menu-block-wrapper ul.menu li {
				padding : 0;
				margin : 0;
				width : 100%;
				height : auto;
				}
				#block-menu_block-1 .menu-block-wrapper ul.menu li a {
					background-color : transparent;
					border : none;
					border-bottom : dotted 1px #ffffff;
					display : block;
					margin : 0;
					padding : 15px 10px;
					font-size : 14px;
					}
					#block-menu_block-1 .menu-block-wrapper ul.menu li:first-child a {
						margin : 0;
						}
					#block-menu_block-1 .menu-block-wrapper ul.menu li:last-child a {
						border : none;
						}
				#block-menu_block-1 .menu-block-wrapper ul.menu li a:hover {
					color : #00d6d6;
					border-bottom : 1px dotted #ffffff !important;
					}
					#block-menu_block-1 .menu-block-wrapper ul.menu li:last-child a:hover {
						border : none !important;
						}
				#block-menu_block-1 .menu-block-wrapper ul.menu li a.active-trail {
					border-bottom : 1px dotted #ffffff !important;
					}


	.front #block-cck_blocks-field_featured_images {
		float : none;
		margin : 0;
		height: auto;
		width: auto;
		background: url("../images/bg-white-transparent.png") repeat;
		padding : 15px 10px;
		}

		.front #block-cck_blocks-field_featured_images .field-items {
			width: 100% !important;
			max-width : 100% !important;
			height : auto !important;
			}
		.front #block-cck_blocks-field_featured_images .field-item {
			max-width : 100% !important;
			position : relative !important;
			}
		.front #block-cck_blocks-field_featured_images img {
			max-width : 100% !important;
			height : auto !important;
			display : block;
			margin: 0 auto;
			}
	.front #block-cck_blocks-body .field-name-body { padding : 15px 10px; }

	#content-area,
	/*front*/
	.front #highlight,
	.front #block-cck_blocks-body,
	.front #content-sidebar-first,
	.front #content-area .region-content,
	/*page*/
	#content-header,
	.not-front #content-header,
	/*bio*/
	.page-node-5 #content-header,
	.two-sidebars .center,
	.sidebar-first .center,
	.sidebar-first.content-sidebar-second.page-node-5 #content-inner .region-content,
	.page-node-5 #content-sidebar-second,
	/*office hours*/
	.not-front.one-sidebar.sidebar-first.node-type-page .channel_52.page-page #content-header,
	/*writing+speeches*/
	#highlight,
	.sidebar-first.content-sidebar-second #content-inner .region-content,
	#content-sidebar-second,
	#content-sidebar-second #block-menu_block-4,
	.page-interviews-articles .items_per_page_area, .page-speeches-writing .items_per_page_area,
	/*in the media*/
	body.page-interviews-articles-interviews-articles #content-inner .region-content
	  {
		float : none;
		margin : 0;
		height: auto;
		width: auto;
		}

	.not-front #content-header {
		background: transparent url("../images/bg-text-transparent.png") repeat 0 0;
		}

	#block-views-home_news-block {
		margin : 15px 0 0 0;
		}
	.front #block-cck_blocks-field_video_code {
		width : 100%;
		margin : 15px 0 0 0;
		}
		.front #block-cck_blocks-field_video_code .content {
			position: relative;
			padding-bottom: 62.25%; /* ratio for youtube embed */
			padding-top: 25px;
			height: auto;
			overflow: hidden;
			}
		.front #block-cck_blocks-field_video_code iframe,
		.front #block-cck_blocks-field_video_code object,
		.front #block-cck_blocks-field_video_code embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			}

	#block-views-initiatives_home_block-block {
		margin : 15px 0 0 0;
		}
		#block-views-initiatives_home_block-block td {
			width : 49%;
			}

	.front .bottom-regions { padding : 0; }

	#footer {
		margin-top : 15px;
		background-color : #333333;
		}
		#footer .region {
			padding : 20px 10px;
			}
			#footer .region:after {
					clear: both;
					content: ".";
					display: block;
					height: 0;
					visibility: hidden;
					}
		#footer .block {
			padding : 0;
			}
		#block-block-2,
		#block-block-3 {
			margin : 0;
			}

		#footer .block {
			font-weight : normal;
			}

	/*bio*/
	.page-node-5 #content-area {
		position : relative;
		}
		.page-node-5 #content-area #node-5 {
			padding : 260px 0 40px;
			}
		.page-node-5 .block {
			position : static;
			}
		.page-node-5 .field-name-field-thumbnail-bio {
			position : absolute;
			top : 0;
			width : 100%;
			}
			.page-node-5 .field-name-field-thumbnail-bio img {
				margin : 0 auto;
				}
		.page-node-5 .sharing-links {
			position : absolute !important;
			bottom : 20px !important;
			top : auto !important;
			left : 10px !important;
			}

	#highlight {
		background: url("../images/bg-white-transparent.png") repeat;
		margin-bottom : 15px;
		}
		.not-front #highlight .indent { padding: 15px 10px; }

	#block-block-5, #block-block-6, #block-block-7, #block-block-8, #block-block-9 {
		font-size : 20px;
		line-height : 32px;
		color : #333333;
		}
	.top-lines { display:none; }

	#block-menu_block-4 ul.menu li {
		margin : 0;
		}

	.page-speeches-writing #content-area {
		position : relative;
		padding-top : 65px;
		}
		.page-speeches-writing #content-area #block-menu_block-4 {
			position : absolute;
			top : 0;
			}

	.page-interviews-articles table, .page-speeches-writing table { width : 100%; }

	#content-sidebar-second #block-menu_block-4 ul.menu {}
		#content-sidebar-second #block-menu_block-4 ul li {
			width : 23%;
			float : left;
			margin-right : 2px;
			min-height : 65px;
			}
			#content-sidebar-second #block-menu_block-4 ul.menu li a { padding : 10px;  vertical-align: top; }
			#content-sidebar-second #block-menu_block-4 ul.menu li a.active {
				background-color : #737779;
				text-decoration : none;
				}

	.page-op_eds #content-sidebar-second #block-menu_block-4,
	.page-reports_letters #content-sidebar-second #block-menu_block-4,
	.page-reports #content-sidebar-second #block-menu_block-4 {
		top : auto;
		}

	.page-op_eds #content-header .sharing-links,
	.page-reports_letters #content-header .sharing-links,
	.page-reports #content-header .sharing-links,
	.page-speeches_writing #content-header .sharing-links	{
		left : auto;
		position: absolute;
		right : 0;
		top : 5px;
		width : auto;
		height : auto;
		}

	.node-type-speeches-writing #content-inner { margin:0; }
	.page-speeches_writing #content-sidebar-second #block-menu_block-4 { top : auto; }

	/*photos*/
	body.page-photos-video #content-inner .region-content .view-display-id-page > div {
		padding : 15px 10px;
		background: transparent url("../images/bg-text-transparent.png") repeat 0 0 !important;
		}
	body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-before {
		width : auto !important;
		height : 470px !important;
		padding : 0 10px !important;
		max-width : 100% !important;
		overflow : visible !important;
		min-height : 470px;
		margin-bottom : 63px;
		background: transparent url("../images/bg-text-transparent.png") repeat 0 0 !important;
		}
		body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-before div {
			max-width : 100% !important;
			width : 100% !important;
			}
		body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-before img {
			max-width : 100%;
			width : 100%;
			height : auto;
			padding-bottom : 10px !important;
			}
		.view-photos .field-content p,
		.view-videos .field-content p {
			width : 100%;
			}
	.page-photos-video table {
		width : 100%;
		}
	.page-photos-video #content-sidebar-second .block-menu-block {
		position : absolute;
		top : 555px;
		float : none;
		padding : 0;
		width : 100%;
		}
		.page-photos-video #content-sidebar-second #block-menu_block-5 ul.menu {}
			.page-photos-video #content-sidebar-second #block-menu_block-5 ul li {
				width : 23%;
				float : left;
				margin : 0 2px 0 0;
				height : 48px;
				}
				.page-photos-video #content-sidebar-second #block-menu_block-5 ul.menu li a { padding : 10px; }
				.page-photos-video #content-sidebar-second #block-menu_block-5 ul.menu li a.active {
					background-color : #737779;
					text-decoration : none;
					}

	/*form*/
	.node-type-webform .node-webform {
		padding : 0;
		}

	/*search*/
	.search-results,
	.search-results .search-snippet-info {
		padding : 0;
		}

	#footer {
		padding : 15px 0 0 0;
		margin-top : 15px;
		}
		#footer a.mit-logo,
		#block-block-2,
		#block-block-3 {
			float : none;
			}
		#footer .region {
			padding: 10px;
			}

		#footer .block { height:auto; padding:0; position : relative; width:auto;  }
			#footer .block .content { position:relative; bottom:auto; }
}


/* phone */
@media only screen and (max-width: 660px) {

	#main {
		padding : 0 10px;
		width : auto;
		}

	#header {
		padding : 0 10px;
		}/*
	    #header #site-name a {
			margin-top : 10px;
	        height : 30px;
			width : 400px;
			background: transparent url("../images/logo-office-of-the-president.png") no-repeat 0 -50px;
	        }*/
		#header .inner {
			width : 100%;
			}

	#block-menu_block-1 {
		right : 10px;
		}

	.page-interviews-articles table td, .page-speeches-writing table td {
		display:block;
		text-align : left !important;
		padding : 10px 0 0 0;
		}
		.page-interviews-articles table td form, .page-speeches-writing table td form {
			padding-bottom : 20px;
			}
			.page-interviews-articles table td form:after,
			.page-speeches-writing table td form:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
				}
		.page-interviews-articles table td #keyword_filter_input,
		.page-speeches-writing table td #keyword_filter_input {
			float : left;
			}
		.page-interviews-articles table td #keyword_filter .form-submit,
		.page-speeches-writing table td #keyword_filter .form-submit {
			float : left;
			}

	/*photos*/
	body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-before {
		height : 430px !important;
		min-height : 430px;
		}
	.page-photos-video .items_per_page_area table td {
		display:block;
		text-align : left !important;
		padding : 10px 0 0 0;
		}
		.page-photos-video .items_per_page_area table td form {
			padding-bottom : 20px;
			margin-bottom : 20px;
			border-bottom: 3px double #666;
			}
			.page-photos-video .items_per_page_area table td form:after {
				clear: both;
				content: ".";
				display: block;
				height: 0;
				visibility: hidden;
				}
		.page-photos-video .items_per_page_area table td #keyword_filter_input {
			float : left;
			}
		.page-photos-video .items_per_page_area table td #keyword_filter .form-submit {
			float : left;
			}
	.page-photos-video .view-display-id-page > .view-content .views-row {
		width : 49%;
		height : 230px;
		}
	.page-photos-video #content-sidebar-second .block-menu-block {
		top : 515px;
		}


	#footer { width:auto; margin : 15px 10px; }

}


/* semi narrow */
@media only screen and (max-width: 540px) {

	#header #site-name a {
		margin-top : 10px;
		height : 30px;
		width : 100% !important;
		background: transparent url("../images/logo-office-of-the-president.png") no-repeat 0 0 !important;
		background-size: contain !important;
		}

	#content-header h1,
	#block-block-5 .block-title,
	#block-block-6 .block-title,
	#block-block-7 .block-title,
	#block-block-8 .block-title,
	#block-block-9 .block-title { font-size : 26px; line-height:31px; }

	.page-photos-video .view-display-id-page > .view-content .views-row {
		height : 210px;
		}


}


/* more semi narrow */
@media only screen and (max-width: 420px) {

    #header #site-name a {
		margin-top : 14px;
        height : 26px;
		width : 350px;
		background: transparent url("../images/logo-office-of-the-president.png") no-repeat 0 -90px;
        }

	#block-menu_block-1 {
		width : 60%;
		}

	/*photos*/
	body.page-photos-video #content-inner .region-content .view-display-id-page .attachment-before {
		height : 340px !important;
		min-height : 340px;
		}
	.page-photos-video .view-display-id-page > .view-content .views-row {
		width : 100%;
		min-height : 0;
		height : auto;
		padding-bottom : 20px;
		}
	.page-photos-video #content-sidebar-second .block-menu-block {
		top : 425px;
		}

	#footer p span.contact { display:block; }
}

/* extreme narrow */
@media only screen and (max-width: 374px) {

    #header #site-name a {
		margin-top : 17px;
        height : 23px;
		width : 300px;
		background: transparent url("../images/logo-office-of-the-president.png") no-repeat 0 -130px;
        }

		#footer a.mit-logo span.logo {
	        height      : 30px;
	        width       : 231px;
	        display     : inline-block;
	        background  : transparent url('../images/logo-mit-lightgray-white-s.png') no-repeat 0px 0px;
	        }
}