@charset "UTF-8";

/* -----MammoothX CSS ----- */
/*
*********** ABOUT THIS STYLE SHEET ******************************************

To learn how to build my profile page, I studied many  profiles here 
on MFC. Source codes and style sheets. The layout that met the most 
what I was looking for is the one owned by MFC's model A_N_A. So I 
got a lot of inspiration from it but tried as much as I could not to 
copy it.

So please, if someone want to use my style sheet as an inspiration to 
build his/her own profile, please give credits to A_N_A. Cause she 
obviously put a lot of work into it. Thank you.

*******************************************************************************************
*/
body {
  background-color:#bbbbbb;
  font-family:"Century Gothic";
  font-weight:normal;
  font-style:normal;
  font-size:15px;
  line-height:1.5;
}

a:link {
  color:#0000ff;
  text-decoration:none;
}

a:visited {
  color:#0000ff;
  text-decoration:none;
}

a:hover {
  color:#dd0000;
  text-decoration:none;
}

/*
 ***********************************************
   Special elements from About Page
 ***********************************************
*/
.beach {
  display:block;
  width:365px;
  height:310px;
  position:absolute;
  margin-top:-295px;
  margin-left:430px;
  opacity:.7;
  filter:alpha(opacity=70);
/* For IE8 and earlier */
}

.beach:hover {
  opacity:1;
  filter:alpha(opacity=100);
/* For IE8 and earlier */
}

.bestf {
  display:block;
  width:277px;
  height:179px;
  position:absolute;
  margin-top:1650px;
  margin-left:570px;
}

.profile_section .container .label {
  font-size:15px;
  color:#57709e;
  text-align:right;
  padding-top:5px;
  padding-left:0;
  padding-right:10px;
}

/*
 **************************************
 *  Élément spécifiques à MyFreeCams  *
 **************************************
   
*/
#header_bar {
  display:none;
}

#footer_bar {
  display:none;
}

#about_me_label {
  display:none;
}

#profile_main_photo {
  display:none;
}

#tags_container {
  display:none;
}

#profile_header_container {
  display:none;
}

#profile_schedule {
  display:none;
}

#profile_about_me > div:nth-child(1) {
  display:none;
}

#profile_friends {
  padding-top:45px;
  margin-top:-45px;
}

#profile_friends div.heading {
  color:#57709e;
  font-size:22px;
  font-weight:bold;
  line-height:30px;
  border-bottom:2px #57709e solid;
}

.profile_section .heading {
  color:#57709e;
  font-size:22px;
  line-height:30px;
  border-bottom:2px #57709e solid;
}

/* -----------------------------------Largeur de la page et position de la banière du haut */
#profile {
  width:850px;
  margin:-8px auto;
  background:#fff url(http://res.cloudinary.com/lhl32ln7h/image/upload/v1498797999/top_banner01_ghikeo.jpg) top center no-repeat;
  box-shadow:0 0 20px #333;
}

#profile_header {
  padding:410px 0 0;
}

#avatar_holder {
  text-align:right;
  margin-left:10px;
  width:90px;
  height:90px;
}

#profile_avatar {
  padding:5px;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  border:1px solid rgba(0,0,0,0.2);
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  -webkit-box-shadow:0 2px 2px #888888;
  -moz-box-shadow:0 2px 2px #888888;
  box-shadow:0 2px 2px #888888;
}

.profile_section {
  border-spacing:0;
}

.profile_section_content {
  z-index:auto;
}

#profile_about_me {
  margin:20px 0;
  padding-top:20px;
}

#about_me_value {
  display:block;
  margin:0 auto 0 -20px;
}

img {
  max-width:835px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0;
  -moz-box-shadow:0;
  box-shadow:0;
}

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

#img_preview {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0;
  -moz-box-shadow:0;
  box-shadow:0;
}

.container {
  display:block;
  margin:0 0 0 20px;
}

#profile_password_photo_galleries {
  padding-top:45px;
  margin-top:-45px;
  display:inline-block;
}

#profile_interests_content {
  padding-top:45px;
  margin-top:-45px;
  display:inline-block;
}

.photo_gallery_previews {
  text-align:left;
}

#comments {
  width:835px;
}

/* -----------------------------------Boîtes des messages */
.wall_post {
  background-color:#f6f6f6;
  border:1px solid #777777;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin-bottom:8px;
  padding:8px;
}

/* -----------------------------------Espace entre les boîtes des messages */
.wall_post_body {
  padding-bottom:5px;
}

h1 {
  font-size:22px;
  line-height:44px;
  border-bottom:10px solid rgba(50,50,50,1);
  font-weight:bold;
}

h2 {
  font-size:18px;
  height:24px;
  line-height:24px;
  vertical-align:middle;
}

h2 img {
  height:32px;
  margin-right:10px;
  display:inline-block;
}

h2 span {
  display:inline-block;
}

ul {
  list-style-type:circle;
}

ul li {
  margin-bottom:5px;
}

ul li ul {
  margin-top:5px;
}

#meaning_life_label {
  margin-top:15px;
}