/*
html {

}
*/

body {
  font-size: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  background: url("../images/2016-02-13-11-00-45_1080x715.jpg") no-repeat center center fixed; 
  background-color: #66CCFF;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
/*
header {
  float: right;
  width: 77%;
  padding: 0% 0% 2%;
  text-align: center;
}
*/
h1 {
  color: #000000;
  /*text-align: center; */
  font-size: 3rem;
  font-weight: bold;
  margin: 1% 0% 2% 0%;
}
h2 {
  color: #000000;
  /* text-align: center; */
  font-size: 2.5rem;
  font-weight: bold;
}


.sidebar {
}


/* bootstrap */
.navbar {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
  font-size: 100%;
}
.navbar-default .navbar-nav > li > a {
  color: #000099;
  font-size: 100%;
}
.nav > li > a {
  padding: 0px;
}


nav a {
  text-decoration: none;
  font-size: 1.5rem;
}
nav a:hover {
  font-size: 1.6rem;
  text-decoration: none;
}
/* styling navigation.js */
.nav-active {
  font-weight: bold;
}
.nav-sub-title {
  font-size: 1.5rem;
}
/* end of styling navigation.js */


@media screen and (min-width: 768px) {
  .sidebar {
    text-align: center;
    padding: 0.5%;
    margin: 1%;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 20%;
    height: 85vh;
    float: left;
  }
  .mainsection {
/*    float: right;*/
/*    padding: 0%;*/
    width:65vw;
  }
}

/*
.content {
  float: right;
  width: 77%;
}
*/
/*
.padded-item {
  position: relative; 
  float: left;
  padding: 25px;
  margin: 10px;
}
*/


/* imageview.php */
.imageview-th {
  background-color:#000000;
  border-spacing: 0;
}
.imageview-th td {
  padding: 0px;
}
.imageview-th-img {
  height: 50px;
  border: 0px;
}
.imageview-th-top {
  width: 81px;
}
.imageview-th-nav {
  width: 20px;
  border: 0px;
}
.imageview-img-nav {
  width: 50px;
  border: 0px;
}
/* end of imageview.php */


/* treefolder.js */
.treebox {
  text-align: left;
  position:absolute;
  z-index:1;
}
.treeitem {
  position:relative;
  z-index:1;
}

.treeitem a {
  font-size: 100%;
}
.treeitem a:hover {
  font-size: 100%;
}
/* end of treefolder.js */


/* styling thumbnail-and-image-album.js */
.album-wrapper {
  display: table;
  table-layout:fixed;
  width: 70%;
  text-align: center;
  margin: 0 auto;
}
.album-main {
  display: table;
  width: 100%;
}
.album-top {
  /* display: table-row; */
  height: 60px;
  padding: 0px 10px 0px 10px;
}
.album-bottom {
  /* display: table-row;*/
  height: 60px;
  padding: 0px 10px 0px 10px;
}
.album-left {
  display: table-cell;
  vertical-align: middle;
  width: 90px;
  padding: 10px 0px 10px 0px;
}
.album-right {
  display: table-cell;
  vertical-align: middle;
  width: 90px;
  padding: 10px 0px 10px 0px;
}
.album-image {
  display: table-cell;
  border-radius: 30px;
  width: 70%;
  vertical-align: middle;
  margin: 10px;
}

.album-padding-top-0  {padding-bottom:  0px;}
.album-padding-top-1  {padding-bottom:  5px;}
.album-padding-top-2  {padding-bottom: 10px;}
.album-padding-top-3  {padding-bottom: 15px;}
.album-padding-top-4  {padding-bottom: 20px;}
.album-padding-top-5  {padding-bottom: 25px;}
.album-padding-top-6  {padding-bottom: 30px;}
.album-padding-top-7  {padding-bottom: 35px;}
.album-padding-top-8  {padding-bottom: 40px;}
.album-padding-top-9  {padding-bottom: 45px;}
.album-padding-top-10 {padding-bottom: 50px;}
  
.album-padding-bottom-0  {padding-bottom: 50px;}
.album-padding-bottom-1  {padding-bottom: 45px;}
.album-padding-bottom-2  {padding-bottom: 40px;}
.album-padding-bottom-3  {padding-bottom: 35px;}
.album-padding-bottom-4  {padding-bottom: 30px;}
.album-padding-bottom-5  {padding-bottom: 25px;}
.album-padding-bottom-6  {padding-bottom: 20px;}
.album-padding-bottom-7  {padding-bottom: 15px;}
.album-padding-bottom-8  {padding-bottom: 10px;}
.album-padding-bottom-9  {padding-bottom:  5px;}
.album-padding-bottom-10 {padding-bottom:  0px;}

.album-padding-left-0  {padding-left: 50px;}
.album-padding-left-1  {padding-left: 45px;}
.album-padding-left-2  {padding-left: 40px;}
.album-padding-left-3  {padding-left: 35px;}
.album-padding-left-4  {padding-left: 30px;}
.album-padding-left-5  {padding-left: 25px;}
.album-padding-left-6  {padding-left: 20px;}
.album-padding-left-7  {padding-left: 15px;}
.album-padding-left-8  {padding-left: 10px;}
.album-padding-left-9  {padding-left:  5px;}
.album-padding-left-10 {padding-left:  0px;}

.album-padding-right-0  {padding-left:  0px;}
.album-padding-right-1  {padding-left:  5px;}
.album-padding-right-2  {padding-left: 10px;}
.album-padding-right-3  {padding-left: 15px;}
.album-padding-right-4  {padding-left: 20px;}
.album-padding-right-5  {padding-left: 25px;}
.album-padding-right-6  {padding-left: 30px;}
.album-padding-right-7  {padding-left: 35px;}
.album-padding-right-8  {padding-left: 40px;}
.album-padding-right-9  {padding-left: 45px;}
.album-padding-right-10 {padding-left: 50px;}

/* end of styling thumbnail-and-image-album.js */


/* slideshow styling */
.carouselprev,
.carouselnext {
  top: 47.5vh;
  cursor: pointer;
  position: absolute;
  padding: 16px;
  margin: 5px;
  color: white;
  font-size: 5vh;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-user-select: none;
}

.carouselnext {
  right: 0px;
}

.carouselprev {
  left: 0px;
}

.carouselprev:hover,
.carouselnext:hover {
  background-color: rgba(0, 0, 0, 0.3);
}


.carouselimage {
  border-radius: 10px;
}
/* end of slideshow styling */