@font-face {
 font-family : 'monotype corsiva';
 font-style  : normal;
 font-weight : normal;
 src         : local('monotype corsiva'), url('../web_fonts/monotype corsiva.woff') format('woff');
}

html {width: 100%; overflow-x: hidden}

body, p, div, iframe {margin:0; padding:0}

body {
 font-family         : Times New Roman;
 font-size           : 16px;
 background-image    : url(../images/background.png);
 background-size     : 256px 256px;
 background-position : 0 0;
 background-repeat   : repeat;
 text-align          : center;
 visibility          : hidden;
}

a               {text-decoration:none}
a:link      {color: #8f0000}
a:visited {color: #8f0000}
a:hover    {color: #ce7603}
a:active   {color: #6f0000}

.fiftypwhite {
 background-image : url(../images/fiftypwhite.png);
 position         : relative;
 border           : solid;
 border-color     : #FFFFFF;
 display          : block;
}

.sidepanel {
 position       : relative;
 z-index        : 1;
 float          : left;
 vertical-align : top;
 margin-left    : 10px;
 margin-right   : 10px;
 padding-top    : 80px;
 display        : block
}
.sidepanel-button-about        {width:100px; background-image : url(../images/button-about.png)}
.sidepanel-button-contact    {width:110px; background-image : url(../images/button-contact.png)}
.sidepanel-button-forum        {width:100px; background-image : url(../images/button-forum.png)}
.sidepanel-button-news          {width:90px ; background-image : url(../images/button-news.png)}
.sidepanel-button-paintings {width:130px; background-image : url(../images/button-paintings.png)}
.sidepanel-button-shop          {width:90px ; background-image : url(../images/button-shop.png)}
.sidepanel-button  {
 position        : relative;
 height          : 45px;
 margin          : 20px auto;
 background-size : contain 45px;
 cursor          : pointer;
 display         : block;
}
.sidepanel-button                             {background-position : 0 0}
.sidepanel-button:hover                  {background-position : 0 50%}
.sidepanel-button-selected            {background-position : 0 100%}
.sidepanel-button-selected:hover {background-position : 0 100%} /* Over-writes ."sidepanel-button:hover". */

.page_header-main {
 text-align  : center;
 padding-top : 5px;
 white-space : nowrap;
 display     : block;
}
.page_header-main img {
 vertical-align : middle;
}

.shop_link_div {
 position   : relative;
 display    : block;
 text-align : center;
}
.shop_link_div-button {
 position         : relative;
 height           : 64px;
 margin           : 5px;
 width            : 131px;
 vertical-align   : middle;
 border-width     : 0;
 background-image : url(../images/shop.png);
 background-size  : 100% auto;
 display          : inline-block;
}
.shop_link_div-button                 {background-position : 0 0}
.shop_link_div-button:hover      {background-position : 0 50%}
.shop_link_div-button-disabled {background-position : 0 100%}

.shop_link_div-text {
 font-family     : monotype corsiva;
 font-size       : 24px;
 font-weight     : 500;
 color           : #8f0000;
 text-decoration : none;
 text-align      : center;
 white-space     : nowrap;
}

div.content_section, p.content_section {
 font-family : serif;
 padding     : 0;
 color       : black;
 text-indent : 20px;
 font-size   : 100%;
 text-align  : left;
 display     : block;
}
p.content_section {
 margin      : 10px 10px 10px 10px;
}
div.content_section {
 position      : relative;
 top           : 1em;
 margin-right  : 16px;
 padding-right : 8px;
 overflow-x    : hidden;
 overflow-y    : auto;
 display       : block;
}

.picture_div {
 -moz-box-sizing : content-box;
 box-sizing      : content-box;
 position        : relative;
 min-height      : 366px;
 margin          : 5px 60px 15px 15px;
 padding         : 0;
 border-width    : 4px;
 border-color    : green;
 border-style    : solid;
 overflow        : hidden;
 display         : block;
}
.picture_div-main_image_wrapper {
 z-index        : 1;
 position       : relative;
 float          : left;
 border         : orange solid 8px;
 text-align     : center;
 vertical-align : top;
 display        : inline-block;
}
.picture_div-main_image {
 position : relative;
}
.picture_div-text_info {
 left           : 8px;
 position       : relative;
 text-align     : left;
 vertical-align : top;
 display        : block;
}
.picture_div-text_info-title {
 position    : relative;
 text-align  : center;
 padding-top : 7px;
 font-family : monotype corsiva;
 font-size   : 28px;
 font-weight : 500;
 color       : #8f0000;
 overflow-y  : auto;
 display     : block;
}
.picture_div-text_info-misc_info {
 position    : relative;
 padding-top : 4px;
 overflow-y  : auto;
 display     : block;
}
.picture_div-text_info-image_description {
 position       : relative;
 bottom         : 0;
 margin-right   : 8px;
 margin-top     : 8px;
 margin-bottom  : 8px;
 overflow-y     : auto;
 display        : block;
}
.picture_div-text_info-image_description > p {
 text-indent   : 1em;
 margin-top    : 4px;
 margin-bottom : 4px;
}
.picture_div-zoom_text {
 position         : absolute;
 z-index          : 1;
 width            : auto;
 height           : auto;
 margin           : 0 auto;
 font-family      : monotype corsiva;
 font-size        : 30px;
 line-height      : 0;
 color            : #ce7603;
 padding          : .6em;
 border           : .2em solid #ffaf67; 
 -moz-box-sizing  : border-box;
 -box-sizing      : border-box;
 border-radius    : .5em;
 background-color : white;
 text-align       : center;
 display          : none;
}
.picture_div-zoom_text:hover {
 color : #8f0000;
}

.preview_div {
 position    : relative;
 margin      : 10px 0 0;
 text-align  : left;
 line-height : 0;
 display     : inline-block;
}
.mini2img {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 left            : 0;
 top             : 0;
 width           : 150px;
 height          : 150px;
 display         : inline-block;
}
.mini2img > div {
 -moz-box-sizing : border-box;
 box-sizing      : border-box;
 position        : relative;
 left            : 0;
 top             : 0;
 width           : 100%;
 height          : 100%;
 display         : block;
}
.mini2img:link {background: #bf7603}
.mini2img:visited {background: #ce7603}
.mini2img:hover {background: #6f0000}
.mini2img:active {background: #8f0000}


/* <Not in use/> */
/*
.pagesearch {
 position       : relative;
 left           : 0;
 top            : 0;
 margin         : 0 0 0 5px;
 padding        : 10px 4px;
 color          : black;
 font-family    : serif;
 background     : orange;
 font-size      : 100%;
 border         : 1px solid #000;
 text-align     : center;
 vertical-align : middle;
 display        : inline-block;
}
*/
/* </Not in use/> */