#content_container {
	max-width: 750px;
}

#gaye {
	max-width: 250px;
	width: 100%;
	float: right;
	padding: 15px;
	display: block;
}

#thoughts {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

#mode_switch {
	text-align: center;
	background: #dadada;
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

#mode_switch a {
	display: inline-block;
	padding: 4px 7px;
	border: 1px solid #CCC;
	background: #f0f0f0;
	color: #828282;
}

#mode_switch a:hover {
	text-decoration: none;
	box-shadow: 0 0 3px #AAA;
}

#mode_switch a:active {
	box-shadow: 0 0 3px #AAA inset;
}

#mode_switch a.current {
	pointer-events: none;
	background: #d5dde5;
	/*box-shadow: 0 0 5px #CCC inset;*/
	/*color: #FFF;*/
}

#mode_switch .mode:first-of-type {
	border-right: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#mode_switch .mode:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#thoughts_top_space {
	height: 15px;
}

.thoughts_header {
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #7da3cb;
}

.separator {
	height: 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

ul {
	padding-left: 15px;
}

li {
	list-style: disc;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 15px;
}

.bio_container {
	padding: 15px;
}

iframe {
	display: block;
}

.faculty_info {
	margin-bottom: 15px;
}

@media (max-width: 750px) {
	
	#content_container {
		margin: 0;
		border: none;
		box-shadow: none;
	}
	
	#bg_image {
		background: #525252;
		opacity: 1.0;
	}
	
	.mobile_only {
		display: block;
	}
	
}

@media (max-width: 450px) {
	
	#gaye {
		max-width: 280px;
		box-sizing: border-box;
		width: 100%;
		float: none;
		padding-bottom: 0;
	}
	
}