@charset "UTF-8";

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

a:visited {
  color:#ff0000;
}

body {
  background-color:#ffffff;
  background-color:#010101;
  color:#ffffff;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
}

#fixed_background {
  display:block;
  background-position:center center;
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-image:url(https://img.mfcimg.com/photos2/169/16903652/517-863-784-179-6473984.jpg);
}

.profile_section_content {
  color:#ffffff;
  border:0 none #;
  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;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=10);
  opacity:.1;
  background-image:url(https://img.mfcimg.com/photos2/169/16903652/450-964-517-137-6473996.jpg);
}

.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:#1f20fa;
  color:#FFFFFF;
  font-family:'Comic Sans MS';
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  -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 #f3e8e8;
  -moz-text-shadow:0 0 0 #f3e8e8;
  text-shadow:0 0 0 #f3e8e8;
}

.content {
  padding:5px;
}

#tipers {
  display:inline-block;
  width:800px;
  height:600px;
  margin:0 auto;
  background:url(http://i.imgur.com/csEWhtr.png?1),url(http://i.imgur.com/qPdLDZp.gif);
  background-repeat:no-repeat,no-repeat;
  background-size:auto,100%;
  background-attachment:scroll,fixed;
  position:relative;
}

#tipersBod {
  width:760px;
  height:340px;
  margin-left:10px;
  margin-top:100px;
  background:url(http://i.imgur.com/VH4tpoB.png) no-repeat rgba(255,255,255,.1);
  background-size:100%;
  overflow:auto;
  color:#fff;
  padding:10px;
  text-align:center;
  border:1px solid rgba(255,255,255,.5);
  background-position:center;
  text-shadow:0 1px 0 #000;
  font-size:16px;
}

#tipersBod:hover {
  color:#fff;
  text-shadow:0 0 8px #fff;
  -webkit-transition:ease .5s;
  -moz-transition:ease .5s;
  transition:ease .5s;
  background:url(http://i.imgur.com/4DZyGcQ.png) center no-repeat;
  background-size:100%;
}

#tipersBod ul li {
  list-style:none;
  margin-left:-80px;
  display:block;
}

#tipersBod li::before {
  content:'';
  display:inline-block;
  width:20px;
  height:14px;
  margin-right:6px;
  background:url(http://i.imgur.com/Y9LJbhf.png) no-repeat bottom;
}

#tipersBod li:hover::before {
  content:'';
  display:inline-block;
  width:20px;
  height:14px;
  margin-right:6px;
  background:url(http://i.imgur.com/LJ1gXe7.png) no-repeat bottom;
  -webkit-transition:ease .5s;
  -moz-transition:ease .5s;
  transition:ease .5s;
}

#tipInfo {
  display:block;
  width:760px;
  height:100px;
  margin-left:10px;
  margin-top:10px;
  background:rgba(0,0,0,.5);
  overflow:auto;
  color:#fff;
  padding:10px;
  font-variant:small-caps;
}