Claire About Me

<style>
.xpdonnax { BG P R O P E R T I E S }

body {
background-color:#ffffff;
margin-top:300px;
overflow-y:auto; }


.xpdonnax { TABLE P R O P E R T I E S }

table, tr, td { background-color:transparent; border:0px!important; }


.xpdonnax { SCROLLBAR P R O P E R T I E S }

::-webkit-scrollbar-thumb { background-color:#990012; }

::-webkit-scrollbar {
width:3px;
height:3px;
background:#ffffff; }


.xpdonnax { REGULAR  L I N K S }

a:active, a:visited, a:link {
color:#000000;
font-family:consolas;
font-size:9px;
line-height:9px;
padding:0px 2px 0px 2px;
text-decoration:none;
text-transform:uppercase;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
transition: all 0.6s linear;}


.xpdonnax { NAVIGATION L I N K S }

a.first, a.first:link, a.first:active, a.first:visited {
color:#ffffff;
font-family:georgia;
font-weight:lighter;
line-height:28px;
font-size:27px;
display:block;
height:28px;
text-align:right;
letter-spacing:-2px;
margin:0px 18px 0px 0px;
text-shadow:1px 1px 0px #000000;
text-transform:lowercase;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}

[data-nav]:after{
content: attr(data-nav);
padding:0px 0px 0px 8px;
margin:0px;
width:28px;
height:28px;
color: #ffffff;
line-height:28px;
font-family:times;
font-size:28px;
text-align:left;
position:absolute;
text-shadow:0px 0px 0px transparent;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;}

[data-nav]:hover:after{ color:#990012; }


.xpdonnax { EXTRA NAVIGATION L I N K S }

a.second, a.second:link, a.second:active, a.second:visited {
font-family:consolas;
font-size:10px;
display:inline-block;
line-height:75px;
width:5.38%;
height:775%;
float:left;
padding:0%;
color:#ffffff;
text-align:center;
background:#ff0017;
margin:0% .5% 0% 0%;
text-shadow:1px 1px 0px #000000;
text-transform:lowercase;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}

a.second:hover { text-transform:uppercase!important; }


.xpdonnax { EXTRA NAVIGATION L I N K S }

a.luv, a.luv:link, a.luv:active, a.luv:visited {
font-family:consolas;
font-size:105px;
display:inline-block;
line-height:110px;
width:70px;
height:100%;
float:left;
padding:0%;
margin:0%;
color:#ffffff;
text-align:center;
background:#000000;
text-shadow:1px 1px 0px #ffffff;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all .5s linear;}

a.luv:hover { background:#990012; }


.text, table, tr, td, li, p, div {
color:#000000;
font-family:consolas;
font-size:10px;
font-weight:lighter;
line-height:9px;
letter-spacing:0px;
text-transform:normal;}


i {
color:#990012;
font-size:10px;
font-family:Palatino Linotype;
text-transform:none;
letter-spacing:1px;
font-weight:bold;}


b {
color:#990012;
font-size: 14px;
font-weight:lighter;
font-family: georgia;
text-transform: lowercase;
line-height:13px;
letter-spacing: -1px;}


u {
color:#ffffff;
font-family:ms gothic;
font-size:10px;
line-height:11px;
background-color:#990012;
text-transform:uppercase;
text-decoration:none;
font-weight:lighter;
font-style:normal;
padding:0px 0px 1px 2px;
letter-spacing:2px;}


strong {
color:#990012;
font-size: 14px;
font-weight:lighter;
font-family: georgia;
text-transform: lowercase;
line-height:13px;
letter-spacing: -1px;}


.xpdonnax { HEADERS }

h1{
color:#FEFCFF;
line-height:40px;
text-transform:uppercase;
font-family:arial;
font-size:38px;
font-style:italic;
text-align:center;
letter-spacing:-8px;
text-shadow:2px 2px 0px #000000;
margin:11.5% 0px -1% -8px;}


h2{
color:#FEFCFF;
font-family:arial narrow;
font-size:9.5px;
font-style:normal;
font-weight:lighter;
line-height:8px;
text-align:center;
letter-spacing:0px;
text-transform:none;
text-shadow:1px 1px 0px #000000;
margin:0px;
height:10px;}

h3{
font-family:cambria;
font-size:12px;
font-style:normal;
font-weight:lighter;
line-height:13px;
text-align:center;
letter-spacing:.5px;
text-transform:none;
margin:0px;
height:13px;}


h4{
color:#000000;
line-height:16px;
font-weight:lighter;
text-transform:none;
font-family:arial narrow;
font-size:17px;
text-align:left;
word-spacing:5px;
letter-spacing:-.5px;
text-shadow:0px 0px 0px transparent;
margin:0px;
padding:0px 0px 0px 8px;}


h5{
width:100%;
float:left;
color:#000000;
line-height:16px;
font-weight:lighter;
font-style:italic;
text-transform:none;
font-family:arial narrow;
border-bottom:1px solid #ff0017;
font-size:15px;
text-align:right;
letter-spacing:-1px;
margin:0px;
padding:0px;}


h6{
color:#000000;
line-height:24px;
text-transform:none;
font-family:georgia;
font-size:24px;
text-align:left;
font-weight:lighter;
letter-spacing:-3px;
margin:0px;}


.xpdonnax { S P A N CLASS P R O P E R T I E S }

.dropcap {
float: left;
line-height:36px;
padding:4px 6px 4px 6px;
margin:0px 4px 2px 0px;
font:bold 20px georgia;}


.red{ color:#990012; }

blockquote{
margin:0px;
padding:0px;
width:50%;
float:left;
text-align:left;
line-height:8px;}

.xpdonnax { D I V T A B L E S }

#yolo{
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;}

#yolo .left{
top:0px;
left:0px;
width:50%;
height:100%;
z-index:1;
position:fixed;
background:#000000;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;}

#yolo:hover .left{
width:40%;}

#yolo .right{
top:0px;
right:0px;
width:50%;
height:100%;
z-index:1;
position:fixed;
background:#990012;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;}

#yolo:hover .right{
width:40%;}

#yolo .line{
top:0%;
right:49.5%;
width:1%;
height:100%;
z-index:2;
position:fixed;
background:#ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;}

#yolo:hover .line{
top:50%;
height:0%;}


#yolo .puddin{
top:36%;
left:45%;
width:10%;
height:27.5%;
z-index:100;
position:fixed;
text-align:center;
background:transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);}

#yolo:hover .puddin{
height:0%;
font-size:0px;
z-index:-1;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}


#yolo .diamond{
top:33%;
left:43%;
z-index:99;
width:13%;
height:35%;
position:fixed;
text-align:justify;
background:url('');
background-size:12%;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);}

#yolo:hover .diamond{
height:0;
width:0;
left:46%;
z-index:-1;
font-size:0px;
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}


#yolo .info{
top:1.8%;
left:41%;
width:18%;
height:96%;
z-index:0;
position:fixed;
background:#ffffff;}


#yolo .love{
top:63.5%;
left:52.6%;
width:5.1%;
height:16.8%;
z-index:0;
font-size:0px;
color:transparent;
position:fixed;
background:#ffffff;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;}

#yolo .love:hover{
color:#ffffff;
font-size:10px;
left:42.2%;
width:15.6%;}

#yolo .love .luvinfo{
float:right;
width:0%;
height:100%;
font-size:0px;
overflow-y:auto;
text-align:left;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}

#yolo .love:hover .luvinfo{
width:63.2%;
font-size:10px;
filter:alpha(opacity=1);
-html-opacity:1;
-moz-opacity:1;
opacity:1;}


#yolo .connections{
display:inline;
overflow-x: auto;
overflow-y:hidden;
width:100%;
height:16%;
float:left;
margin-top:0%;}


#yolo .quote{
bottom:16%;
left:40%;
width:0%;
height:auto;
z-index:100;
position:fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}

#yolo:hover .quote{
width:13%;
left:26%;
filter:alpha(opacity=1);
-html-opacity:1;
-moz-opacity:1;
opacity:1;}

#yolo .harley{
bottom:-2%;
left:63%;
width:0%;
height:500px;
z-index:100;
position:fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}

#yolo:hover .harley{
width:25%;
filter:alpha(opacity=1);
-html-opacity:1;
-moz-opacity:1;
opacity:1;}

#yolo .haha{
bottom:22%;
left:63%;
width:500px;
height:500px;
z-index:100;
position:fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}

#yolo:hover .haha{
filter:alpha(opacity=1);
-html-opacity:1;
-moz-opacity:1;
opacity:1;}

#yolo .name{
bottom:20%;
left:39.8%;
width:48%;
height:10%;
z-index:100;
color:#ffffff;
position:fixed;
line-height:50px;
text-transform:none;
font-family:arial narrow;
font-weight:lighter;
font-size:60px;
letter-spacing:-8px;
text-shadow:2px 2px 0px #000000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
filter:alpha(opacity=0);
-html-opacity:0;
-moz-opacity:0;
opacity:0;}

#yolo:hover .name{
filter:alpha(opacity=1);
-html-opacity:1;
-moz-opacity:1;
opacity:1;}


#yolo .music{
bottom:6px;
width:150px;
left:6px;
height:85px;
z-index:100;
position:fixed;
border:1px solid #ffffff;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;}

#yolo .music:hover{
width:525px;
height:300px;}


.xpdonnax { C R E D I T  L I N K S }

a.hightimes, a.hightimes:link, a.hightimes:active, a.hightimes:visited {
font-size:30px;
font-family:sans serif;
display:block;
line-height:30px;
padding:0px;
margin:0px;
width:30px;
height:30px;
text-align:right;
background-color:transparent;
text-transform:uppercase;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;}


.credit {
bottom:6px;
right:12px;
width:30px;
height:30px;
z-index:100;
text-align:right;
overflow:hidden;
position:fixed;}


.xpdonnax { HIDE C O D E S & ETC }

.clearfix { display:none; }
table.profileInfo table tr:last-child { display:none; }
div.clearfix ul small { display:none!important; }
table.rail { display:none; }
#googlebar { display:none; }
.profileinfo { display:none; }
.extendedNetwork { display:none; }
.userProfileURL { display:none; }
.friendscomments { display:none; }
.interestsAndDetails { display:none; }
.lightbluetext8 { display:none; }
.userProfiledetail { display:none; }
.latestBlogEntry { display:none; }
.orangetext15 { display:none; }
.userAlbums { display:none; }
.friendspace { display:none; }
.contacttable { display:none; }
.msOnlineNow { display:none; }
#Groups {display:none!important;}
#footerWarpper { display:none; }
</style>