@charset "UTF-8";

!OATHTAKER CODED 2013/14 V5
html {
  width:100%!important;
  height:100%;
}

.menu {
  display:inline-block;
  margin:0 auto;
  position:fixed;
  top:6px;
  left:500px;
  z-index:5;
  background-color:rgba(196,196,196,0.5);
  font-weight:bold;
  font-size:small;
  text-align:center;
  border:none;
  padding:.6em 1.5em;
  -webkit-transition-property:color,background;
  -webkit-transition-duration:1s,1s;
  -webkit-transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);
}

.menu a {
  display:inline;
  text-decoration:none;
  color:#EBF92D;
  -webkit-transition-property:color;
  -webkit-transition-duration:1s,1s;
  -webkit-transition-timing-function:linear,ease-in;
  -moz-transition-property:color,background-color;
  -moz-transition-duration:1s;
  -moz-transition-timing-function:cubic-bezier(0.25,0.1,0.25,1);
}

.menu:hover {
  color:#ffffff;
  background-color:transparent;
}

.menu:hover a {
  color:#028fd7;
}

.menu a:hover {
  color:#D302D7;
}

a {
  text-decoration:none;
}

a:hover {
  color:#000!important;
}

a:link,a:active,a:hover {
  color:#088A08;
  font-weight:bold;
}

a:visited {
  color:#EBA228;
}

#profile_avatar {
  display:none;
}

#profile_main_photo {
  display:none;
}

#header_bar {
  display:none;
}

#footer_bar {
  display:none;
}

#status_label {
  display:none;
}

#status_value {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:600;
  font-style:normal;
  z-index:0;
  position:absolute;
  top:-90px;
  left:370px;
}

#blurb_label {
  display:none;
}

#blurb_value {
  display:none;
}

#unix_last_login_label,#unix_last_login_value,#unix_last_updated_label,#unix_last_updated_value {
  display:none;
}

#profile_header {
  width:1180px!important;
  background:#09C;
  position:absolute;
  top:50px;
  height:520px;
  background:url(http://www.cubby.com/pl/Hanna_Header.png/_527a9c9b4f26470899232cfb280b760f);
}

#profile_photo_galleries {
  position:relative;
  left:-36px;
}

#profile_password_photo_galleries {
  position:relative;
  left:-36px;
}

.photo_gallery_image {
  border:2px outset #C32700;
}

.heading {
  display:none;
}

.music {
  position:absolute;
  top:-45px;
  left:10px;
  border:none;
  z-index:1;
}

body {
  width:1180px;
  margin:auto!important;
  background:url(http://www.cubby.com/pl/Hanna_Background.png/_4eb9bffeacb54d82a35b5bf06fadb2be) top center fixed;
}

.profile_section_content {
  top:620px;
  left:50px;
  border:px #;
  padding:5px;
  margin:0;
}

.profile_section_background {
  background-color:transparent;
  filter:alpha(opacity=100);
  opacity:1;
}

.profile_section_content .heading {
  padding:5px;
  background-color:#BCEC76;
  color:#FFFFFF;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:normal;
  font-style:normal;
  font-size:14px;
}

.profile_section_content .label {
  color:#CD0200;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:600;
  font-style:normal;
  font-size:14px;
}

.profile_section_content .value {
  color:#000;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:500;
  font-style:normal;
  font-size:14px;
}

#about_me_label {
  position:absolute;
  color:transparent;
}

#profile_friends {
  width:1100px!important;
  position:relative;
}

.iconspin {
  position:absolute;
  top:0;
  left:17%;
  width:150px;
  height:150px;
  float:left;
  margin-left:150px;
  z-index:10;
}

.iconspin:hover {
  background-size:120px;
  border-width:50px;
  border-color:rgba(0,0,0,0);
  border-radius:50%;
  border-style:dotted;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:.5s ease;
  -moz-transition:.5s ease;
  -ms-transition:.5s ease;
  -o-transition:.5s ease;
  transition:.5s ease;
}

.icon-Amazon {
  background:url(http://www.cubby.com/pl/Hanna_IconAmazon.png/_07cf2d3966064fc5910f6348131fccc7) center no-repeat;
}

.icon-Friends {
  background:url(http://www.cubby.com/pl/Hanna_IconFriends.png/_0dcf2a2025cc48d9907d06463d30cdf4) center no-repeat;
  margin-left:260px;
}

.icon-Snapchat {
  background:url(http://www.cubby.com/pl/Hanna_IconSnapchat.png/_7a1c8572953f4310adb9fe3847871c0d) center no-repeat;
  margin-left:370px;
}

.icon-Phone {
  background:url(http://www.cubby.com/pl/Hanna_IconCell.png/_98ba98a11fa7468682aa2f53a739b902) center no-repeat;
  margin-left:480px;
}

.icon-Offline {
  background:url(http://www.cubby.com/pl/Hanna_IconOffline.png/_4a9a98dc139c43afbc3e9265029293f0) center no-repeat;
  margin-left:590px;
}

.icon-Rate {
  background:url(http://www.cubby.com/pl/Hanna_IconRate.png/_d5ab586819a64cbb8813e7b37367a083) center no-repeat;
  margin-left:700px;
}

.content {
  padding:5px;
}

#tags_container .value {
  font-size:14px;
  font-style:bold;
  line-height:17px;
  color:#DF0101;
}

.simplex {
  styler:101;
}

#Hanna_Welcome {
  width:1180px;
  height:470px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

#Hanna_Menu {
  width:1180px;
  height:460px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

#Hanna_Rules {
  width:1180px;
  height:460px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

#Hanna_Honeybees {
  width:1180px;
  height:460px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

#Hanna_Raffle {
  width:1180px;
  height:450px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

#Hanna_Videos {
  width:1180px;
  height:460px:;
  overflow:hidden;
  position:relative;
  margin:0 0 0 -234px;
  background:transparent;
}

//-------------------------------------------------------
#profile_comments {
  position:relative;
  top:5px;
  left:0;
}

#wall_poster_username {
  position:relative;
  top:-5px!important;
  left:0;
  border:none!important;
  font-weight:bold;
  font-style:normal;
  font-size:15px;
  color:#FF8000;
  background:transparent!important;
}

#new_comment_inputs {
  position:relative;
  top:0;
}

.wall_post {
  position:relative;
  top:0;
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  color:#FFFFFF;
  left:-5px;
}

.wall_post_body {
  position:relative;
  top:-24px;
  left:6px;
  font-weight:normal;
  font-style:normal;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:15px;
  color:#000;
  background-color:#FFFFFF;
  padding-top:5px;
  padding-left:5px;
  border:2px solid #C32700;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:951px;
  z-index:9;
}

.wall_post_time {
  font-weight:700;
  font-style:Normal;
  font-size:12px;
  color:#FFFFFF;
  background-color:transparent;
  padding:5px;
  position:relative;
  top:-25px;
  left:150px;
  z-index:11;
}

.wall_post_info {
  position:relative;
  width:950px;
  left:5px;
  font-weight:700;
  color:#FFFFFF;
  text-decoration:none;
  padding:5px;
  background:#C12FD3;
  background-color:#ffffff;
  background-image:-moz-linear-gradient(180deg,#ffffff,#C32700 10px);
  background-image:-webkit-linear-gradient(180deg,#ffffff,#C32700 10px);
  background-image:-o-linear-gradient(180deg,#ffffff,#C32700 10px);
  background-image:-ms-linear-gradient(180deg,#ffffff,#C32700 10px);
  background-image:linear-gradient(180deg,#ffffff,#C32700 10px);
  margin:5px 0 0 91px;
  border:2px solid #C32700;
  opacity:.9;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  z-index:10;
}

.img_radius_shadow {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border:2px solid #D58700;
  border-radius:10px;
}

.wall_post_avatar {
  float:left;
  margin-right:10px;
  width:80px;
  height:80px;
  background:url(http://www.cubby.com/pl/Hanna_WallT.png/_b9c60ba278444cb29c173e03a0ddc7b0);
  z-index:98;
}

.wall_post_avatar img {
  width:40px;
  height:40px;
  border:none;
  border-radius:1px;
  padding:21px 0 0 19px;
}

/-------Video Section ----------------------------------------------
#hanna_video_container {
  width:900px;
  height:110px;
  margin-bottom:10px;
  position:relative;
  float:left;
  top:-125px;
  left:-350px;
}

#frame_video {
  width:1070px;
  height:180px;
  overflow:auto;
  background:#FFFFFF;
  border:2px solid #FF0000;
  position:relative;
  left:-180px;
}

#frame-border {
  width:800px;
  height:365px;
  background:#FFFFFF;
  //padding:5px;
  border:2px solid #FFFF00;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  -o-border-radius:2px;
  margin:0 0 0 5px;
}

#frame_solo::-webkit-scrollbar {
  -webkit-appearance:none;
  width:10px;
  height:10px;
}

#frame_solo::-webkit-scrollbar-thumb {
  border-radius:8px;
  border:2px solid #FF0040;
  background-color:#FFFFFF;
}

/***Video Thumbnails***/
.video_item {
  width:200px;
  height:165px;
  margin:5px;
  float:left;
  border:none;
  overflow:hidden;
  position:relative;
  text-align:center;
  cursor:default;
  background:none;
}

.video_item .mask,.view {
  width:200px;
  height:165px;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}

.video_item img {
  display:block;
  position:relative;
}

.video_item h2 {
  text-transform:uppercase;
  font-family:"century gothic";
  color:#fff;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:5px;
  background:rgba(0,0,0,0.8);
  margin:20px 0 0;
}

.video_item p {
  font-family:"century gothic";
  position:relative;
  bottom:5px;
  line-height:.9;
  font-size:14px;
  position:relative;
  color:#fff;
  padding:10px 20px 20px;
  text-align:center;
}

.video_item a.info {
  display:inline-block;
  text-decoration:none;
  position:relative;
  bottom:20px;
  padding:0 14px;
  background:#000;
  color:#fff;
  font-family:"century gothic";
  text-transform:uppercase;
  box-shadow:0 0 1px #fff;
}

.video_item img {
  transition:all .2s linear;
}

.video_item .mask {
  opacity:0;
  background-color:rgba(138,135,135,0.7);
  transition:all .4s ease-in-out;
}

.video_item h2 {
  transform:translateY(-100px);
  opacity:0;
  transition:all .2s ease-in-out;
}

.video_item p {
  transform:translateY(100px);
  opacity:0;
  transition:all .2s linear;
}

.video_item a.info:hover {
  box-shadow:0 0 5px #000;
}

.video_item:hover img {
  transform:scale(1.1);
}

.video_item:hover .mask {
  opacity:1;
}

.video_item:hover h2,.video_item:hover p,.video_item:hover a.info {
  opacity:1;
  transform:translateY(0px);
}