@charset "UTF-8";

/* HIDE ALL THE STUFF WE DONT NEED */
#fixed_background,#header_bar,#footer_bar,#profile_comments,#profile_main_photo,#profile_header_container,.heading,#about_me_label,#meaning_life_label,#five_things_label,#know_me_label,#for_fun_label,#be_anywhere_label,#hobbies_container,#favorite_books_label,#craziest_thing_label {
  display:none!important;
}

body {
  padding:0!important;
  margin:0;
  background-color:#d0c5df;
  font-family:Arial,Helvetica,Verdana!important;
  font-size:14px!important;
}

h1 {
  text-shadow:2px 2px pink;
}

.mainBgColor {
  background-color:#cc3399;
}

.highlightColor {
  color:#800080;
}

#profile {
  width:940px!important;
  margin:0 auto;
  background-color:white;
  box-shadow:0 0 20px 3px #333;
  padding-top:40px;
  padding-bottom:1px;
}

.wrapper {
  width:940px;
  margin:0 auto;
}

.divider {
  width:940px;
  height:10px;
}

a img {
  outline:none;
  border:none;
}

.anchor {
  padding-top:35px;
}

.paddedContent {
  padding:0 40px;
  margin-bottom:15px;
}

.baseContent {
  margin-top:20px;
}

.floatLeft {
  float:left;
}

.clear {
  clear:both;
}

.col {
  display:inline-block;
  vertical-align:top;
}

.imgHeadline {
  display:block;
}

.colContent {
  margin-top:20px;
  width:428px;
}

.colContentWide {
  margin-top:20px;
  width:66%;
}

.colContentSlim {
  margin-top:20px;
}

/* Menu */
#header {
  position:fixed;
  height:40px;
  width:100%;
  color:white;
  box-shadow:0 3px 20px 3px rgba(0,0,0,.8);
  z-index:999;
  top:0;
  left:0;
}

#menu ul {
  display:block;
  width:100%;
  list-style-type:none;
  padding:0;
  margin:0;
  text-align:justify;
  font-size:16px;
}

#menu ul li {
  margin:0;
  padding:0;
  display:inline-block;
}

#menu ul li a {
  padding:0 30px;
  color:white;
  text-decoration:none;
  line-height:40px;
  height:40px;
  display:inline-block;
}

#menu ul li a:hover {
  background-color:#ff66cc;
}

#menu ul::after {
  content:'';
  width:100%;
  display:inline-block;
  font-size:0;
  line-height:0;
}

/* Custom Content*/
.container {
  line-height:20px;
  margin:0!important;
  display:block!important;
}

#topContent {
  position:absolute;
  top:40px;
  margin-left:-40px;
}

#topContent #banner {
  height:400px;
}

#logoHolder {
  position:absolute;
  top:483px;
  margin-left:122px;
}

#WhatsHappening {
  width:438px;
  position:absolute;
  top:684px;
  margin-left:462px;
}

#WhatsHappening img {
  max-width:438px;
}

.paddedContent {
  padding:0 40px;
}

/* Links */
#links {
  text-align:right;
  width:438px;
  margin-top:32px;
  position:absolute;
  top:470px;
  margin-left:422px;
}

.linksHeader {
  position:absolute;
  margin-top:-30px;
  margin-left:0;
}

.linksRow {
  clear:both;
  margin-bottom:55px;
  height:36px;
}

.linksGroup {
  float:right;
}

.linkItem {
  overflow:hidden;
  height:33px;
  width:57px;
  display:inline-block;
  margin-left:8px;
}

.linkItem > img {
  position:absolute;
  margin-top:30px;
  z-index:200;
}

.linkItem a {
  position:relative;
  top:10px;
  display:inline-block;
  -webkit-transform:translate(0px,0px);
  -moz-transform:translate(0px,0px);
  -o-transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  transform:translate(0px,0px);
  -webkit-transition-delay:.5s;
  -moz-transition-delay:.5s;
  -o-transition-delay:.5s;
  -ms-transition-delay:.5s;
  transition-delay:.5s;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.linkItem a:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
  -webkit-transition-delay:.5s;
  -moz-transition-delay:.5s;
  -o-transition-delay:.5s;
  -ms-transition-delay:.5s;
  transition-delay:.5s;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

/* Shop Items */
.shopItems {
  margin-top:5px;
}

.view {
  width:246px;
  height:180px;
  margin:15px 10px;
  float:left;
  border:10px solid #ffffff;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  overflow:hidden;
  position:relative;
  text-align:center;
  -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
  -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
  box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
  cursor:default;
}

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

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

.view h2 {
  text-transform:uppercase;
  color:#800080;
  text-align:center;
  position:relative;
  font-size:17px;
  padding:5px;
  background:rgba(0,0,0,0.8);
  font-weight:bolder;
}

.view p {
  position:relative;
  color:#fff;
  padding:0 15px;
  text-align:center;
  min-height:85px;
  margin:5px 0;
}

.view a.info {
  display:inline-block;
  text-decoration:none;
  padding:7px 14px;
  background:#000;
  color:#fff;
  text-transform:uppercase;
  box-shadow:0 0 1px #000;
}

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

.view-second img {
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;
  transition:all .2s ease-in;
}

.view-second .mask {
/*background-color: rgba(204,51,153, 0.4);*/
  background-color:rgba(255,102,204,0.7);
  width:246px;
  padding:60px;
  height:300px;
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  -webkit-transform:translate(265px,145px) rotate(45deg);
  -moz-transform:translate(265px,145px) rotate(45deg);
  -o-transform:translate(265px,145px) rotate(45deg);
  -ms-transform:translate(265px,145px) rotate(45deg);
  transform:translate(265px,145px) rotate(45deg);
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.view-second h2 {
  border-bottom:1px solid rgba(0,0,0,0.3);
  background:transparent;
  margin:10px 20px 0;
  -webkit-transform:translate(200px,-200px);
  -moz-transform:translate(200px,-200px);
  -o-transform:translate(200px,-200px);
  -ms-transform:translate(200px,-200px);
  transform:translate(200px,-200px);
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.view-second p {
  -webkit-transform:translate(-200px,200px);
  -moz-transform:translate(-200px,200px);
  -o-transform:translate(-200px,200px);
  -ms-transform:translate(-200px,200px);
  transform:translate(-200px,200px);
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

.view-second a.info {
  -webkit-transform:translate(0px,100px);
  -moz-transform:translate(0px,100px);
  -o-transform:translate(0px,100px);
  -ms-transform:translate(0px,100px);
  transform:translate(0px,100px);
  -webkit-transition:all .2s .1s ease-in-out;
  -moz-transition:all .2s .1s ease-in-out;
  -o-transition:all .2s .1s ease-in-out;
  -ms-transition:all .2s .1s ease-in-out;
  transition:all .2s .1s ease-in-out;
}

.view-second:hover .mask {
  -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  opacity:1;
  -webkit-transform:translate(-80px,-125px) rotate(45deg);
  -moz-transform:translate(-80px,-125px) rotate(45deg);
  -o-transform:translate(-80px,-125px) rotate(45deg);
  -ms-transform:translate(-80px,-125px) rotate(45deg);
  transform:translate(-80px,-125px) rotate(45deg);
}

.view-second:hover h2 {
  -webkit-transform:translate(0px,0px);
  -moz-transform:translate(0px,0px);
  -o-transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  transform:translate(0px,0px);
  -webkit-transition-delay:.3s;
  -moz-transition-delay:.3s;
  -o-transition-delay:.3s;
  -ms-transition-delay:.3s;
  transition-delay:.3s;
}

.view-second:hover p {
  -webkit-transform:translate(0px,0px);
  -moz-transform:translate(0px,0px);
  -o-transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  transform:translate(0px,0px);
  -webkit-transition-delay:.4s;
  -moz-transition-delay:.4s;
  -o-transition-delay:.4s;
  -ms-transition-delay:.4s;
  transition-delay:.4s;
}

.view-second:hover a.info {
  -webkit-transform:translate(0px,0px);
  -moz-transform:translate(0px,0px);
  -o-transform:translate(0px,0px);
  -ms-transform:translate(0px,0px);
  transform:translate(0px,0px);
  -webkit-transition-delay:.5s;
  -moz-transition-delay:.5s;
  -o-transition-delay:.5s;
  -ms-transition-delay:.5s;
  transition-delay:.5s;
}

/* Gems */
#gems {
  margin-bottom:0;
  line-height:18px;
  font-weight:bold;
}

#gems .colContentWide {
  width:610px;
}

#gems .highlightColor {
  font-size:18px;
}

/* Footer */
#Footer {
  height:50px;
  padding:10px 40px;
  text-align:right;
  width:860px;
}

/* Content */
#profile_about_me,#profile_friends {
  margin-left:40px;
}

#avatar_holder {
  text-align:left!important;
  float:none!important;
  margin:0 0 0 40px!important;
  width:auto!important;
  height:auto!important;
}

.profile_subsection {
  width:395px;
}

#profile .profile_row:first-child {
  margin-top:430px;
  display:block!important;
}

.profile_section_content {
  padding:0!important;
  width:860px;
  margin:0 0 20px!important;
  z-index:initial!important;
  position:inherit!important;
  -webkit-border-radius:0!important;
  -moz-border-radius:0!important;
  border-radius:0!important;
}

#profile_interests_content .profile_section_content {
  padding:0;
}

#profile_interests_content .colContent {
  line-height:initial;
}

#profile_avatar {
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  border:1px solid white;
  margin-right:20px;
  -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
  -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
  box-shadow:0 1px 3px 0 rgba(0,0,0,.8);
}

.label {
  width:140px;
  color:#800080;
  display:inline-block!important;
  margin:0!important;
  font-weight:normal!important;
  min-width:initial!important;
}

.value {
  display:inline-block!important;
  margin:0!important;
}

#profile_friends {
  margin-top:20px;
}

.hidden {
  display:none;
}

.notice {
  color:green;
}

#alcancia {
  position:fixed;
  right:15%;
  bottom:20px;
  display:block;
  background-image:http://1.bp.blogspot.com/-tZ00yNxGJBU/VWKkVgR0o5I/AAAAAAAACtg/hcMKsOi93tM/s1600/piggy-bank.png;
}

#alcancia:hover {
  position:fixed;
  right:15%;
  bottom:20px;
  background-image:http://2.bp.blogspot.com/-merbEeO5sg4/VWKntYPz40I/AAAAAAAACts/Xq1zhG8rItc/s1600/piggy-bank-feliz.png;
}