/*
 * CSS hestia/graph-v2.css
 */

.graph-only {
  display: none;
}
#graph li {
  padding-right: 5px;
}
#graph li span {
  font-size: 150%;
  line-height: 40px;
}
#graph img {
  border-radius: 8px;
  border: 1px hidden black;
  width: 100%;
}
li > a.highlighted {
  text-shadow:1px 1px 0 #444;
  font-weight: bold;
}
li > a.highlighted:hover {
}
/*
 * graph period selector
 */
div#graph ul {
  /* border: 1px solid cyan; */
  list-style-type: none;
}
div#graph-header {
  padding-top: 5px;
  margin-bottom: 20px;
}
ul#graph-period-selector {
  display: inline;
  margin: 0;
  margin-right: 10px;
  padding: 5px;
}
ul#graph-period-selector > li {
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid white;
}
ul#graph-period-selector > li.selected {
  color: cyan;
  font-weight: bold;
}
ul#graph-period-selector > li:last-child {
  border-right: 0;
}

div#graph-body {
  padding-top: 15px;
}
div#graph-body i {
  margin-top: 15px;
  margin-bottom: 10px;
}
div#graph-body i > span {
  margin-left: 10px;
  font-family: 'sans-serif';
  font-weight: bold;
  font-size: 100%;
}
#hmenu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#hmenu > ul > li {
  float: left;
  text-align: center;
  width: 13%;
}
#hmenu > ul > li > a {
  text-decoration: none;
}
.active {
  color: cyan;
  font-weight: bold;
  margin: 0;
  margin-bottom: 2px;
  background: black;
}
#bottom ul.menu > li {
  width: 25%;
  font-size: 80%;
}
@media screen and (orientation:landscape) {
  #left {
    padding-top: 10px;
  }
  #graph-header {
    font-size: 80%;
    background: black;
  }
  #graph-header i {
    font-size: 100%;
  }
  #graph-body {
    margin-top: 40px;
  }
}
@media screen and (orientation:landscape) and (min-width: 840px) {
  #left {
    padding-top: 0;
  }
}
@media screen and (orientation:portrait) {
/*
  div#graph-header {
    margin-top: 20px;
    background: silver;
  }
*/
  div#graph-body {
  }
}