@charset "UTF-8";

@font-face {
  font-family:'written';
  font-style:normal;
  font-weight:400;
  src:local('Gloria Hallelujah'),local(GloriaHallelujah),url(https://fonts.gstatic.com/s/gloriahallelujah/v8/CA1k7SlXcY5kvI81M_R28cNDay8z-hHR7F16xrcXsJw.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

body {
  background-color:#000;
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

#profile_interests_content,#profile_friends,#profile_password_photo_galleries,#profile_photo_galleries,#profile_comments,#footer_bar,#profile_about_me .heading,#username_container,#gender_container,#body_type_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
  z-index:2;
  position:relative;
}

#username_container,#gender_container,#body_type_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container {
  display:block;
  width:350px;
  margin:0 0 0 100px;
  float:left;
  height:20px;
}

@media only screen and (max-device-width: 599px) {
  .bodyR {
    position:fixed;
    z-index:0;
    right:0;
    bottom:0;
    max-width:100%;
    max-height:55%;
  }
  
  .bodyL {
    position:fixed;
    z-index:0;
    left:0;
    top:0;
    max-width:100%;
    max-height:55%;
  }
  
  #profile_header {
    overflow:hidden;
    display:block;
    width:84%;
    height:600px;
    margin:10px auto;
    z-index:2;
    position:relative;
    top:-10px;
  }
  
  #profile_header_container {
    width:auto;
    position:relative;
    margin-right:-100%;
    top:460px;
  }
  
  #profile_avatar {
    text-align:center;
    height:500px;
    width:370px;
    left:100px;
    padding:2px;
    position:relative;
    background:#690000;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
    top:-50px;
    display:none;
  }
  
  .avatar {
    text-align:center;
    height:500px;
    width:370px;
    left:100px;
    padding:2px;
    position:relative;
    background:#690000;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
    top:-980px;
    position:relative;
  }
  
  #last_login_string_container {
    position:relative;
    width:100px;
    max-width:100px;
    top:0;
    z-index:1;
    overflow:hidden;
  }
  
  #unix_last_updated_container {
    left:190px;
    position:relative;
    width:auto;
    top:-17px;
    background:pink;
  }
}

/* For devices 600px and larger: */
@media only screen and (min-device-width: 600px) {
  .bodyR {
    position:fixed;
    z-index:0;
    right:0;
    top:0;
    max-width:100%;
    max-height:100%;
  }
  
  .bodyL {
    position:fixed;
    z-index:0;
    left:0;
    top:0;
    max-width:100%;
    max-height:100%;
  }
  
  #profile_header {
    overflow:hidden;
    display:block;
    width:70%;
    height:450px;
    margin:10px auto;
    z-index:1;
    top:20px;
    position:relative;
  }
  
  #profile_header_container {
    top:250px;
    width:auto;
    position:relative;
    left:260px;
  }
  
  #profile_avatar {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
    vertical-align:middle;
    max-height:500px;
    height:500px;
    width:370px;
    max-width:370px;
    border:4px solid #690000;
    padding:2px;
    display:none;
  }
  
  .avatar {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -khtml-border-radius:50%;
    vertical-align:middle;
    max-height:500px;
    height:500px;
    width:370px;
    max-width:370px;
    border:4px solid #690000;
    padding:2px;
    left:50px;
    top:-730px;
    position:relative;
  }
  
  .logo {
    position:absolute;
    top:-230px;
    left:450px;
    text-align:center;
    -ms-transform:rotate(-13deg);
    -webkit-transform:rotate(-13deg);
    transform:rotate(-13deg);
  }
  
  #blurb_container {
    position:absolute;
    top:-10px;
    left:0;
    -ms-transform:rotate(-12deg);
    -webkit-transform:rotate(-12deg);
    transform:rotate(-12deg);
    font-family:'written';
    font-style:normal;
    font-weight:400;
    font-size:1rem!important;
    color:#c83ec8;
    width:500px;
    text-align:center;
  }
  
  #profile_about_me {
    width:1000px;
    margin:0 auto;
  }
  
  #status_value {
    color:transparent;
  }
  
  #member_status_value::before {
    content:'I am currently ';
    color:violet;
  }
  
  #member_status_value::after {
    content:' right now!';
    color:violet;
  }
  
  #status_container {
    position:absolute;
    top:-150px;
  }
  
  #last_login_string_container {
    position:absolute;
    width:220px;
    max-width:250px;
    top:-130px;
    z-index:1;
    overflow:hidden;
    color:violet;
  }
  
  #unix_last_updated_container {
    left:220px;
    position:absolute;
    width:auto;
    top:-130px;
  /* background: aliceblue; */
    color:violet;
  }
  
  .profile_section_content {
    z-index:0;
    position:relative;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:5px;
    margin:5px;
  }
  
  #profile_header .label,#profile_header .value {
    font-size:inherit;
  }
  
  /* fan club */
  #FanClub {
    position:relative;
    top:-500px;
    width:900px;
    left:25px;
    z-index:2;
  }
  
  #cols {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
  }
  
  #col_left {
    width:280px;
    padding:5px 15px;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    border:1px solid rgb(156,85,151);
    box-shadow:0 0 10px #9c5597;
  }
  
  #col_center {
    width:280px;
    padding:5px 15px;
    margin:0 35px;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    border:1px solid rgb(156,85,151);
    box-shadow:0 0 10px #9c5597;
  }
  
  #col_right {
    width:280px;
    padding:5px 15px;
    margin:auto;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    border:1px solid rgb(156,85,151);
    box-shadow:0 0 10px #9c5597;
  }
  
  .price_hr {
    height:30px;
    border-style:solid;
    border-color:#fff;
    border-width:1px 0 0;
    border-radius:20px;
    margin-left:0;
    margin-right:0;
  }
  
  .price_hr::before {
    display:block;
    content:"";
    height:30px;
    margin-top:-31px;
    border-style:solid;
    border-color:#fff;
    border-width:0 0 1px;
    border-radius:20px;
  }
  
  .title {
    display:block;
    font-size:2em;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0;
    margin-right:0;
    font-weight:bold;
  }
  
  .price {
    display:block;
    margin-left:0;
    margin-right:0;
    font-weight:bold;
    font-size:1.5em;
  }
  
  .members {
    display:block;
    margin-left:0;
    margin-right:0;
    font-weight:bold;
    font-size:1.5em;
    margin-top:-30px;
  }
  
  .list {
    width:auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:-25px;
  }
  
  .member_list {
    width:auto;
    margin-right:auto;
    margin-left:auto;
  }
  
  #FanClub ul,#TipMenu ul {
    list-style:none;
  }
  
  #FanClub li::before,#FanClub li::after {
    content:"\2665";
    color:#9c5597;
    padding:5px;
  }
  
  #col_left li,#col_right li {
    position:relative;
    width:250px;
    left:-40px;
  }
  
  #col_center li {
    width:240px;
    position:relative;
    left:-40px;
  }
  
  #FanClub a {
    color:#d1d1d1;
    text-decoration:none;
  }
  
  #FanClub a:hover {
    color:#d744cc;
    text-decoration:none;
  }
  
  #FanClub a:hover .list,#FanClub a:hover .member_list,#FanClub a:hover .members {
    color:#333;
    text-decoration:none;
  }
  
  #col_center a:hover .price_hr,#col_center a:hover .title_hr,#col_right a:hover .price_hr,#col_right a:hover .title_hr,#col_left a:hover .price_hr,#col_left a:hover .title_hr {
    height:30px;
    border-style:solid;
    border-color:red;
    border-width:1px 0 0;
    border-radius:20px;
    margin-left:0;
    margin-right:0;
  }
  
  #col_center a:hover .price_hr::before,#col_center a:hover .title_hr::before,#col_right a:hover .price_hr::before,#col_right a:hover .title_hr::before,#col_left a:hover .price_hr::before,#col_left a:hover .title_hr::before {
    display:block;
    content:"";
    height:30px;
    margin-top:-31px;
    border-style:solid;
    border-color:red;
    border-width:0 0 1px;
    border-radius:20px;
  }
}

#about_me_label,#profile_main_photo,#no_profile_avatar,#profile_header_container .heading,#blurb_label,#member_type_value,#header_bar,.profile_section_background,#status_label,#member_type_value,#tags_container {
  display:none;
}

/*---WALL---*/
#new_comment {
  margin:20px 0 0;
  border-bottom:solid thin crimson;
  padding:0 0 50px;
  text-align:left;
}

#profile_comments {
  display:table;
  margin:20px 80px;
  width:85%;
  position:relative;
  padding:25px 40px;
}

#profile_comments .profile_section_content {
  width:96%;
  margin:auto;
}

.wall_post:nth-child(2n+1) {
  width:100%;
  margin:0;
  color:#fff;
}

.wall_post {
  clear:both;
  padding:10px 10px 20px;
  border-bottom:solid thin crimson;
  min-height:130px;
  color:#bdbdbd;
  text-align:left;
}

.wall_post_avatar {
  float:left;
  margin-right:10px;
  -moz-border-radius:50%;
  border-radius:50%;
  -khtml-border-radius:50%;
  border:4px solid #db0707;
  float:left;
  margin-right:10px;
  background-color:#db0707;
}

.wall_post:nth-child(2n+1) .wall_post_avatar {
  -moz-border-radius:50%;
  border-radius:50%;
  -khtml-border-radius:50%;
  border:4px solid #990382;
  float:left;
  margin-right:10px;
  background-color:#990382;
}

.wall_post_avatar img {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -khtml-border-radius:50%;
/* vertical-align: middle; */
  height:100px;
  width:100px;
}

.wall_post:nth-child(2n+1) .wall_post_avatar img {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -khtml-border-radius:50%;
/* vertical-align: middle; */
  height:100px;
  width:100px;
}