.about-body {
  text-align: center;
  padding-top:30px;
  background-color: #F3F6EF;
}
.picture-gallery-body {
  text-align: center;
  padding-top:30px;
}

.body-main{
  vertical-align:top;
  padding-top:30px;
  background-color: #F3F6EF;
}
/*landing page*/
.landing-image{
  background-image: url('../images/main.jpg');
  width:850px;
  height:602px;
  position:relative;
}
.landing-wrapper{
  position:absolute;
  bottom:0;
  right:0;
}
.landing-content{
  float:left;
  padding-right:10px;
  padding-bottom:10px;
}

.next-button-container{
  text-align:left;
}

/*bottom menu customization*/
.site-bottom-nav > ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.site-bottom-nav > ul > li a {
    float: left;
    text-decoration: none;
    padding: 0.2em 0.6em;
    color: black;
    font-weight: bold;
}

.site-bottom-nav > ul > li a:hover {
    text-decoration: none;
}

.site-bottom-nav > ul > li a.active{
    text-decoration: none;
    background-color: #42AACC;
    color: white;
}

.site-bottom-nav > ul > li {
    display: inline;
}
/*end bottom menu*/

/*left menu*/
.left-menu-container{
  padding-top:30px;
}
.menu_simple {
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
}
.menu_simple ul {
    margin: 0;
    padding: 0;
    width:210px;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: scroll;
}

.menu_simple ul li {
  border-bottom: 1px solid darkgray;
  background-color: #C4C4C3;
}

.menu_simple ul li:last-child {
  border-bottom: 0px;
}


.menu_simple ul li a {
    text-decoration: none;
    padding: 10.5px 11px;

    display:block;
    color: black;
}

.menu_simple ul li.current {
    background-color: #F9F9F9;
    border-left: 5px solid #42AACC;
}

.menu_simple ul li a:hover {
    background-color: white;
}

/*end left menu*/
/*text content*/
article.content{
  background-color: #eef;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  font-size: 15px;
  text-align: left;
  padding: 10px;
}
pre.content{
  background-color: #eef;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 17px;
  text-align: left;
  padding: 10px;
  overflow: auto;
  /*max-height: 500px;*/
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
div.biograhpy-content{
  background-color: #FFFFFF;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 17px;
  padding: 10px;
  overflow: auto;
  text-align:justify;
  text-justify: distribute-all-lines;
}

/*end text content*/

/*poem styles*/
.div-container {
  height: auto;
  overflow: hidden;
}

.left-fixed {
  float: left;
  width: 202px;
}

.right-flex {
  width: auto;
  float: none;
  overflow: hidden;
}
.poem{
  text-align:left;
  overflow-y: scroll;
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 17px;
  overflow: auto;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/*poem*/

/*small icon for memories left menu*/
.menu_simple ul li img.small-user{
    width: 32px;
    height:36px;
}


/*Pictures*/
.thumbnails
{
  overflow-x:scroll;
  overflow-y:hidden;
  white-space:nowrap;
  height:60px;
  -webkit-overflow-scrolling: touch;
}
.picture-content{
  overflow-y: scroll;
}
a.picture-link{
  text-decoration:none;
}
a.picture-link:hover{
  text-decoration:none;
}
/* About bohdan page*/
.aboutContext{
  overflow-y:scroll;
}
/*Memories*/
.memory-wrapper{
  max-width: 700px;
}
/*End memories*/

/*IOs scrollbar issues*/
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}