@charset "UTF-8";

UTF-8;
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border:0;
  margin:0;
  padding:0;
  font-size:100%;
}

html,body {
  height:100%;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block;
}

b,strong {
  font-weight:bold;
}

img {
  color:transparent;
  font-size:0;
  vertical-align:middle;
  -ms-interpolation-mode:bicubic;
}

ol,ul {
  list-style:none;
}

li {
  display:list-item;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

th,td,caption {
  font-weight:normal;
  vertical-align:top;
  text-align:left;
}

q {
  quotes:none;
}

q:before,q:after {
  content:'';
  content:none;
}

sub,sup,small {
  font-size:75%;
}

sub,sup {
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub {
  bottom:-.25em;
}

sup {
  top:-.5em;
}

svg {
  overflow:hidden;
}

body {
  font-family:Verdana,Geneva,sans-serif;
  color:#FFF;
  font-size:12px;
  background-attachment:fixed;
  background-image:url(http://fashinobi.files.wordpress.com/2013/03/1352964314_05.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}

p {
  margin-bottom:10px;
  line-height:21px;
}

a {
  color:#F09;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#header_bar,#footer_bar,#profile_main_photo,#profile_header,#profile_friends {
  display:none;
}

#top {
  position:fixed;
  background-position:left;
  top:0;
  left:0;
  width:250px;
  background-color:rgba(0,0,255);
  overflow:auto;
}

.menu {
  width:150px;
  height:1080px;
  float:none;
  overflow:auto;
}

.menu a {
  display:block;
  padding:10px;
  color:#FFF;
  font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
  text-decoration:none;
  font-size:16px;
  top:200px;
  left:20px;
  float:left;
  opacity:1;
  transition:opacity .5s ease;
  transition:padding .3s ease;
  position:relative;
}

.menu a:hover {
  opacity:.4;
  padding:17px 20px 23px;
}

.logo {
  position:fixed;
  top:250px;
  right:-60px;
  width:580px;
  height:225px;
  transition:top .2s ease;
  transition:left .2s ease;
  transition:width .2s ease;
}

#profile_about_me_friends .heading {
  text-transform:uppercase;
  font-size:38px;
  font-weight:normal;
  border-bottom:1px dotted #666666;
  padding-bottom:10px;
  margin-bottom:20px;
}

#profile_about_me_friends {
  width:890px;
  min-height:150px;
  background-color:rgba(0,0,255);
  position:absolute;
  top:0;
  left:-1000px;
  padding:40px;
  transition:left .4s ease-in-out;
}

#profile_about_me_friends:target {
  left:500px;
}

#profile_interests_content .heading {
  text-transform:uppercase;
  font-size:38px;
  font-weight:normal;
  border-bottom:1px dotted #666666;
  padding-bottom:10px;
  margin-bottom:20px;
}

#profile_interests_content {
  width:800px;
  min-height:150px;
  background-color:rgba();
  position:absolute;
  top:0;
  left:-1000px;
  padding:40px;
  transition:left .4s ease-in-out;
}

#profile_interests_content:target {
  left:500px;
}

#profile_interests_content .profile_section_content {
  overflow-y:scroll;
  height:550px;
}

#profile_comments .heading {
  text-transform:uppercase;
  font-size:38px;
  font-weight:normal;
  border-bottom:1px dotted #666666;
  padding-bottom:10px;
  margin-bottom:20px;
}

#profile_comments {
  width:800px;
  min-height:150px;
  background-color:rgba(0,0,255);
  position:absolute;
  top:0;
  left:-1000px;
  padding:40px;
  transition:left .4s ease-in-out;
}

#profile_comments:target {
  left:500px;
}

#profile_comments .profile_section_content {
  overflow-y:scroll;
  height:550px;
}

#videos {
  position:relative;
  min-width:500px;
  min-height:150px;
  background-color:rgba(0,0,255);
  top:-750px;
  left:-1400px;
  padding:40px;
  transition:left .4s ease-in-out;
}

#videos:target {
  left:1400px;
}

a.button.blue {
  background:#0D49EC;
  background:-webkit-gradient(linear,0 0,0 bottom,from(#0D49EC),to(#FBF9FB));
  background:-moz-linear-gradient(#0D49EC,#FBF9FB);
  background:linear-gradient(#0D49EC,#FBF9FB);
  border:solid 1px #0D49EC;
  border-bottom:solid 3px #0D49EC;
  box-shadow:inset 0 0 0 1px #0D49EC;
  color:#0000FF;
  text-shadow:0 1px 0 #0D49EC;
  margin-left:10px;
}

a.button.blue:hover {
  background:#0D49EC;
  background:-webkit-gradient(linear,0 0,0 bottom,from(#0D49EC),to(#FBF9FB));
  background:-moz-linear-gradient(#0D49EC,#FBF9FB);
  background:linear-gradient(#0D49EC,#FBF9FB);
  border:solid 1px #0D49EC;
  border-bottom:solid 3px #0D49EC;
  box-shadow:inset 0 0 0 1px #0D49EC;
}

a.button.blue:active {
  background:#0D49EC;
  background:-webkit-gradient(linear,0 0,0 bottom,from(#0D49EC),to(#FBF9FB));
  background:-moz-linear-gradient(#0D49EC,#FBF9FB);
  background:linear-gradient(#0D49EC,#FBF9FB);
  border:solid 1px #0D49EC;
  box-shadow:inset 0 10px 10px 0 #0D49EC;
}

p {
  margin-top:-405px;
}