/* General Layout */
body {
	padding-top: 50px;
	height: 100%;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content {
	position: relative;
	height: 100%;
	width: auto;
	padding: 50px 30px 10px 30px;
	background-color: #eee;
}

@media (max-width: 768px) {
	.content {
		padding: 5px 10px 10px 10px;
	}
}

td {
	padding-right: 10px;
}

/* Navbar */
.navbar-react {
	background-color: #fff;
	opacity: 0.9;
}

.navbar-react .navbar-nav > .active > a,
.navbar-react .navbar-nav > .active > a:hover,
.navbar-react .navbar-nav > .active > a:focus {
	background-color: #eee;
}

.navbar-react .navbar-toggle {
	background-color: #eee;
}

.navbar-react .icon-bar {
	background-color: #fff;
}

.navbar-react .navbar-brand {
	padding: 5px 10px 0 15px;
}

/* Small navigation on top of site */
.nav-subnav {
	padding: 10px 0;
}

.nav-subnav > li > a {
	padding: 3px 5px;
}

.nav-subnav-react > li {
	padding: 3px;
}

.nav-subnav-react > li > a {
	background-color: #c9c9c9;
	padding: 2px;
}

/* Footer */
footer {
	padding: 10px 0;
}

footer a {
	padding: 0px 10px;
}

/* Misc */
li {
	list-style-type: square;
}

/* Callouts */
.callout {
	padding: 5px;
	margin: 10px 0;
	/*margin: 20px 0;*/
	border-left: 5px solid white;
}

/* Media queries */
.media .pub-label {
	width: 75px;
}

/* Utilities */
.relative-link {
	padding-top: 50px;
	margin-top: -50px;
}

/* Seperator */
hr {
	margin: 10px 0;
}

/* Publications */
.pub-year {
	padding-bottom: 5px;
}

/* Fonts */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src:
		local("Open Sans Light"),
		local("OpenSans-Light"),
		url(../../resources/fonts/opensans-light.ttf) format("truetype"),
		url(../../resources/fonts/opensans-light.woff) format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src:
		local("Open Sans"),
		local("OpenSans"),
		url(../../resources/fonts/opensans.ttf) format("truetype"),
		url(../../resources/fonts/opensans.woff) format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src:
		local("Open Sans Semibold"),
		local("OpenSans-Semibold"),
		url(../../resources/fonts/opensans-semibold.ttf) format("truetype"),
		url(../../resources/fonts/opensans-semibold.woff) format("woff");
}

@font-face {
	font-family: "Open Sans";
	font-style: italic;
	font-weight: 400;
	src:
		local("Open Sans Italic"),
		local("OpenSans-Italic"),
		url(../../resources/fonts/opensans-italic.ttf) format("truetype"),
		url(../../resources/fonts/opensans-italic.woff) format("woff");
}

/* heading font size */
h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

/* front page */
.jumbotron li {
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 200;
}

/* The following code is copied from http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height */

/* vertical alignment styles */
.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}

/* columns of same height styles */
.container-xs-height {
	display: table;
	padding-left: 0px;
	padding-right: 0px;
}

.row-xs-height {
	display: table;
	width: 100%;
}

.col-xs-height {
	display: table-cell;
	float: none !important;
}

/* teaching site */
.vsep5 {
	height: 5px;
}

.vsep4 {
	height: 4px;
}

.vsep10 {
	height: 10px;
}

.vsep15 {
	height: 15px;
}

.responsivecenter {
	float: left;
}

.imgalign {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}

.responsivealigntop {
	margin-top: 15px;
	margin-bottom: 0px;
}

.responsivealignbot {
	margin-top: 0px;
	margin-bottom: 8px;
}

.nopadleft {
	padding-left: 0px;
}

.nopadright {
	padding-right: 0px;
}

.book {
	padding-right: 0px;
	margin-bottom: 0px;
	border-width: 0px;
	text-align: center;
	margin-right: 0px;
	line-height: 0.5;
	background-color: #8fa6e6;
}

.book > p {
	margin: 0px;
	padding: 0px;
}

.book_img {
	width: 50%;
	height: 220px;
	display: table-cell;
	vertical-align: middle;
	background-color: #8fa6e6;
}

.bookwrap {
	display: inline-block;
}

.book_text {
	padding: 11px;
	text-align: center;
	background-color: #ffffff;
}

.book_text > p {
	margin: 0px;
	padding: 0px;
}

.onlineversion {
	line-height: normal;
	font-size: 13px;
	padding-top: 25px;
}

.booknopadleft {
	padding-left: 15px;
}

.booknopadright {
	padding-right: 15px;
}

.col-sm-height {
	float: left;
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		width: 100%;
	}

	.col-sm-height {
		display: table-cell;
		float: none !important;
	}

	.book_text {
		height: 220px;
	}
}

.calendar {
	height: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
}

.calendarsmall {
	width: 100%;
	height: 770px;
	seamless: seamless;
	border: none;
	vertical-align: middle;
}

@media (min-width: 992px) {
	.booknopadleft {
		padding-left: 0px;
	}

	.booknopadright {
		padding-right: 0px;
	}

	.responsivealigntop {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.responsivealignbot {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.book_text {
		text-align: left;
	}

	.bookwrap {
		display: inline;
		width: auto;
	}

	.calendarsmall {
		height: 0px;
	}

	.calendar {
		width: 100%;
		height: 590px;
		seamless: seamless;
		border: none;
		vertical-align: middle;
	}
}