/*
 * Style tweaks
 * --------------------------------------------------
 */
html {
    position:relative;
    min-height:100%;
}

body,#body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
  min-height:100%;
  padding-top: 70px;
  margin-bottom:60px;
}

.archive-panel{
  margin-bottom: 5px;
  background-color: #222222;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.archive-panel-heading{
  padding:5px 5px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.archive-panel-body{
    padding:5px;
}
.invisble-reduced-panel {
  margin-bottom: 5px;
  background-color: none;
  /*No border*/
  border:none;
  border-radius:0px;
  -webkit-box-shadow:none;
  box-shadow:none;
}


.footer,#footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

h2,
.h2{
  font-family: inherit;
  font-weight: 500;
  line-height: normal;
  color: inherit;
}
hr,
.hr {
    margin:5px;
    padding:5px;
}

.skill-10 {
    width:10%;
}
.skill-20 {
    width:20%;
}
.skill-30 {
    width:30%;
}
.skill-40 {
    width:40%;
}
.skill-50 {
    width:50%;
}
.skill-60 {
    width:60%;
}
.skill-70 {
    width:70%;
}
.skill-80 {
    width:80%;
}
.skill-90 {
    width:90%;
}
.skill-100 {
    width:100%;
}