@import url("hamburgers.min.css");

body {
  font-family:"myriad-pro-1", "myriad-pro-2", "helvetica", Arial, sans-serif;
  font-size:12px;
  line-height:18px;
  padding:0px;
  margin:0px;
}
body.error #content {
  width:960px;
  margin:20px auto;
  float:none;
}
a { color:#000000; }
a:hover { text-decoration:none; }
a img { border:0px; }
.color { background-color:#00ffff; }
div.clear { clear:both; }
.clearfix:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }
div#content-wrapper {
  margin-left:15%;
  width:85%;
  min-width:800px;
  min-height:400px;
  overflow:hidden;
  position:relative;
}
div#content-pane {
  width:10000px;
  position:absolute;
  top:0px;
  left:0px;
}
div.pane {
  float:left;
  width:780px;
  position:relative;
}
div#sidebar {
  width:220px;
  display:inline-block;
  vertical-align:top;
}
div#sidebar #sidebar-content { z-index:10; }
div#content {
  width:552px;
  display:inline-block;
  vertical-align:top;
}
div.pane div.gallery { width:772px; }
header {
  display:block;
  font-size:14px;
  font-style:italic;
  margin-bottom:9px;
}
header a { text-decoration:none; }
article section {
  margin:0px 24px 24px 0px;
  text-align:justify;
  position:relative;
  display:inline-block;
  zoom:1;
  *display:inline;
  vertical-align:top;
}
article section.one-col { width:528px; }
article section.two-col { width:250px; }
article section h2 {
  font-size:12px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}
article section h2+p { margin-top:0px; }
article section img.left {
  float:left;
  margin:0px 18px 18px 0px;
}
article section img.right {
  float:right;
  margin:0px 0px 18px 18px;
}
article section ul li { list-style:circle; }
article section ul, article section ol { padding-left:15px; }
article section.gallery img {
  width:132px;
  height:96px;
  margin:0px 0px 18px 0px;
  float:left;
}
article p.error-404 {
  font-size:80px;
  line-height:100px;
  margin:0;
}
article p.error-404 span {
  padding:0 25px;
  background-color:#00ffff;
}
div.gallery div.controls {
  clear:both;
  font-size:12px;
  line-height:12px;
  font-weight:bold;
  height:22px;
  margin-top:24px;
  position:relative;
}
div.gallery div.controls a {
  display:inline-block;
  text-decoration:none;
  color:#000000;
  background-color:#ffffff;
  padding:0px 4px 3px;
  cursor:pointer;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}
div.gallery div.controls a:hover {
  background-color:#000000;
  color:#ffffff;
}
div.gallery div.controls .current, div.gallery div.controls .total {
  width:20px;
  display:inline-block;
  text-align:center;
}
div.gallery div.controls .description { font-weight:normal; }
div.gallery div.controls .description, div.gallery div.controls .title {
  display:inline-block;
  padding-left:10px;
}
div.gallery div.controls .close-btn {
  display:inline-block;
  margin-left:6px;
  background-color:#00ffff;
}
div.gallery div.image {
  clear:both;
  position:relative;
}
div.gallery div.image img {
  position:absolute;
  top:0px;
  left:0px;
  max-width:772px;
}
div.edit-pane {
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
}
@media screen and (max-width: 992px) {
  body {font-size:24px; line-height:28px}
  h1, h2, h3, h4, h5, h6 {font-size:32px!important; line-height:36px!important}
  div#content-wrapper {margin-left: 3%; width: 97%;}
  div#content {width: auto; margin-top: 160px!important;}
  div#content span {font-size:18px!important;}
  div#content article {top:0!important;}
  div#content article section.one-col, div#content article section.two-col {width: auto;}
  #sidebar-content {margin-top: 15px!important;}
  #sidebar-content, #main-menu > li {background: rgba(255,255,255,0.8);}
  nav#nav-main {top: 67px!important;}
  nav#nav-main ul li:last-of-type {padding-bottom:25px;}
  nav#nav-main ul li {position: relative!important; top:auto!important; width: auto!important;}
  .level-1 {top:auto!important; left: 250px!important; z-index:9;}
  .level-2{ left: 70px!important; z-index:99;}
 .pane-1{width:100%;}
 #sidebar-content header {display:none;}
 .hamburger {z-index:9; position:relative;background:white;padding: 20px 15px 15px 15px!important;}
 div#sidebar {width: auto; position: absolute; z-index:999; scale:1.8;position: fixed!important;}
    nav#nav-main ul.overlay {background: none;}
    article section img.large {width: 100%;}
}