body {height:100%;}
html {height:100%;}
#pagecontainer {min-height:100%;position:relative;}
#thefooter {position:absolute; bottom:0;width:100%;height:36px;}

.deadline span {
 color: #922;
 font-weight: bold;
 font-size: 1.1em;
}

.meetingcontent {
 font-family: "Archivo Black", sans-serif;
 font-family: "Merriweather Sans", sans-serif;
 margin: 0 50px;
 padding-top: 0;
 width: 95%;
 font-size: 14px;
}
.meetingcontent table {
 margin: 20px auto;
 width: 90%;
}
.meetingcontent h2 {
 font-family:"Archivo Black", sans-serif;
 font-size: 24px;
 color: #b44;
}
.meetingcontent td {
 vertical-align:top;
}
.meetingcontent .speaker {
 font-weight:bold;
}
.meetingcontent .title {
 font-size:0.9em;
 padding-left:30px;
 font-style:italic;
 font-weight:normal;
}
.meetingcontent .session {
 padding:8px;
 padding-left:10px;
 font-weight:bold;
 background-color: #ccc;
}
.meetingcontent p {
 text-indent:5px;
 margin: 0;
}

.meetingheading {
 font-family: "Archivo Black", serif;
 text-align:center;
 width: 95%;
 margin-left:50px;
}

.meetingheading .innerheading {
 z-index:1;
 background:#fff;
 margin:14px;
 margin-right:130px;
}

.meetingheading h1 {font-size:64px; margin: 0;}
.meetingheading h2 {font-size:36px; margin: 10px;}
.meetingheading h3 {font-size:24px; margin: 8px;}

.prog td {vertical-align: middle; padding-left: 8px;}
.bootcamp {background-color: #add8e6;}
.bootcamplabel {text-align:center; vertical-align:middle; background-color: #add8e6;}
.sched {padding-top:10px;box-shadow:black 15px 15px 20px;border-radius:0 0 10px;}
.day {font-size: 20px; font-weight: bold; line-height:3em; text-align:center; background-color:#ff9;}
.time {font-family:Monospace;padding:5px;}
.meal {font-style:italic; color: #888;}
.indented {text-indent:30px;}
.red {color:red;}
.admin {color:#f82;}

.withshadow {text-shadow:#eee 1px 1px 0px,#555 2px 3px 3px;}

.notices h2 {
 font-size: 20px;
 margin: 0;
}
.notices {
 font-size: 14px;
 background-color: #eeb;
}
.notices:hover {
 background-color: #eeb;
}
.notices:hover .deadline {
 text-decoration: underline;
}

.talktitle {
 font-style: italic;
 font-weight: bold;
}

.committee {
 display: inline-block;
 border-radius: 4px;
 background-color: #eee;
 padding: 8px;
 border: 1px solid black;
 width: 90%;
 box-shadow: 3px 2px 1px #888;
}

/* ref: http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/ */
.nav {
	width: 80%;
	margin: 15px auto;
	font-size: 16px;
	margin-bottom: 0;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #00a4d0;
}

.nav li {
	xxxfont-family: "Amaranth", sans-serif;
	xxxfont-size: 24pt;
	font-weight: bold;
	list-style-type: none;
	xxxborder-radius: 4px;
	border-radius: 4px 4px 0 0;
	background-color: #00a4d0;
	color: #fff;
	padding: 5px;
	padding-left: 12px;
	padding-right: 12px;
	transition: all 0.15s ease;
	margin-left: 1px;
	margin-right: 1px;
	display: inline;
}

.nav a {
	color: #fff;
	display: inline-block;
}

.nav li:hover {
	background-color: #008;
}

.nav li:hover > a {
	color: #fff;
}

.nav a:active {
	position: relative;
	top: 1px;
}

/* ref: http://blixt.org/articles/tabbed-navigation-using-css#section=bonus */
.inactive {
	display: none;
}

@media only screen and ( max-width: 1800px ){
 .nav {
  width: 30%;
  text-align: center;
 }
 .nav li {
  margin: 2px;
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 1.2em;
  border-radius: 4px;
  border-bottom: 1px solid #00a4d0;
  display: inline-block;
 }
}