@charset "UTF-8";

html,body,table,th,tr,td,p,img,ul,li,h1,h2,h3,h4,h5,div,form,fieldset {
  padding:0;
  margin:0;
  border:none;
}

a:link,a:active,a:hover {
  color:#000;
  text-decoration:none;
}

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

/*Navigation*/
.nav ul ul {
  display:none;
}

.nav ul li:hover > ul {
  display:block;
  margin:auto;
}

.nav ul {
  background:#4169E1;
  background:linear-gradient(top,#193875 0%,#193875 100%);
  background:-moz-linear-gradient(top,#193875 0%,#193875 100%);
  background:-webkit-linear-gradient(top,#193875 0%,#193875 100%);
  box-shadow:0 0 9px rgba(0,0,0,0.15);
  padding:0 236px;
  border-radius:0 0 20px 20px;
  list-style:none;
  position:fixed;
  margin-top:-75px;
  margin-left:-12px;
  opacity:.9;
  z-index:9999;
  display:inline-table;
  font-size:1.1em;
  font-family:Permanent Marker;
}

.nav ul:after {
  content:"";
  clear:both;
  display:block;
}

.nav ul li {
  float:left;
}

.nav ul li:hover {
  background:#EE6E6E;
  background:linear-gradient(top,#00153D 0%,#00153D 40%);
  background:-moz-linear-gradient(top,#00153D 0%,#00153D 40%);
  background:-webkit-linear-gradient(top,#00153D 0%,#00153D 40%);
}

.nav ul li:hover a {
  color:#fff;
}

.nav ul li a {
  display:block;
  padding:15px 40px;
  color:#000;
  text-decoration:none;
}

.nav ul ul {
  background:#002366;
  border-radius:0;
  padding:0;
  position:absolute;
  top:100%;
}

.nav ul ul li {
  float:none;
  border-top:1px solid #324E84;
  border-bottom:1px solid #001847;
  position:relative;
}

.nav ul ul li a {
  padding:15px 40px;
  color:#000;
}

.nav ul ul li a:hover {
  background:#00153D;
}

.nav ul ul ul {
  position:absolute;
  left:100%;
  top:0;
}

body {
  background:url(),url(https://www.dropbox.com/s/fp2g9nx4esecbfa/ErikaBedRight.jpg?dl=1) no-repeat center center fixed;
  background-color:#FFF;
  //background-position:-98px -50px,899px -50px;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  color:#000;
  width:920px;
  margin:auto;
  font-family:Arial;
  font-weight:normal;
  font-style:normal;
  font-size:16px;
}

#profile {
  background-color:#EDEDED;
  border:solid 2px #007eff;
  border-radius:20px;
  margin:60px -50px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -webkit-box-shadow:0 0 26px 2px #4169E1;
  -moz-box-shadow:0 0 26px 2px #4169E1;
  box-shadow:0 0 26px 2px #4169E1;
}

.profile_section_content {
  color:#007eff;
  //border:1px solid #000;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  z-index:auto;
  width:1008px;
}

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

#profile_friends {
  background:#FFF;
  font-family:Chewy;
  font-size:16px;
  border-radius:20px 20px 20px 20px;
  border:solid 2px #007eff;
  padding-left:20px;
}

.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:5px;
  background-color:#BCEC76;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -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;
}

.content {
  padding:0;
}

#slider {
  background:#ededed;
  height:500px;
  width:1000px;
  margin:0 auto;
  overflow:visible;
  position:relative;
}

#mask {
  overflow:hidden;
  border-radius:10px;
  height:500px;
}

/* IMAGE LIST */
#slider ul {
  margin:0;
  padding:0;
  position:relative;
}

#slider li {
  width:1000px;
/* Width Image */
  height:500px;
/* Height Image */
  position:absolute;
  top:500px;
/* Original Position - Outside of the Slider */
  list-style:none;
}

#slider li.firstanimation {
  animation:cycle 25s linear infinite;
}

#slider li.secondanimation {
  animation:cycletwo 25s linear infinite;
}

#slider li.thirdanimation {
  animation:cyclethree 25s linear infinite;
}

#slider li.fourthanimation {
  animation:cyclefour 25s linear infinite;
}

#slider li.fifthanimation {
  animation:cyclefive 25s linear infinite;
}

/* ANIMATION */
@keyframes cycle {
  0% {
    top:0;
  }
  
  /* When you start the slide, the first image is already visible */
  4% {
    top:0;
  }
  
  /* Original Position */
  16% {
    top:0;
    opacity:1;
    z-index:0;
  }
  
  /* From 4% to 16 % = for 3 seconds the image is visible */
  20% {
    top:325px;
    opacity:0;
    z-index:0;
  }
  
  /* From 16% to 20% = for 1 second exit image */
  21% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
  
  /* Return to Original Position */
  92% {
    top:-325px;
    opacity:0;
    z-index:0;
  }
  
  96% {
    top:-325px;
    opacity:0;
  }
  
  /* From 96% to 100% = for 1 second enter image*/
  100% {
    top:0;
    opacity:1;
  }
}

@keyframes cycletwo {
  0% {
    top:-505px;
    opacity:0;
  }
  
  /* Original Position */
  16% {
    top:-505px;
    opacity:0;
  }
  
  /* Starts moving after 16% to this position */
  20% {
    top:0;
    opacity:1;
  }
  
  24% {
    top:0;
    opacity:1;
  }
  
  /* From 20% to 24% = for 1 second enter image*/
  36% {
    top:0;
    opacity:1;
    z-index:0;
  }
  
  /* From 24% to 36 % = for 3 seconds the image is visible */
  40% {
    top:325px;
    opacity:0;
    z-index:0;
  }
  
  /* From 36% to 40% = for 1 second exit image */
  41% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
  
  /* Return to Original Position */
  100% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
}

@keyframes cyclethree {
  0% {
    top:-505px;
    opacity:0;
  }
  
  36% {
    top:-505px;
    opacity:0;
  }
  
  40% {
    top:0;
    opacity:1;
  }
  
  44% {
    top:0;
    opacity:1;
  }
  
  56% {
    top:0;
    opacity:1;
  }
  
  60% {
    top:325px;
    opacity:0;
    z-index:0;
  }
  
  61% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
  
  100% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
}

@keyframes cyclefour {
  0% {
    top:-505px;
    opacity:0;
  }
  
  56% {
    top:-505px;
    opacity:0;
  }
  
  60% {
    top:0;
    opacity:1;
  }
  
  64% {
    top:0;
    opacity:1;
  }
  
  76% {
    top:0;
    opacity:1;
    z-index:0;
  }
  
  80% {
    top:325px;
    opacity:0;
    z-index:0;
  }
  
  81% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
  
  100% {
    top:-325px;
    opacity:0;
    z-index:-1;
  }
}

@keyframes cyclefive {
  0% {
    top:-505px;
    opacity:0;
  }
  
  76% {
    top:-505px;
    opacity:0;
  }
  
  80% {
    top:0;
    opacity:1;
  }
  
  84% {
    top:0;
    opacity:1;
  }
  
  96% {
    top:0;
    opacity:1;
    z-index:0;
  }
  
  100% {
    top:325px;
    opacity:0;
    z-index:0;
  }
}

/* PROGRESS BAR */
.progress-bar {
  position:relative;
  top:-5px;
  width:1000px;
  height:5px;
  background:#4169E1;
  animation:fullexpand 25s ease-out infinite;
}

/* ANIMATION BAR */
@keyframes fullexpand {
  /* In these keyframes, the progress-bar is stationary */
  0%,20%,40%,60%,80%,100% {
    width:0;
    opacity:0;
  }
  
  /* In these keyframes, the progress-bar starts to come alive */
  4%,24%,44%,64%,84% {
    width:0;
    opacity:.3;
  }
  
  /* In these keyframes, the progress-bar moves forward for 3 seconds */
  16%,36%,56%,76%,96% {
    width:100%;
    opacity:.7;
  }
  
  /* In these keyframes, the progress-bar has finished his path */
  17%,37%,57%,77%,97% {
    width:100%;
    opacity:.3;
  }
  
  /* In these keyframes, the progress-bar will disappear and then resume the 
                                              
                                              cycle */
  18%,38%,58%,78%,98% {
    width:100%;
    opacity:0;
  }
}

#slider .tooltip {
  background:rgba(0,0,0,0.7);
  width:300px;
  height:60px;
  position:relative;
  bottom:84px;
  left:-320px;
}

#slider .tooltip h1 {
  color:#fff;
  font-size:28px;
  font-weight:300;
  font-family:Pacifico;
  line-height:53px;
  padding:0 0 0 10px;
}

#slider .tooltip {
  transition:all .3s ease-in-out;
}

#slider li#first:hover .tooltip,#slider li#second:hover .tooltip,#slider li#third:hover .tooltip,#slider li#fourth:hover .tooltip,#slider li#fifth:hover .tooltip {
  left:0;
}

#slider:hover li,#slider:hover .progress-bar {
  animation-play-state:paused;
}

.header {
  font-size:40px;
  font-family:Yellowtail;
  font-style:normal;
  color:#000;
  background-image:url(https://img.mfcimg.com/photos2/131/13144728/810-230-361-229-10736610.jpg);
  background-size:1000px 65px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-top:solid #007eff 2px;
  border-right:solid #007eff 2px;
  border-left:solid #007eff 2px;
  text-align:center;
  height:65px;
}

.body-desc {
  font-size:20px;
  font-family:Chewy;
  font-style:normal;
  color:#000;
  background:#FFF;
  text-align:left;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  overflow:auto;
}

/*Menu*/
.menu-title {
  font-size:34px;
  font-family:Chewy;
  font-weight:900;
  margin-left:410px;
}

.menu-left ul {
  display:inline-block;
  list-style-type:circle;
  font-size:24px;
  font-family:Chewy;
  font-weight:900;
  margin-left:15px;
  margin-top:25px;
  float:left;
}

.menu-left ol {
  display:inline-block;
  font-size:24px;
  font-family:Chewy;
  font-weight:900;
  margin-left:68px;
  margin-right:415px;
  text-align:right;
  list-style-type:none;
}

.menu-right ul {
  display:inline-block;
  list-style-type:circle;
  font-size:24px;
  font-family:Chewy;
  font-weight:900;
  margin-right:250px;
  margin-top:-552px;
  float:right;
}

.menu-right ol {
  display:inline-block;
  font-size:24px;
  font-family:Chewy;
  font-weight:900;
  margin-top:-552px;
  margin-right:40px;
  text-align:right;
  list-style-type:none;
  float:right;
}

.dream-tip {
  font-size:44px;
  font-family:Chewy;
  font-weight:900;
  margin-left:150px;
  margin-right:30px;
  margin-top:-50px;
  float:right;
}

.tippers {
  font-size:20px;
  font-family:Chewy;
  font-style:normal;
  text-align:center;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:20px;
  -webkit-columns:10px 5;
  -moz-columns:10px 5;
  columns:10px 5;
}

/*Team Section*/
#teamwrapper {
  width:920px;
  margin-left:auto;
  border-radius:15px;
}

.teamsheader {
  width:203px;
  height:50px;
  font-size:20px;
  font-family:Permanent Marker;
  font-style:normal;
  color:#000;
  background:#d3d3d3;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  border-top:solid 2px #000;
  border-right:solid 2px #000;
  border-left:solid 2px #000;
  -webkit-box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  -moz-box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  margin-top:1.5%;
  text-align:center;
  float:left;
  display:inline;
  position:relative;
}

.teams {
  width:170px;
  background-color:#FFF;
  border:solid 2px #002366;
  border-radius:15px 15px 15px 15px;
  -webkit-box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  -moz-box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  box-shadow:5px 5px 2px .6px rgba(0,0,0,0.75);
  margin-top:1.5%;
  margin-right:.9%;
  margin-left:.8%;
  display:inline;
  position:relative;
  float:left;
}

.teams .headerone {
  font-size:30px;
  font-family:Chewy;
  font-style:normal;
  background-color:#436B95;
  border-radius:13px 13px 0 0;
  margin-bottom:10px;
  text-align:center;
}

.teams .detail {
  font-size:14px;
  font-family:Arial;
  font-style:normal;
  background-color:#FFF;
  color:#002366;
  border-radius:0 0 15px 15px;
  margin:auto;
}

.teams h2 {
  width:100px;
  position:relative;
  padding:8px 10px;
  margin:5px 20px;
  color:#000;
  font:bold 15px Permanent Marker;
  display:inline-block;
  background-color:#436B95;
  border:solid 2px #002366;
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  -o-border-radius:30px;
  -webkit-box-shadow:4px 4px 1px .6px rgba(0,0,0,0.75);
  -moz-box-shadow:4px 4px 1px .6px rgba(0,0,0,0.75);
  box-shadow:4px 4px 1px .6px rgba(0,0,0,0.75);
  float:initial;
}

.teams h2:hover {
  background:#436B95;
  color:#FFF;
  -webkit-box-shadow:0 0 0 .6px rgba(0,0,0,0.75);
  -moz-box-shadow:0 0 0 .6px rgba(0,0,0,0.75);
  box-shadow:0 0 0 .6px rgba(0,0,0,0.75);
}

.teams ul {
  margin:0;
  padding:0;
  list-style:none;
  font-weight:bold;
}

.teams li {
  border-top:1px solid #ddd;
  padding:7px 5px;
  text-align:center;
}

/*Buttons*/
.twitter {
  display:inline-block;
  width:125px;
  height:125px;
  background:url(https://img.mfcimg.com/photos2/131/13144728/355-113-588-380-10736678.png) no-repeat;
  position:relative;
  transition:all .7s ease-in-out;
  border-radius:15%;
  border:6px solid #007eff;
}

.twitter:hover {
  border-radius:50%;
  border:6px solid #007eff;
  cursor:pointer;
  box-shadow:inset 0 0 10px 2px #000000;
}

.instagram {
  display:inline-block;
  width:125px;
  height:125px;
  background:url(https://img.mfcimg.com/photos2/131/13144728/784-434-689-879-11210457.png) no-repeat;
  position:relative;
  transition:all .7s ease-in-out;
  border-radius:15%;
  border:6px solid #007eff;
}

.instagram:hover {
  border-radius:50%;
  border:6px solid #007eff;
  cursor:pointer;
  box-shadow:inset 0 0 10px 2px #000000;
}

.divider {
  width:100px;
  height:auto;
  display:inline-block;
}

/*Photo Section*/
.photo_gallery_image {
  width:100px;
  height:100px;
  border:5px solid #007eff;
  border-radius:10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-box-shadow:0 0 -1px 2px #4169E1;
  -moz-box-shadow:0 0 -1px 2px #4169E1;
  box-shadow:0 0 -1px 2px #4169E1;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}

.photo_gallery_image:hover {
  border:5px solid #4169E1;
  -webkit-box-shadow:2px 2px 12px 5px #4169E1;
  -moz-box-shadow:2px 2px 12px 5px #4169E1;
  box-shadow:2px 2px 12px 5px #4169E1;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -ms-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}

/*Comments Section*/
#new_comment {
  margin:0 1px;
  padding-top:20px;
  padding-left:15px;
  background:#FFF;
  border-top:solid 1px #007eff;
  border-right:solid 1px #007eff;
  border-left:solid 1px #007eff;
  border-radius:20px 20px 0 0;
}

#new_comment_inputs {
  height:150px;
}

#new_comment_buttons {
  margin-left:20px;
}

#user_comment_comment {
  font-family:Chewy;
  font-size:20px;
  padding-left:10px;
}

.user_comment_textarea_small {
  width:700px;
  min-width:700px;
  max-width:700px;
  height:100px;
  box-shadow:0 0 6px 1px #007eff;
  margin-left:20px;
}

.wall_post {
  background:#FFF;
  width:984px;
  border-left:solid 1px #007eff;
  border-right:solid 1px #007eff;
  border-top:solid 1px #2D499D;
  padding:10px;
  margin-left:1px;
}

.wall_post_avatar {
  height:90px;
  width:90px;
  background:url(http://25dip.com/wp-content/uploads/2012/11/leo_dicaprio1_300_400.jpg);
  background-size:90px,90px;
  border-radius:10px;
}

.wall_post_avatar img {
  height:90px;
  width:90px;
  border-radius:10px;
  box-shadow:2px 2px 5px #4169E1;
}

.wall_post_info {
  font-family:Chewy;
  font-size:24px;
  padding-left:110px;
}

.wall_post_time {
  font-family:Chewy;
  font-size:20px;
  float:right;
  margin-top:-30px;
}

.wall_post_body {
  font-family:Chewy;
  font-size:20px;
}

.credits {
  width:88px;
  height:40px;
  background:#0058b2;
  font-size:12px;
  font-family:Permanent Marker;
  text-align:center;
  border-radius:6px;
  border:1px solid #007eff;
  position:fixed;
  margin:0 1019px;
  z-index:9999;
  bottom:3px;
  -webkit-box-shadow:0 0 2px 1px #4169E1;
  -moz-box-shadow:0 0 2px 1px #4169E1;
  box-shadow:0 0 2px 1px #4169E1;
  -webkit-transform:translateZ(3);
}

/*Fonts*/
@font-face {
  font-family:'Pacifico';
  font-style:normal;
  font-weight:400;
  src:local('Pacifico Regular'),local(Pacifico-Regular),url(https://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");
}

@font-face {
  font-family:'Permanent Marker';
  font-style:normal;
  font-weight:400;
  src:local('Permanent Marker'),local(PermanentMarker),url(https://fonts.gstatic.com/s/permanentmarker/v5/9vYsg5VgPHKK8SXYbf3sMsW72xVeg1938eUHStY_AJ4.woff2) format("woff2");
}

@font-face {
  font-family:'Chewy';
  font-style:normal;
  font-weight:400;
  src:local(Chewy),url(https://fonts.gstatic.com/s/chewy/v7/rb3O4cUMVLYzfgbaJOdJHw.woff2) format("woff2");
}

@font-face {
  font-family:'Yellowtail';
  font-style:normal;
  font-weight:400;
  src:local(Yellowtail),url(https://fonts.gstatic.com/s/yellowtail/v6/GcIHC9QEwVkrA19LJU1qlPk_vArhqVIZ0nv9q090hN8.woff2) format("woff2");
}

/*Hidden Sections*/
#username_container,#body_type_container,#ethnicity_container,#hair_container,#eyes_container,#weight_container,#height_container,#age_container,#city_container,#sexual_preference_container,#marital_status_container,#marital_status_container,#gender_container,#country_container,#gender_container,#eyes_container,#smoke_container,#drink_container,#drugs_container,#occupation_container,#favorite_food_container,#pets_container,#school_container,#automobile_container,#header_bar,#footer_bar,#profile_header,#profile_header_container,#profile_avatar,#profile_main_photo,#about_me_label,#tags_label,#tags_value,.heading {
  display:none;
}