@charset "UTF-8";

a:link,a:active,a:hover {
  color:#b28518;
}

a:visited {
  color:#;
}

#profile {
  align:center;
  position:relative;
}

body {
  width:400px;
  background-color:#ffffff;
  background-color:#000000;
  color:#074065;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  background-position:top left;
  background-attachment:fixed;
  background-repeat:repeat;
  background-image:url(https://img.mfcimg.com/photos2/147/14793656/202-484-430-519-7945297.jpg);
}

#username_container,#cam_score_container,#gender_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#age_container,#city_container,#country_container,#sexual_preference_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#height_container,#school_container,#marital_status_container,#favorite_food_container,#pets_container,#automobile_container,#about_me_label,#tags_container,.heading {
  display:none;
}

div#profile_main_photo {
  display:none;
}

.profile_section_content {
  color:#074065;
  border:2px solid #bc8d00;
  padding:0;
  margin:8px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

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

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:0;
  background-color:#ffffff;
  color:#cc9900;
  font-family:'Georgia';
  font-weight:normal;
  font-style:normal;
  font-size:16px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

body {
  margin:0 auto;
  width:1000px;
}

.content {
  padding:0;
}

.view {
  margin:0 auto;
  float:left;
  border:10px solid #fff;
  overflow:hidden;
  position:relative;
  text-align:center;
  box-shadow:2px 2px 2px #e6e6e6;
  cursor:default;
  background:#fff url(../images/bgimg.jpg) no-repeat center center;
}

.view .mask,.view .content {
  width:360px;
  height:202px;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}

#all {
  margin-left:auto;
  margin-right:auto;
  width:800px;
  .viewimgdisplay:block;
  position:relative;
}

.view h2 {
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  position:relative;
  font-size:17px;
  font-family:Raleway,serif;
  padding:10px;
  background:rgba(0,0,0,0.8);
  margin:30px 0 0;
}

.view p {
  font-family:Raleway,serif;
  font-size:16px;
  position:relative;
  color:#fff;
  padding:0 30px;
  text-align:left;
}

.view a.info {
  display:inline-block;
  text-decoration:none;
  padding:10px 14px 12px;
  background:#000;
  color:#fff;
  font-family:Raleway,serif;
  text-transform:uppercase;
  box-shadow:0 0 1px #000;
}

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

/*1*/
.view-first img {
/*1*/
  transition:all .2s linear;
  width:360px;
  height:202px;
}

.view-first .mask {
  opacity:0;
  background-color:rgba(0,40,50,.3);
  transition:all .4s ease-in-out;
}

.view-first h2 {
  transform:translateY(-100px);
  opacity:0;
  font-family:Raleway,serif;
  transition:all .2s ease-in-out;
}

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

.view-first a.info {
  opacity:0;
  transition:all .2s ease-in-out;
}

/* */
.view-first:hover img {
  transform:scale(1.1);
}

.view-first:hover .mask {
  opacity:1;
}

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

.view-first:hover p {
  transition-delay:.1s;
}

.view-first:hover a.info {
  transition-delay:.2s;
}