/* Sticky footer */

* {
    margin: 0;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1em;
}

.footer, .push {
	 height: 1em;
}

.footer {
    color: #777777;
	 font-size: 10pt;
    margin-top: 30px;
	 text-align: center;
}


/* Body (override of Bootstrap's) */
body {
  text-align: left;
}

/* wide enough, justify text */
@media (min-width: 768px) {
	 body {
		  text-align: justify;
	 }

}

/* Main (override of Bootstrap's) */
.main {
  padding: 20px;
  max-width: 900px;
}

/* Img class bottom-aligned */
.img-bottom {
  vertical-align: bottom;
}

/* Add some margin */
.add-padding {
  padding: 10px;
}

/* Links (override of Bootstrap's) */
a {
  color: #99001d;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #99001d;
  text-decoration: underline;
}


/* Headers (override of Bootstrap's) */
h1,h2 {
    color: #99001d;
}


/* Keyboard typesetting (override of Bootstrap's) */
kbd{
	 font-size: 90%;
	 font-weight: bold;
}

/* Container smaller than page width */
.container-narrow {
	 width: 70%;
}

/* Well light */
.well-light {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  background-color: #f2dede;
}

/* Well with stronger emphasis */
.well-strong {
  color: #99001d;
  background-color: #c8c8c8;
}

/* Well with red text */
.well-red {
  color: #99001d;
}

/* Description list horizontal with different text style */
.dl-horizontal-weak dt {
	 color: #707070;
}


/* Nav pills (override of Bootstrap's) */

.nav-pills {
	 background-color: #c8c8c8;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #99001d;
}


/* Badges (override of Bootstrap's)*/

.badge {
  color: #99001d;
  background-color: #c8c8c8;
  line-height: 1.3;
  font-weight: bold;
}


/* Sidebar */

/* Display according to actual width (see below) */
.sidebar {
  display: none;
}

/* Main content on whose side the sidebar appears */
/* Use iff also using sidebar */
.outwrap {
	 min-height: 100%;
	 height: auto !important;
	 height: 100%;
	 padding-right: 0px;
}


/* if display wide enough, display bar on the side */
@media (min-width: 768px) {
	 .sidebar {
		  position: fixed;
		  top: 55px;
		  /* bottom: 10px; */
		  right: 10px;
		  z-index: 1000;
		  display: block;
		  padding: 10px;
		  height: auto;
		  overflow-x: hidden;
		  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		  background-color: #c8c8c8;
		  border-left: 1px solid #eee;
		  border-right: 1px solid #eee;
	 }

	 .nav-sidebar {
		  margin-right: -21px; /* 20px padding + 1px border */
		  margin-bottom: 10px;
		  margin-left: -20px;
	 }

	 .nav-sidebar > li > a {
		  padding-right: 20px;
		  padding-left: 20px;
	 }

	 .nav-sidebar > .active > a {
		  color: #99001d;
	 }

	 /* everything else padded right */
	 .outwrap { 
		  padding-right: 180px;
	 }
}

/* if display not wide enough, display bar horizontally in place */
@media (max-width: 767px) {
	 .sidebar{
		  display: block;
	 }

	 .nav-sidebar {
		  padding-left: 1px;
		  list-style: none;
		  border: 1px solid;
		  border-color: #99001d;
		  border-left-style: none;
		  border-right-style: none;
		  margin-top: 20px;
		  margin-bottom: 20px;
	 }

	 .nav-sidebar > li {
		  float: left;
		  line-height: 0.2;
	 }

	 .nav-sidebar > li > a:hover {
		  background-color: #c8c8c8;
		  line-height: 0.2;
	 }
}


/* Panel primary (override of Bootstrap's) */
.panel-primary {
  border-color: #c8c8c8;
}
.panel-primary > .panel-heading {
  color: #99001d;
  font-weight: bold;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #c8c8c8;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #c8c8c8;
}


/* Contact information (adapted from SE design) */

.portrait {
    margin: 2px;
    margin-bottom: 25px;
}

.portrait img {
   margin: 2px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: 170px;
   max-width: 250px;
}

.contact {
    margin: 2px;
    text-align: left;
    font-size: 13px;
}