html,body
{  margin: 0;
   padding: 0;
   color: #333;
   background: #8c8580;
   line-height: 140%;
   font-size: 16px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}
img
{  border: 0;
}
h1
{  line-height: 140%;
   font-size: 40px;
   font-weight: normal;
   margin: 0 0 0 0;
}
h2
{  line-height: 140%;
   font-size: 20px;
   font-weight: normal;
   margin: 0 0 0 0;
}
h3
{  line-height: 140%;
   font-size: 16px;
   font-weight: normal;
   margin: 0 0 0 0;
}

/* Links */
a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  color: #000000;
}
a:hover {
  color: #008cba;
  text-decoration: underline;
}
a:active {
  color: #ffffff;
}

a.bodylink:link {
  color: #0000ff;
  text-decoration: underline;
}
a.bodylink:visited {
  color: #0000ff;
}
a.bodylink:hover {
  color: #008cba;
  text-decoration: underline;
}
a.bodylink:active {
  color: #ffffff;
}

/* Header items */
#headerLink a
{  color: #ffffff;
   text-shadow: 0px 1px 0px rgba(3,3,3,.45);
   text-decoration: none;
}
#headerLink a:hover
{  text-decoration: none;
}

/* Right-menu items */
.linkRightMenu
{
  color: #000000;
  
}


/* fonts */
@font-face {
   font-family: 'poiret';
   src: url('/resources/fonts/PoiretOne-Regular.ttf') format('truetype');
}
@font-face {
   font-family: 'pistara';
   src: url('/resources/fonts/Pistara.otf');
}

/* Site-specific text */
.ADHeaderFontPis
{  font-family: 'pistara';
   color: #ffffff;
}
.ADHeaderFontPoi
{  font-family: 'poiret';
   color: #ffffff;
}

/* Text attributes */
.archiveTitleFont
{  color: #000000;
   font-family: 'pistara';
   font-size: 40px;
}
.postTitleFont
{  color: #000000;
   font-family: 'pistara';
   font-size: 40px;
   line-height: 140%;
}
.postTitleLinkFont
{  text-decoration: none;
   font-family: 'pistara';
}
.postTitleLinkFont:hover
{  text-decoration: none;
}
.postSubTitleFont
{  color: #000000;
   font-family: 'pistara';
   font-size: 30px;
}
.postArchiveSubTitleFont
{  color: #000000;
   font-family: 'poiret';
   font-size: 25px;
}
.postDateFont
{  color: #ffffff;
   font-size: 12px;
}
.postPermalinkFont
{  color: #ffffff;
   font-size: 11px;
}
.postBodyFont
{  text-align: justify;
   text-justify: inter-word;
}
.postArchiveItemFont
{  color: #000000;
   font-size: 16px;
}
.imageTextFont
{  font-size: 15px;
   font-style: italic;
   color: #777777;
}
.menuLatestItemsFont
{  color: #008cba;
   font-size: 12px;
}
.menuArchiveItemsFont
{  color: #008cba;
   font-size: 12px;
}
.footerFont
{  font-family: 'pistara';
}

/* Page Layout Attributes */
.archiveTitlePosition
{  padding-top: 30px;
   padding-bottom: 20px;
   text-align: center;
}
.postTitlePosition
{  padding-top:40px;
}
.postSubTitlePosition
{  padding-top:15px;
}
.postArchiveSubTitlePosition
{  margin-top: 25px;
}
.postDatePosition
{  margin-top: 25px;
}
.postPermalinkPosition
{  margin-top:15px;
}
.postBodyPosition
{  padding-top:0px;
}
.imageTextPosition
{  margin-top:5px;
}
.postArchiveItemPosition
{  margin-top: 15px;
   margin-left: 20px;
}
.menuLatestItemsPosition
{  margin-top: 2px;
}
.menuArchiveItemsPosition
{  margin-top: 2px;
}

/* Flexbox Items */
.flex-container
{  display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: stretch;
}
.main-sidebar-left
{  background:#6989ba;
   order: 1;
}
.main-content
{  width: 800px;
   background: #d6cbbf;
   padding-left: 30px;
   padding-right: 50px;
   order: 2;
}
.main-nav
{  width: 250px;
   background: #d6cbbf;
   padding-right: 30px;
   order: 3;
}
.main-sidebar-right
{  background:#6989ba;
   order: 4;
}

/* Decorations */
.onePXRowBlack
{  width: 100%;
   height: 1px;
   background-color: #000000;
}
.onePXRowWhite
{  width: 100%;
   height: 1px;
   background-color: #ffffff;
}
.separatorLineBlack
{  width: 100%;
   height: 1px;
   background-color: #000000;
}
.separatorLineGrey
{  width: 100%;
   height: 1px;
   background-color: #e0e0e0;
}
.popQuoteBox
{  background-color: #ffffff;
   color: #000000;
   font-size: 18px;
   display: inline-block;
   line-height: 140%;
   padding: 15px;
   margin-bottom:10px;
   border: 1px solid;
   border-color: #999999;
   border-top-width: 4px;
   border-bottom-width: 4px;
   box-shadow: 10px 10px 5px 0px rgba(94,94,94,0.75);
   background-image: url("https://www.maxlark.com/images/quote_box_quote.png");
   background-repeat: no-repeat;
}
.highlightBox
{  background-color: #008cba;
   color: #ffffff;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
   border-radius:10px;
   border: 1px solid;
   border-color: #000000;
}

/* Form items */
.signUpBoxFormat
{  font-size: 18px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
   background-color: #ffffff;
   border: solid #000000 1px;
}
.button
{  display: inline-block;
   border: 1px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   padding: 5px 24px 7px;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
   color: inherit;
   text-align: center;
   text-decoration: none;
}
.button.moreInfo
{  border-color: rgba(0, 0, 0, .4);
   color: #fff;
   background: -webkit-linear-gradient( #6989ba, #6989ba);
   background: -moz-linear-gradient( #6989ba, #6989ba);
   background: -ms-linear-gradient( #6989ba, #6989ba);
   background: -o-linear-gradient( #6989ba, #6989ba);
   background: linear-gradient( #6989ba, #6989ba);
   background-color: #6989ba;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
}
.button.moreInfo:active
{  background: -webkit-linear-gradient( #7e99c0, #7e99c0);
   background: -moz-linear-gradient( #7e99c0, #7e99c0);
   background: -ms-linear-gradient( #7e99c0, #7e99c0);
   background: -o-linear-gradient( #7e99c0, #7e99c0);
   background: linear-gradient( #7e99c0, #7e99c0);
   background-color: #7e99c0;
}