/* FONTS *********************************************************************/

@import url('https://fonts.googleapis.com/css?family=Gentium+Basic');

body {
	font-family: sans-serif;
}

/* BODY **********************************************************************/

body {
	margin: 0;
	padding: 0;
	overflow-y: scroll; /* force scrollbar to avoid jerking when navigating between pages */
}

a {
	color: #444;
	text-decoration: none;
}

ul.slick {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.clear {
	clear: both;
}

/* NAV ***********************************************************************/

ul.horizontal-float {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.horizontal-float li {
	float: left;
}

nav {
	font-family: sans-serif;
	text-transform: uppercase;
}

nav a {
	border: none;
}

div#topbar {
	height: 50px;
	/*background: #222 url(topbar.jpg);*/
	background: #822;
	color: #eee;
}

div#topbar a {
	color: #eee;
}

div#topbar-container {
	max-width: 800px;
	margin: auto;
	padding-top: 17px;
	padding-left: 20px;
	padding-right: 20px;
}

div#topbar-container h1 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
}

li#hamburger {
	float: right;
	font-size: 16px;
	margin: 0;
	display: none;
}

li#hamburger img {
	margin-right: -17px;
	margin-top: -17px;
}

div#navbar {
	max-width: 800px;
	margin: auto;
	padding: 20px;
}

ul#navbar-ul li {
	margin-right: 15px;
}

div#navbar a {
	font-weight: bold;
}

div#navbar a.active {
	border-bottom: 2px solid #822;
}

@media screen and (max-width: 800px) {
	ul#navbar-ul li {
		float: none;
		display: block;
		margin-bottom: 20px;
	}

	div#navbar {
		padding-bottom: 0;
		display: none;
	}

	div#navbar.responsive {
		display: block;
	}

	li#hamburger {
		display: list-item;
	}
}

/* MAIN **********************************************************************/

main {
	max-width: 800px;
	margin: auto;
	padding: 20px;
	font-family: 'Gentium Basic', serif;
	color: #444;
}

figure#page-picture {
	margin-left: 0;
}

@media screen and (min-width: 800px) {
	figure#page-picture {
		float: right;
		margin-top: 0;
		margin-left: 40px;
	}

	h1 {
		margin-top: 0;
	}
}

@media screen and (max-width: 800px) {
	figure#page-picture img {
		max-width: 100%;
	}

	h2#h1home {
		display: none;
	}
}

main h2 {
	font-size: 30px;
}

main h3 {
	font-size: 25px;
}

main a {
	color: #822;
	text-decoration: underline dotted #ebadad;
}

main a.img {
	border: none;
}

/* SCHEDULE *******************************************************************/

td {
 vertical-align: top;
 padding-right: 2ex;
}
tr.schedule-row>td {
 padding-bottom: 2ex;
}
td.schedule-date {
 font-weight:bold;
 width:8ex
}
.schedule-important {
 color:#FF0000
}
.schedule-topic {
 font-weight:bold
}
.schedule-info>p {
 margin:0;
 margin-bottom:1ex
}

/* BADGES *********************************************************************/

span.badge {
	font-family: sans-serif;
	font-size: smaller;
	text-transform: uppercase;
}

span.badge a:link {
	border-bottom: 1px dotted #ebadad;
}

span.badge-award::before {
	content: "🏆 ";
}

span.badge-code::before {
	content: "💻 ";
}

span.badge-demo::before, span.badge-poster::before, span.badge-slides::before {
	content: "📢 ";
}

span.badge-paper::before {
	content: "📄 ";
}

/* FOOTER ********************************************************************/

p.footer {
	font-family: 'Open Sans', sans-serif;
	font-size: x-small;
	margin-top: 75px;
	text-transform: uppercase;
}

p.footer a {
	border-bottom: none;
}