/* layzilla.com generated css */
/**
 * Layout generated with http://layzilla.com
 * Layout generator is free of use.
 * We appreciate if you leave this comment block in commercial use of generator.
 * All comment and ideas can be submitted to us using contacts below.
 *
 *    site: www.jmholding.com
 *   email: info@jmholding.ru
 *  twitter: @jmholding
 */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.content {
  min-height: 100%;
  position: relative;
  overflow: auto;
  z-index: 0;
}

.background {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}

.top_block {
  width: 100%;
  display: block;
}

.left_block {
  display: block;
  float: left;
}

.right_block {
  display: block;
  float: right;
}

.center_block {
  display: block;
  width: auto;
}

.header {
  width: 100%;
  height: 150px;
  background-color: #336600;
  color: #FFFFFF;


  /* fallback */ background-color: #336600;
  background-image: url(images/linear_bg_1.png);
  background-repeat: repeat-y;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#336600), to(#C4FFFF));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #336600, #C4FFFF);
  /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #336600, #C4FFFF);
  /* IE 10 */ background: -ms-linear-gradient(left, #336600, #C4FFFF);
  /* Opera 11.10+ */ background: -o-linear-gradient(left, #336600, #C4FFFF);
  background-image:url('fractalHead.png');
}

.background.sidebar {
  height: auto !important;
  padding-bottom: 0;
  left: 0;
  width: 250px;
  background-color: #336600;
  color: #FFFFFF;
  margin-top: 102px;
  margin-bottom: 91px;
  background-image: url('sidecurl.png');
  background-size:100% 200px;
  background-repeat:no-repeat;
  /*background-attachment:fixed;*/
  background-position:bottom;
}

.sidebar {
  height: auto;
  width: 250px;
  padding-bottom: 91px;
}
.sidebar a:link,
.sidebar a:visited,
.sidebar a:hover {
  color:#FFFFFF;
}

.background.block_4 {
  height: auto !important;
  padding-bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
  margin-top: 102px;
  margin-bottom: 91px;
  margin-left: 203px;
}

.block_4 {
  width: auto;
  height: auto;
    padding: 3rem;
  color: #000000;
}
/* End layzilla.com generated css */

.fill {
  height: 100%;
  width: 100%;
}

.intro {
  font-style:italic;
  text-align:center;
  line-height:2em;
  font-family: arial, verdana, sans-serif;
  font-size:120%;
  width: 75%;
  margin-left:auto;
  margin-right:auto;
  /* height: 100%; */
}
.logo {
  text-align:left;
  line-height:1em;
  font-family: arial, verdana, sans-serif;
  font-size:800%;
  margin-left:auto;
  float:left;
  position: relative;
  text-shadow: 5px 5px 5px #232323;
  padding: 0 0 20px 0;
}
.headerblock{
  display: flex;
  justify-content: space-between;
}
.headerlogoblock{

}
.headerhead {
  font-style:bold;
  text-align:left;
  line-height:1em;
  font-family: arial, verdana, sans-serif;
  font-size:400%;
  margin-left:auto;
  margin-right:auto;
  float:left;
  position: relative;
  padding: 25px 0 0 0;
  text-shadow: 5px 5px 5px #232323;
}
.headerlinks {
  text-align:right bottom;
  line-height:0em;
  font-family: arial, verdana, sans-serif;
  font-size:80%;
  margin-right:auto;
  float:right;
  position: absolute;
  right: 50px;
  bottom: 50px;
  display: flex;
  flex-wrap: wrap;
}

.headerlinks a {
  padding: .5rem;
  margin: .5rem;
}
.notice {
  font-size:80%;
  line-height:2em;
  font-family: arial, verdana, sans-serif;
}
.boxed {
  padding: 5px 5px 5px 5px;
  background: #C8C8C8;
}
.quote {
  font-style:italic;
  text-align:right;
  line-height:2em;
  font-family: arial, verdana, sans-serif;
  font-size:120%;
  width: 75%;
  margin-left:auto;
  margin-right:auto;
}
.fb-like-box {
  left: 50%;
}

.equation-fullsize {
  font-size:3rem;
  font-family: Arial, sans-serif;
}
.equation-innertext {
  max-width: 24vw;
  display: flex;
  flex-direction: column;
}
.equation-super {
  font-size: .75rem;
}
.equation-references {
  font-size: .75rem;
}
.equation-outer-block {
  flex-basis: 28vw;
  display: flex;
  flex-wrap: nowrap;
}
.equation-upper {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: black;
  max-width: 24vw;
}
.equation-lower {
  max-width: 24vw;
}
.equation-display {
  display: flex;
  flex-wrap: nowrap;
}
.chaosNav {
  padding: .25rem;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  background-color: #ddd;
  color: #333;
}
.chaosVerses {
  padding: .25rem;
  border-color: #625d4d;
  border-style: solid;
  border-width: 1px;
  background-color: #e3d9bb;
  color: #2a2821;
}
.chaosAppend {
  padding: .25rem;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  background-color: #ddd;
  color: #333;
}

.chaosNav form{
    display: inline-block;
}