@media screen and (min-width: 769px) {
    #content td.phone a {
        color: #000;
    }
}

/* Tablet Portrait */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	header .container {
		width: 738px;
	}
	
	header #usc_banner {
		padding-left: 15px;
	}
	header #isi_banner {
		height: 78px;
	}
	header #isi_banner .container {padding: 0;}
	header #isi_banner #isi_logo {
		height: 42px;
		margin: 26px 15px 0;
	}
	header #isi_banner #viterbi_logo {
		height: 41px;
		margin: 26px 15px 0;
	}

	header #search_bar, header #home_slideshow, nav, footer {width: 738px;}
	
	/* Slideshow */
	#home_slideshow, #home_slide #bottom_photo, #home_slide #top_photo, 
	#home_slide #bottom_photo img, #home_slide #top_photo img {
		width: 738px;	height: 274px;
	}
	#home_slide #info_wrapper {width: 220px;margin-left: 474px;}
	#home_slide #info_box {height: 240px;}
	#home_slide #researcher_name {margin-top: 30px;}
	#home_slide #controls {top: 119px;}
	#home_slide #controls .next, #home_slide #controls .previous {
		margin: 0 10px;
	}

	#content, #home_content {
		width: 738px;
	}
	#content_container {width: 580px;}
	#content_container .bio {width: 304px;}
	
	#directory #alphabet {padding-left:3px;}
	#directory #alphabet a, #directory #alphabet span {padding: 0 3px;}
	#directory #alphabet #all_btn {padding: 0 7px;}
	.directory_letter .field-item {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
	
	/*** Research Leadership ***/
	#research-leadership div {margin-right:10px;}
	#research-leadership div:nth-child(5n+1) {clear:none;}
	#research-leadership div:nth-child(5n+0) {margin-right: 10px;}
	#research-leadership div:nth-child(3n+1) {clear:both;}
	#research-leadership div:nth-child(3n+0) {margin-right:0;}
	#research-leadership div:first-child {margin-right:10px;}
	
	/*** Directory ***/
	#isiglobal-directory-search-form #edit-letter-wrapper {
		display: block;
		float: left;
		margin-top: 15px;
	}
	#search-results {
		clear: both;
		padding-top: 20px;
	}
	#search-results div {float: none; display: block; margin-top: 10px;}
	.directory_list .title {display: none;}
	
	.news_container #article table img {
		max-width: 450px;
	}
	
	#isi_news {width: 448px;}

	#isi_feature_story, #col4 {display:none;}
	#isi_feature_story.mobile {
		display: block;
		width: 708px;
		margin: 20px auto 0;
	}
	
	/* timeline */
	#timeline_tabs div {width: 86px;}
	.decade {width: 450px;}
	.decade table .content {width: 240px;}
}

/* Phones */
@media screen and (min-width: 320px) and (max-width: 767px) {

	nav, #left_sidebar ul, #left_sidebar .separator, .submenu_graphic, 
	#website_links_container, header #home_slideshow, #content_container .page_title, 
    #seminar-series-subscribe {
		display: none;
	}
	#left_sidebar, #content_container {display: block;}
    .widget {
        max-width: 300px;
        margin: 0 auto;
    }
    
	header, #content, footer {width: 100%;}
	
	header .container {
		width: initial; height: 100%;
		padding: 0 15px;
	}

	header #isi_banner {
		height: 48px;
		text-align: center;
	}
	header #isi_banner #viterbi_logo { display: none; }
	header #isi_banner .container {padding: 0;}
	header #isi_banner #isi_logo {
		float: none;
		height: 24px;
		margin: 15px 0;
	}
	
	header #search_bar {
		width: initial; height: 40px;
	}
	header #search_bar .container {
		background-position: -80px 0;
	}
	header #search_bar .menu_btn {
		display: block;
		width: 28px; height: 40px;
		float: left;
		background: url(images/main_menu_button.png) 0 center no-repeat;
		cursor: pointer;
	}
	header #search_bar form {
		display: block;
		width: 186px;
		border: none;
	}
	#search_bar .search_query, #search_bar .search_query_on {
		display: none;
		width: 150px; height: 38px;
		margin-right: 8px;
		background: #C2C2C2;
		border: solid 1px #C2C2C2;
		color: #000;
	}
	#search_bar .search_btn {
		display: none;
	}
	#search_bar .search_icon {
		display: inline-block;
		float: right;
		width: 20px; height: 40px;
		background: url(images/search_icon.png) 0 center no-repeat;
		border: none;
		cursor: pointer;
	}
	
	nav {
		width: initial; height: initial;
		margin: 0;
	}
	nav ul {
		display: block;
		float: none;
		padding: 0;
		border-top: solid 1px #000;
	}
	nav ul li {
		display: block;
		margin: 0;
		background-color: #FFC20E;
		border-bottom: solid 1px #000;
	}
	nav span {display:none;}
	nav ul li:hover ul {
		display: none;
	}
	nav ul li:hover {
		background: none;
	}
	nav ul li.active {
		background: #000;
	}
	nav ul li.active a, nav ul li.active div {
		color: #FFC20E;
	}
	
	#mobile_menu {
		display: block;
		margin-top: 10px;
	}
	#mobile_menu li {
		margin-bottom: 3px;
		height: 40px;
		background: #FFC20E;
	}
	#mobile_menu li a {
		display: inline-block;
		width: 100%; height: 40px;
		color: #000;
		line-height: 40px;
		text-decoration: none;
		text-transform: uppercase;
	}
	#mobile_menu a em {
		display: inline-block;
		margin-left: 32px;
		padding-left: 45px;
		background: url(images/layout/mobile_menu_sprite.png) 0 10px no-repeat;
		font-style: normal;
	}
	#mobile_menu li.directory em {background-position: 0 -33px;}
	#mobile_menu li.researchers em {background-position: 0 -72px;}
	#mobile_menu li.news em {background-position: 0 -109px;}
	#mobile_menu li.events em {background-position: 0 -150px;}
	#mobile_menu li.shuttles em {background-position: 0 -190px;}
	#mobile_menu li.full_site {
		height: 27px;
		background-color: #000;
				border-top: solid 5px #fff;
	}
	#mobile_menu li.full_site a {
		height: 27px;
		line-height: 27px;
		text-align: center;
		color: #FFC20E;
		font-weight: bold;
	}

	#left_sidebar {
		width: initial;
		border: none;
		background: none;
	}	
	#left_sidebar ul li a, #left_sidebar ul li a:visited {width: 100%;}
	#left_sidebar ul li a, #left_sidebar ul li a:visited {padding-left: 0;}
	#left_sidebar ul li {background: none;}
	
	#section_title {
		display: block;
		height: 38px;
		padding: 0 15px;
		font: bold 19px/38px Verdana, sans-serif;
		color: #B10737;
		text-transform: uppercase;
	}
	
	#responsive_submenu {
		display: table;
		width: 100%; height: 26px;
		margin: 0;
		font: bold 10px Verdana, sans-serif;
		background: #B10737;
		color: #fff;
		text-transform: uppercase;
	}
	#responsive_submenu span {
		display: table-cell;
		width: 50px;
		padding: 0 30px 0 15px;
		vertical-align: middle;
		border-left: solid 2px #fff;
		cursor: pointer;
		background: url(images/layout/more_arrow_sprite.png) 54px -4px no-repeat;
	}
	#responsive_submenu span.open {
		background-position: 54px 12px;
	}
	#responsive_submenu .title {
		display: table-cell;
		padding-left: 15px;
		vertical-align: middle;
		line-height: 10px;
	}
	#left_sidebar {
		margin-bottom: 20px;
	}
	#left_sidebar ul {
		background-color: #C2C2C2;
		border-top: solid 1px #fff;
	}
	#left_sidebar ul li {
		padding: 5px 0;
		border-bottom: solid 1px #fff;
		font-size: 10px;
		line-height: 10px;
		text-transform: uppercase;
	}
	#left_sidebar ul li.active {
		background-position: right 3px;
	}
	#left_sidebar ul li a {text-indent: 15px;}
	
	#content_container {
		width: initial;
		padding: 0 15px;
		border: none;
	}
	
	#directory #alphabet {
		width: 100%;
	}
	#directory #alphabet a, #directory #alphabet span {
		display: none;
	}
	#directory #alphabet .active {
		display: inline-block;
		width: 70%;
		padding-bottom: 0;
		color: #fff;
		background: #000 url(images/layout/more_arrow_sprite.png) right -7px no-repeat;
		cursor: pointer;
	}
	#directory #alphabet #all_btn {
		display: inline-block;
		width: 20%;
		padding: 0;
		text-align: center;
	}
	#directory #alphabet select {
		display: inline-block;
		width: 1px; height: 10px;
		opacity: 0;
	}
	#directory #alphabet span.directory_select {
		display: inline-block;
		font-weight: bold;
	}
	.directory_letter .field-item {width: 100%;}

	/*** Research Leadership ***/
	#research-leadership div {margin-right:10px;}
	#research-leadership div:nth-child(5n+1) {clear:none;}
	#research-leadership div:nth-child(5n+0) {margin-right: 10px;}
	#research-leadership div:nth-child(3n+1) {clear:both;}
	#research-leadership div:nth-child(3n+0) {margin-right:0;}
	#research-leadership div:first-child {margin-right:10px;}
	
	/*** Directory ***/
	#directory #edit-sq {width: 200px;}
	#isiglobal-directory-search-form #edit-letter-wrapper {display: block;}
	#isiglobal-directory-search-form #edit-sq {width: 100px;}
	.directory_list .title {display: none;}
	#search-results div {float: none; display: block; margin-top: 5px;}
	
	.news_container #sidebar {
		float: none;
		width: 280px;
		margin: 0 auto;
	}
	.news_container #article table {
		margin: 20px;
	}
	.news_container #article table img {
		max-width: 80%;
	}
	
	
	/*SEARCH*/
	#isiglobal-publications-search-form .form-text, #isiglobal-site-search-form .form-text {
		width: 150px;
	}
	#isiglobal-publications-search-form .form_submit_btn, #isiglobal-site-search-form .form_submit_btn {
		padding: 0 10px;
	}
	
	#home_content {display:none;}
	
	footer .container {
		margin: 0;
		padding-top: 10px;
		border-top: solid 1px #000;
	}
	footer small.copyright, footer small.legal {
		display: block;
		float: none;
		width: 280px;
		margin: 0 auto 5px;
		text-align: center;
	}
	
	/* timeline */
	#timeline_tabs {
		position: relative;
		text-align:center;
	}
	#timeline_tabs div:first-child {margin-left: initial;}
	#timeline_tabs div {
		width: 64px;
		margin: 2px;
		border: none;
		font-size: 13px;
	}
	#timeline_tabs .on {font-weight:bold;}
	.decade {
		width: 100%;
		top: 0;
		margin: 0; padding: 20px 0;
		border: none;
	}
	.decade td.image {display: none;}

}

/* Phone - Landscape */
@media screen and (min-width: 568px) and (max-width: 740px) {
	
}

/* Phone - Portrait */
@media screen and (min-width: 320px) and (max-width: 420px) {
	/*** Research Leadership ***/
	#research-leadership div {margin-right:20px;}
	#research-leadership div:nth-child(5n+1), #research-leadership div:nth-child(3n+1) {clear:none;}
	#research-leadership div:nth-child(5n+0), #research-leadership div:nth-child(3n+0) {margin-right: 20px;}
	#research-leadership div:nth-child(2n+1) {clear:both;}
	#research-leadership div:nth-child(2n+0) {margin-right:0;}
	#research-leadership div:first-child {margin-right:20px;}
}

@media screen and (max-width: 320px) {
	#responsive_submenu .title strong {
		display: inline-block;
		width: 140px;
	}
	
	.news_container #article table {
		margin: 10px 0;
	}
	.news_container #article table img {
		max-width: 100%;
	}
	
	footer small {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	#search_results #pagination span, #search_results .results span {display:none;}
	
	/*** Directory ***/	
	#isiglobal-directory-search-form #edit-letter-wrapper {
		display: block;
		float: none;
		margin-top: 15px;
	}
	#isiglobal-directory-search-form #edit-sq {width: 150px;}
	#search-results div {
		display: block;
		float:none;
		margin-top: 10px;
	}
	
	/*** Contact ***/
	.directions_map {height: 175px;}
}