/* CSS Document 
Institutional Creme: 		#EDEBD5
Dark Creme: 				#CAC8B5
Dark Creme Border:			#BAB8A7
Brick Red:					#7b2e00
Dark Warm Gray	:			#6D6D62
*/


.desktop-hide {
	display: none;
}

@media only screen and (max-width: 600px) {
	.wp-caption {
		width: 100% !important;
		border-bottom: 1px solid #fff;
		margin-right: 0px !important;
		background: #444 url(../images/construction-gray.gif);
	}

	#content .wp-caption img {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	#content  .wp-caption-text {
		margin-right: 0px;
	}

}

@media only screen and (max-width: 960px) {

.mobile-hide {
	display: none;
}
	
#content .element {
	width: 98%;
	margin: 0 10px 20px 0;
	float: left;
	min-height: 180px;
}


.skip-to-nav {
	z-index: 100;
	position: absolute;
	text-indent: -999999px;
	text-decoration: none;
	display: block;
	text-align: center;
	top: 0px;
	right: 0;
	padding-left: 16px;
	height: 60px;
	width: 44px;
	line-height: 44px;
	text-shadow: 0px -2px 0px #000;
}

.skip-to-nav .text {
	text-indent: -999999px;
	margin-top: 18px;
	height: 24px;
	width: 26px;
	display: block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAG0lEQVQIW2NkYGD4zwgmzpw5g0wAxRhAEhACACddDDAxtcswAAAAAElFTkSuQmCC);
}

.desktop-hide {
		display: block;
}


/*//////////Controls placement of link to Engineering Home */
	
		#header {
			clear: both;
			position: relative;
			background: none;
			border-bottom: none;
			max-height: 120px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			border-bottom: 1px solid #111;
			height: 60px;
			background-image: linear-gradient(bottom, rgb(34,34,34) 0%, rgb(67,67,67) 100%);
			background-image: -o-linear-gradient(bottom, rgb(34,34,34) 0%, rgb(67,67,67) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(34,34,34) 0%, rgb(67,67,67) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(34,34,34) 0%, rgb(67,67,67) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(34,34,34) 0%, rgb(67,67,67) 100%);
			
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(34,34,34)),
				color-stop(1, rgb(67,67,67))
			);		
			}
		
		#title-box.up,
		#title-box.down {
		top:12px;
		left: 2%;
		}
		
		
		
		
		
		#engineering a {
			background-size: 100% 200%;
			width: 200px;
			height: 35px;
			margin-left: 40px;
			}
	
		#engineering a:hover {
			background-size: 100% 200%;
			}

		#missouri a {
			background-size: 100% 200%;
			height: 42px;
			width: 43px;
			margin-left: -5px;
			top: 0px;
			z-index: 100;
		}
	
		#missouri a:hover {
			background-size: 100% 200%;
		}
		

		
		.page-wrapper {
			border-top: none;;
			padding-top: 0px;
			
		}

		.social-media {
			display: none;
		}
		
		#horizontal-nav {
			display: none;
			}		
					
		#header #search {
			margin-top: 70px;
			margin-bottom: 10px;
			clear: both;
		}
	
			
		.search-box-container {
			width: 82%;
			margin: none;
			float: left;
		}

		.search-button-container {
			float: left;
			margin: none;
			width: 15%;
		}


		 #header .social-media {
			 display: none;
		 }
		
		
				.tabbed-nav ul li:nth-child(1) a {
					padding-left: 10px !important;
				}
				

				.home-slider-nav.tabbed-nav ul li a {
					padding: 0 4px 10px 4px;

				}
		#breadcrumbs,
		#content #breadcrumbs {
				display: none;
		}

		#content .child-nav li,.child-nav li {
			list-style: none;
			float: none;
			display: block;
			margin: 0 0 0px 0px;
			padding: 0px;
			font-size: 120%;
			}
		

	#content ul.recent-posts li {
		width: 140px;	
		margin: 0 5px 10px 0px;
	}
		#content ul.recent-posts li a {
			height: 210px;
			padding: 10px;
			margin-bottom: 10px;
			overflow: hidden;
		}


		
/* Thickbox styles are totally obnoxious. Below must have !important in order to work. All of the attributes (especially the order they appear in) are necessary as well */

#TB_window {
	max-width:700px;
	height: auto;
	width:96vw !important;
	margin-top:0px !important;
	margin-left:0px !important;
	margin-right:0px;
	top:15% !important;
	bottom:20% !important;
	left:2% !important;
	right:2% !important;	
	overflow-x: hidden !important;
	overflow-y: auto !important;
	box-shadow: 0px;
}

#TB_closeAjaxWindow {
	padding:0px !important;
	margin-right:5% !important;	
	margin-top:-4% !important;
}

#TB_title,
#TB_ajaxWindowTitle {
	width:100% !important;
	padding-right:0px;
	padding-left:0px;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;

}

#TB_ajaxContent {
	width:90% !important;
	padding-right:0px;
	padding-left:0px;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;
	margin-bottom:20px !important;
}
				
		#sidebar {
			display: none;
		}

		.widget_recent_entries {display: none;}

		#footer {
			padding-bottom: 100px;
		}
		
		#footer h3 {
			margin-left: 10px;
		}
		
		#footer h3 a {
			font-size: 120%;
			display: block;
			background: #222;
			padding: 10px 10px 10px 10px;
			text-shadow: 0px -1px 0px #000;
			margin-left: -10px;
			-moz-border-radius: 		5px;
			-webkit-border-radius:	5px;
			border-radius: 				5px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
background-image: linear-gradient(bottom, rgb(35,35,35) 0%, rgb(52,52,52) 100%);
background-image: -o-linear-gradient(bottom, rgb(35,35,35) 0%, rgb(52,52,52) 100%);
background-image: -moz-linear-gradient(bottom, rgb(35,35,35) 0%, rgb(52,52,52) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(35,35,35) 0%, rgb(52,52,52) 100%);
background-image: -ms-linear-gradient(bottom, rgb(35,35,35) 0%, rgb(52,52,52) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(35,35,35)),
	color-stop(1, rgb(52,52,52))
);


}
		
		
		#footer li a {
			font-size: 120%;
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #cccccc;
			padding: 12px 0 12px 10px;
		  }

		  .footer-departments  {
			  display: none;
		  }
		  .footer-primary-nav {
		  }




} /*Closing Media Query*/


/* CSS Document 
Institutional Creme: 		#EDEBD5
Dark Creme: 				#CAC8B5
Dark Creme Border:			#BAB8A7
Brick Red:					#7b2e00
Dark Warm Gray	:			#6D6D62
*/