/* ######### */
/* variables */
/* ######### */
/* ######### */
/* functions */
/* ######### */
/* ###################### */
/* responsive adjustments */
/* ###################### */
@media (max-width: 1000px) {
  #container {
    width: auto;
  }
  .homeright {
    clear: left;
  }
}
@media (max-width: 750px) {
  #header {
    display: none;
  }
  #headermiddle {
    display: none;
  }
  #headermobile {
    display: block;
  }
  #headertags {
    position: static;
    width: 40px;
    float: right;
  }
}
@media (min-width: 751px) and (max-width: 1000px) {
  #header {
    display: none;
  }
  #headermiddle {
    display: block;
  }
  #headermobile {
    display: none;
  }
  #headertags {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
  }
}
@media (min-width: 1001px) {
  #container {
    width: 962px;
  }
  #header {
    display: block;
  }
  #headermiddle {
    display: none;
  }
  #headermobile {
    display: none;
  }
  #headertags {
    position: absolute;
    top: 60px;
    right: 30px;
    width: 200px;
  }
}
@media (min-width: 626px) {
  .homeleft {
    width: 545px;
  }
}
@media (min-width: 541px) {
  .navitem img {
    display: block;
  }
  .navitem span {
    display: none;
  }
  .navitem {
    clear: none;
  }
}
@media (max-width: 540px) {
  .navitem img {
    display: none;
  }
  .navitem span {
    display: block;
  }
  .navitem {
    clear: both;
  }
}
@media (max-width: 504px) {
  .printright {
    width: 100%;
  }
}
@media (min-width: 505px) {
  .printleft {
    width: 445px;
  }
  .printright {
    width: 445px;
  }
}
@media (max-width: 425px) {
  .homeright {
    padding: 0;
  }
}
@media (min-width: 426px) {
  .homeright {
    width: 320px;
    padding: 0 0 0 25px;
  }
}
@media (max-width: 480px) {
  .homeleft #blogimage {
    display: none;
  }
}
/* ######### */
/* CSS rules */
/* ######### */
/* ####### */
/* globals */
/* ####### */
body {
  margin: 0;
  padding: 0;
  font-family: Georgia, Arial;
  color: #000000;
}
img {
  border: 0;
}
a {
  font-weight: 500;
  font-size: 15px;
  color: #D85B8D;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
  color: #A34984;
  font-weight: bold;
  font-size: 25px;
}
h2 {
  color: #88789F;
  font-weight: bold;
  font-size: 18px;
}
h3 {
  color: #A34984;
  font-weight: bold;
  font-size: 14px;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.left {
  clear: left;
  float: left;
}
.expandable {
  display: none;
}
.open {
  display: initial;
}
.rotated {
  transform: rotate(90deg);
}
.success {
  color: green;
}
.failure {
  color: red;
}
.download {
  border: 3px double #7b99d5;
  padding: 3px;
  margin: 3px;
}
.freebie {
  border: 3px double #00FF00;
  padding: 3px;
  margin: 3px;
}
.selling {
  border: 3px double #d30622;
  padding: 3px;
  margin: 3px;
}
.more {
  clear: both;
  float: right;
}
/* #### */
/* divs */
/* #### */
#container {
  margin: 0 auto;
  padding: 1%;
  background-color: #FFFFFF;
  position: relative;
  text-align: center;
}
#container #announcement {
  padding: 2px;
  width: auto;
  background-color: #FFFFFF;
  border: 3px solid #d30622;
  border-radius: 5px;
}
#container #inner-container {
  width: auto;
  padding: 0;
}
#container #inner-container #header {
  height: 198px;
  margin: 0;
  padding: 0;
}
#container #inner-container #headermiddle {
  float: middle;
}
#container #inner-container #headermobile {
  float: left;
  zoom: 1;
}
#container #inner-container #headermobile:before,
#container #inner-container #headermobile:after {
  content: "";
  display: table;
}
#container #inner-container #headermobile:after {
  clear: both;
}
#container #inner-container #headertags {
  margin: 0;
  padding: 0;
  text-align: right;
}
#container #inner-container #nav {
  zoom: 1;
  clear: left;
  width: 100%;
  padding-top: 10px;
  text-align: left;
}
#container #inner-container #nav:before,
#container #inner-container #nav:after {
  content: "";
  display: table;
}
#container #inner-container #nav:after {
  clear: both;
}
#container #inner-container #nav .nav-item {
  list-style-type: circle;
  float: left;
  text-align: center;
  margin: 0px 12px;
}
#container #inner-container #nav #search {
  text-align: left;
  float: right;
}
#container #inner-container #main {
  padding: 0 10px 0 10px;
  margin: 0;
  text-align: left;
}
#container #inner-container #footer {
  zoom: 1;
  padding: 10px;
  font-size: 10px;
}
#container #inner-container #footer:before,
#container #inner-container #footer:after {
  content: "";
  display: table;
}
#container #inner-container #footer:after {
  clear: both;
}
#container #inner-container .homeleft {
  text-align: left;
  clear: left;
  float: left;
  padding-right: 5px;
}
#container #inner-container .homeleft #blogimage {
  text-align: center;
}
#container #inner-container .homeright {
  text-align: left;
  clear: right;
  float: left;
}
#container #inner-container .printable {
  zoom: 1;
  clear: both;
}
#container #inner-container .printable:before,
#container #inner-container .printable:after {
  content: "";
  display: table;
}
#container #inner-container .printable:after {
  clear: both;
}
#container #inner-container .printleft {
  text-align: left;
  clear: left;
  float: left;
  padding-right: 10px;
}
#container #inner-container .printright {
  text-align: center;
  clear: right;
  float: left;
}
#container #inner-container .wide {
  zoom: 1;
  width: 100%;
}
#container #inner-container .wide:before,
#container #inner-container .wide:after {
  content: "";
  display: table;
}
#container #inner-container .wide:after {
  clear: both;
}
#container #inner-container .wide .navitem {
  float: left;
  padding: 10px;
}
