@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url('/fonts/Roboto-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 100;
	src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fonts/Roboto-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url('/fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic'), url('/fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fonts/Roboto-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fonts/Roboto-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: local('Roboto Black'), local('Roboto-Black'), url('/fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 900;
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fonts/Roboto-BlackItalic.ttf') format('truetype');
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
footer p {
    margin-bottom: 0;
}
.navbar {
    -webkit-box-shadow: 0px 1px 4px #999;
    -moz-box-shadow: 0px 1px 4px #999;
    box-shadow: 0px 1px 4px #999;
}
.nav-item {
	font-size: 120%;
}
div.search {
	visibility: hidden;
}
article, section, div.article, div.section {
	margin-bottom:1rem;
}
.photo {
	margin-bottom: 1rem;
	clear: left;
}
div.photo hr {
	display: block;
	clear: both;
	margin: -0.66rem 0;
}
.figure-caption.credit {
  text-align: end;
  font-size: 80%;
}
.figure-caption.credit a {
  color: #6c757d;
}
.fit {
	max-width: 100%!important;
	height: auto!important
}
span.clear {
	clear: left;
	display: block
}
#tap {
	display: none;
}
.list ol {
	padding-left: 3rem;
	clear: both;
}
.list p {
	margin: .1rem;
	padding-left: 1rem;
	text-indent: -1rem;
}
.list h1, .list h2, .list h3, .list h4, .list h5, .list h6 {
	margin-top: 1rem;
}
.list.krth1 h2 {
	background: #95c9c4;
	padding: 0 0 0 .2rem;
	margin-top: .5rem;
	margin-bottom: 0;
	font-weight: bold
}
.list.krth2 h2 {
	background: #c3bebc;
	padding: 0 0 0 .2rem;
	margin-top: .5rem;
	margin-bottom: 0;
	font-weight: bold
}
.list span.title {
	font-weight: bold;
}
.list span.artist {
	font-weight: 400;
}
.list span.songwriter {
	color: #666;
}
.phlog .date {
	color: #666;
	font-weight: bold
}
.error {
	color: red;
}
form input, #form textarea {
	font-size: 90%;
}
form table {
	margin-bottom: 1rem;
}
form textarea {
	font-family: "Lucida Console", Consolas, Monaco, monospace;
	width: 98%;
}
video, audio {
  width: 100%;
}
/* Carousel */
.carousel {
  margin-bottom: 2rem;
}
.carousel-item {
  background-color: #777;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.50);
  left: 0;
  width: 100%;
  padding: .2rem .2rem;
  z-index: 10;
  position: relative;
  bottom: 0;
  font-size:60%;
}
.carousel-caption p {
    margin-bottom: 0;
    line-height: 1;
}
@media (min-width: 576px) {
  .carousel-caption {
    padding: .4rem .4rem;
  }
}
@media (min-width: 768px) {
  .carousel-caption {
    padding: .6rem .6rem;
    position: absolute;
  }
  .carousel-caption p {
    font-size:120%;
  }
}
@media (min-width: 992px) {
  .carousel-caption {
    padding: .8rem .8rem;
  }
  .carousel-caption p {
    font-size:160%;
  }
}
@media (min-width: 1200px) {
  .carousel-caption {
    padding: 1rem 1rem;
  }
  .carousel-caption p {
    font-size:200%;
  }
}
/* Carousel - END */
@media print {
  .navbar-toggle {
    display: none !important;
  }
  a[href]:after {
    display: none;
  }
  #audio {
    display: none !important;
  }
  #itunes {
    display: none !important;
  }
}