body {font-family: Verdana, Geneva, sans-serif; margin:0; padding:0;background:#ffeed0;font-size:16px;color:#655542;}
body, body div {box-sizing: border-box;}
a {color:#9c550b; text-decoration:underline;}
a:hover {text-decoration:overline;}

#header { position:relative;text-align:center;padding: 10px 10px 20px;}
#logo {display:block;font-size: 4em; font-family: Noto Serif, georgia;margin: 10px 0 0;padding:0; font-weight: normal;text-align:center;line-height:1;}
#logo a, #logo a:visited {text-decoration:none;color:#845627;}
#userMenu {display:inline-block;margin: 10px;font-size:1.1em;color:#655542;}

#menu {display:inline-block; margin: 10px;font-size:1.1em;color:#655542;}
#menuWrapper {display:none;position:relative; background:#fff9ed;padding:20px 5%;}
#menuWrapperInner {max-width:700px;margin:0 auto;}
#menuWrapper li {display:block;width:100%;list-style:none;margin-left:-20px;}
#menuWrapper li a {display:block;padding:10px;}
#menuWrapper li a:hover {}
#wrapper {width:96%; max-width: 800px;margin:0 auto; }
#wrapper.width960 {max-width:960px;}
#wrapperSidebar {width:98%; max-width: 900px;margin:0 auto; }
#rightSidebar {width:21%; max-width: 200px;margin:80px 0 0 4%; float:right;}
.content {padding:0;box-sizing: border-box;margin-top:30px;}
#wrapperSidebar .content {max-width:700px;width:75%;float:left;}
.content p, .content li, #rightSidebar p, #rightSidebar li  {margin: 10px 10px 10px 0; font-size:1em;line-height:20px;color:#333333;}
.content img {max-width:100%;height:auto;}
#displayTD {text-align:right;}

#displayImage {width:100%;height:auto;margin:0 auto;padding:0;display:block;}

.content {padding:0;box-sizing: border-box;position:relative;}
.content .h1Wrap {position:relative;}
.content h1 {font-family: Verdana, Geneva, sans-serif;position:relative;font-size:30px; margin:20px auto 10px; padding:0;font-weight:100;text-transform:uppercase;text-align:left;}
.content .h1Wrap h1 {margin:10px auto 0 auto;line-height:34px;}
.content .h1Wrap p {font-family: Noto Serif, georgia; padding: 0 0 3px 0; display:inline-block;font-style: italic;margin:0 auto 20px auto;}
.artistInfo .content h1 {text-align:left;}
.content h2 {font-family: Noto Serif, georgia;font-size:26px; margin:20px 0 10px 0; padding:0;font-weight:500;}
#rightSidebar h2 {font-family: Noto Serif, georgia;font-size:30px; margin:30px 0 10px 0; padding:0;font-weight:500;}
.content h3, #rightSidebar h3 {font-family: Verdana, Geneva, sans-serif;font-size:18px; margin:5px 0 5px 0; padding:0;font-weight:800;}
.content hr {border-color: #e6caa8;}
.content .imageRight {float:right;max-width:60%;height:auto;margin-left: 10px;}
.content .imgLeft {float:left; margin: 0 10px 10px 0;}
.content .imgRight {float:right; margin: 0 0 10px 10px;}
#mainTable {width:100%;}
.titleYellowBlock {width:100%; height: 10px; background:#D6D027; float:left;}
.titleBlueBlock {width:100%; height: 10px; background:#277BD6; float:left;}
.titleRedBlock {width:100%; height: 10px; background:#D64427; float:left;}
.artistListTable {width:100%;}
.artistListTable tr td {border-top:1px solid #CCC;background:#fff9ed;}
.artistListTable tr:first-child td {border-top:none;}
.artistListTable td {height:100px; text-align:right;}
.artistListTable td.artistThumb {height:150px;width:180px;background:#333; text-align:center;}
.artistListTable td.artistThumb img {height:150px;width:auto;}
.artistListTable td h3 {padding:5px 10px 0;}
.artistListTable td a {color: #277BD6;}
.artistInfo h1 {text-align:left;}
.galleryWrapper { display: -webkit-flex; display: flex; width:100%; max-width:100%;flex-wrap: wrap;}
.galleryWrapper a img {float:none !important;}
.descriptionReadMoreButton { display:none;}

.box {width:49%;display:inline-block;vertical-align:top;padding:5px;margin-bottom: 20px;}

footer {margin-top:20px;padding-bottom:15px;position:relative;clear:both;}
.bottom {}
.mobile {display:none !important;}

a.button, .artistListTable td a.button, a.button:visited {display:inline-block; border:solid 2px #9c550b; color:#9c550b; padding: 3px 5px; margin-right:5px;text-decoration:none;}
a.button:hover, .artistListTable td a.button:hover {color:#fff;background:#9c550b;text-decoration: none}

#shareButton, #sharePopUp {float:right;margin-bottom: 10px;position: relative;z-index: 5;}
#sharePopUp {display:none;position: absolute;right: 10px;margin-top: 34px;}
.share {font-weight: bold;position: relative;font-family: times;}
.share:before {content: ".";font-size: 2.2em;position: absolute;bottom: -2.5px;left: -4px;}
.share:after {content: ":";font-size: 2em;position: absolute;bottom: -6px;right: -7px;}

@media screen and (max-width:770px){
#logo {font-size: 2.5em;}
#userMenu {margin:15px 0; }
#menu {margin:15px 5px; }
#wrapperSidebar .content {width:98%; max-width: 900px;margin:20px auto 10px auto;float:none;position:relative;display:block;}
#rightSidebar {width:100%; max-width: 900px;margin:0; float:none;position:relative;display:block;border-top:solid 2px #555555;}

.desktop {display:none !important;}
.mobile {display:block !important;}
.content h1{font-size:28px; margin:10px 0 10px 0;}
.content h2{font-size:22px; margin:20px 0 5px 0; }
.content h3{font-size:18px; margin:5px 0 5px 0;}

.box {width:auto;display:block;padding:5px;}

}

@media screen and (max-width:500px){
#logo {line-height:30px;}
.content .imgRight, .content .imgLeft, .content .imageRight, .content .imageLeft {float:none;margin:0 auto;display:block;clear:both;width:auto;max-width:100%;}
artistListTable td a.button, .button {display:block;text-align:center;padding:10px 0;}
.artistListTable tr td.artistThumb {display:block;width:94%; margin-top:0;}
.artistListTable tr td {display:block;width:94%; padding: 3%; margin-top:10px; border:none;clear:both;float:none;height:auto;}
.content h1{font-size:26px; margin:10px 0 10px 0;}
.content h2{font-size:22px; margin:20px 0 5px 0; }
.content h3{font-size:16px; margin:5px 0 5px 0;}
#homeBottom div {border:none !important;margin:0 !important;padding:10px !important;}
.descriptionReadMore {max-height: 140px;position: relative;overflow: hidden;}
.descriptionReadMore p.descriptionReadMoreButton { display:block;position: absolute; bottom: 0; left: 0;width: 100%; text-align: center; margin: 0; padding: 10px 0;background-image: linear-gradient(to bottom, transparent, #ffeed0);margin:0;}
.descriptionReadMore p.descriptionReadMoreButton a.button {background:#ffeed0;}
}