body {
  /*color: #eee; background-color: #666;*/
}

h1 {
  font-size: 22pt !important;
  text-shadow: none !important;
   outline: none !important;
}
h2 {
  font-size: 19pt !important;
  text-shadow: none !important;
   outline: none !important;
}

h3 {
    color: #fff!important;
}

p {
  font-size: 12pt;
  text-shadow: none !important;
  outline: none !important;
}
p .small{
  font-size: 9pt;
  text-shadow: none !important;
  outline: none !important;
}

.ui-body.ui-body-a.ui-corner-all.left {
    height: 106px !important;
}

.ui-body.ui-body-a.ui-corner-all.right {
    height: 111px !important;
}

.framewrap {
    position: relative;
}

.logo img {
    width: 84%;
}

div#header-logo img {
    width: 100%;
}

#header-logo {
    text-align: center;
}

.btn-mixcloud {
    background: #5000ff!important;
}


.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background: #2c2c2c none repeat scroll 0 0 !important;
}

.modal-body {
    text-align: center;
}

.modal-content {
    background-color: #131313!important;
}



div .left {
    float: left;
    width: 40%;
    vertical-align: text-top;

}

div .right {
    float: right;
      width: 40%;
}

div#logo {
    padding: 10px;
}

div#info {

    font-size: 90%;
    outline: none;
    color: #808080;
}

.ui-page {
    background: #242423!important;
}

.ui-footer.ui-bar-inherit {
    padding: 0 10px;
}

div#cntfollowers {
  float: left;
    font-size: 90%;
    outline: none;
    color: #808080;
}

div#cntfollowing {
  float: left;
    font-size: 90%;
    outline: none;
    color: #808080;
}
div#fok {
    font-size: 100%;
    outline: none;
    color: #1eb544;
    font-weight: bold;
}
div#followingmiss {

    font-size: 80%;
    outline: none;
    color: #f0305d;
}
div#fnot {
    font-size: 100%;
    outline: none;
    color: #f0305d;
    font-weight: bold;
}

div#error {

    display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
    font-size: 120%;
    outline: none;
    color: #f00;
}

div#followingok {

    font-size: 80%;
    outline: none;
    color: #1eb544;
}


.ui-header.ui-bar-inherit {
    background: #000 !important;
}

@media (min-width: 790px){
    div#header-logo img {
    width: 30%;
}
}