Checkers

<!----
Theme 03 - "Checkers" by Kendra (cityofmisfits.ning.com/profile/Kendra)(lostintime.ning.com/profile/Kendy)(vampireswitchesandhunters.ning.com/profile/Kendra)

My Links For Credit

Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
--->




/* ADMIN OPTIONS */

ul.nobullets li {display: all;}
ul.nobullets.last-child {
z-index:99999;font-family: 'calibri'; color:transparent;font-size:10px; bottom:15px; left:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;opacity:1;}
.module_user_summary ul.nobullets li a {display:none !important;}
 /*THIS AND THAT */

a#add-as-friend-link {
  z-index:99999;font-family: 'Just Realize'; font-size:35px; bottom:15px; left:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;color:teal;opacity:1;}


/* FLOATING CONTAINER */
#xg_layout_column_2{
width: 1040px;
float: left ;
 margin-top:-120px;
}
/*PROFILE CARD*/
.xg_module_body.profile.vcard dl.last-child a {font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 5px; color :white;}
.xg_module_body.profile.vcard dl.last-child {color: pink; position: fixed;
top: 10px;
left: 10px;}
  /* REMOVED OR HIDDEN */
/* BEST NOT TO TOUCH */

li.right {display:none}
#xg_body h1 {display: none;}
#xg_sitename, #xg_sitedesc {display: none}
#xg_navigation ul li {
display: none;}
#xn_bar {display: none;}
#xn_bar {display: none;}
#xg_foot /* Ning Footer*/{display: none }
#xg_module_account { display:none;}
.module_groups {display: none;}
.module_members {display:none !important;}
.module_blog {display:none !important;}
.module_about_user {display: none ;}
.dy-avatar.dy-avatar-full-width {
display : none;}
.xg_span-4 {display:none !important;}
.xg_span-5{display:none;}
.xg_ad{display:none;}
.xg_theme .xg_module_head h2 { display:none;}
.sortable.module_feed {display: none;}
post_to_facebook, .facebook-che ckbox { display:none !important; }
.xg_tweet {display:none;}
.xg_sprite-share, .share { display: none !important; }
.xg_module_activity {display:none;}
.module_gift {display:none;}
a.send-message-link {display:none}
a.xj_block_messages {display:none}
dd.profile-like-button {display:none}

/* COMMENT WALL */

#xg_module_body, #xg_module_h ead h2, .xg_module_comment_wall{display:none !important}
#xg_module_body, #xg_module_head h2, .xg_module_comment_wall{
font-family: arial narrow;
font-size: 9px;}

/* CREDIT DO NOT REMOVE */

body:after{ opacity: 1; display: auto; content:"K";  font-size: 25px; letter-spacing: 2px; color: white; text-transform: uppercase; text-align: left; right: 20px;  bottom: 20px ; position: fixed; width: 20px; height: 16px;  line-height: 15px; -webkit-transition: 1s; border: 10px double white; padding: 5px; background-origin:content-box;  outline-offset: -3px; transition-timing-function: ease-in-out;}



/* CHAT BOX */
.xg_chat.chatFooter .xg_chatBar {display: none; }

/* CURSOR AND BODY */
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}



body{
color:#898989;
background-color:#001919;
background-image:url({bg:url});
background-repeat:repeat;
	background-attachment:fixed;
 }


 @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
@font-face{font-family:Ballpark;src:url(http://static.tumblr.com/9wzbixa/cf6mj2fv4/ballw___.ttf);}


::-webkit-scrollbar {background-color:white; height:4px; width:6px}
    ::-webkit-scrollbar-thumb:vertical {background-color:#99CCCC; height:50px}
    ::-webkit-scrollbar-thumb:horizontal {background-color:#99CCCC; height:8px!important}



.bb { position:fixed;width: 900px; height: 500px; background:transparent;left:230px;top:10px; }

.title { color:#99CCCC;font-size: 18px; padding: 15px;font-family: times; font-style: italic; background-color: transparent; width: 200px; height: 20px;text-align:center;margin-top:250px;}

#side{position:absolute;width:220px;height:490px;background-color:transparent;}

.des {  width: 220px; height: 490px; background: transparent; position: absolute; }

.one, .two, .three, .four, .five, .six, .seven, .eight { width: 25%; height: 35px; background-color: #99CCCC; display: inline-block; }
.two { background-color: #4C6666; }
.three { background-color:#99CCCC; }
.four { background-color: #4C6666; }
.five { background-color:#99CCCC; }
.six { background-color: #4C6666; }
.seven { background-color:#99CCCC; }
.eight { background-color: #4C6666; }

.box {width: 900px; background: black; height: 490px; }


div.navigate a{
color: #99CCCC; display:inline-block; width: 50px; height: 15px; text-align: center; padding: 15px 15px; margin-left:2px; margin-top:2px; position:relative; text-align: center; z-index:1; font-weight: bold;  background-color:#4C6666;
}

div.navigate a:hover{
    background-color:{color:navi hover background};
}

/*PUT LEFT TO 0PX*/
#links{
position:fixed !important;
margin-top:65px;
left:-50px;
width:320px;
text-align:center;
background-color:tranparent;
z-index:999;
padding-left:3px;
padding-top:3px;
padding-bottom:3px;
padding-right:3px;

height: auto;
}


.name { position:absolute;background:transparent; width: 250px; padding: 10px;left:350px;font-family: 'Hammersmith One'; letter-spacing: -1px; line-height: 40px; color: white; text-align: center; font-size:40px;}
.name:first-letter { color: #99CCCC; }

.stat{font-family: Chivo;font-size: 9px;color:#99CCCC ;text-transform: uppercase;etter-spacing: 2px;border-left: 3px solid #99CCCC;padding-left: 4px;}

.bio { width: 630px; height: 400px; background: #4C6666; position: absolute; left: 230px; top: 105px; font-family: 'Open Sans'; font-size: 11px; letter-spacing: 0px; line-height: 130%; color: white; text-align: justify; overflow: auto; padding-right: 5px; }

.losange, .losange div {
  position:absolute;
  top:40px;
  left:40px;
  transform-origin: 50% 50%;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 3px solid #99CCCC;
  transform: rotate(45deg) translateY(10px);
}
.losange img{
transform: rotate(-35deg) translateY(-55px);
  margin-left:25px;
}

.tt {font-size:12px;padding:10px 30px 15px 20px; line-height:10px; height:375px; width:160px; overflow-x:hidden;overflow-y: hidden; font-family: times; text-align: justify;color:black;border-right: 5px solid #ffffff;}

.ttt {font-size:12px;padding:10px 30px 15px 20px; line-height:10px; height:370px; width:170px; overflow-x:hidden;overflow-y: hidden; font-family: times; text-align: justify;color:black; margin-top:-400px;margin-left:410px;border-left: 5px solid #ffffff;}

.ttt h4 {font-size:12px;text-align:center;}

#close {
position:absolute;
background-color:transparent;
width:195px;
height:375px;
top:0px;
left:210px;
}



<div class="bb"><div class="one"></div><div class="two"></div><div class="three"></div><div class="four"></div></>
<table cellpadding="0" cellspacing="0" style="border:1px solid transparent;">
<tr>
  <td class="des">
  <div id="side">
    <div class="title">Your Name Here</div>
  <div class="losange">
     <img src="https://pbs.twimg.com/media/CpQOD71W8AEXBIG.jpg" alt="" width="250" height="320" />
      </div>
    </div>
</div>
</td>
<td>
<div class="box">
<div class="name">Save My Soul ;</div>
<div class="bio">
<div class="tt"><br />
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod dapibus cursus. Quisque id leo mauris. Nulla et mi ut odio dapibus elementum interdum sit amet purus. Fusce commodo, nisl ut fermentum placerat, turpis ex luctus nisi, semper tristique lorem dui sed ex. Aliquam nibh ipsum, tristique in blandit in, malesuada et dolor. Fusce vehicula, odio quis tempus posuere, nisi mauris varius nulla, eget venenatis mi libero quis tellus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod dapibus cursus. Quisque id leo mauris. Nulla et mi ut odio dapibus elementum interdum sit amet purus. Fusce commodo, nisl ut fermentum placerat, turpis ex luctus nisi, semper tristique lorem dui sed ex. Aliquam nibh ipsum, tristique in blandit in, malesuada et dolor. Fusce vehicula, odio quis tempus posuere, nisi mauris varius nulla, eget venenatis mi libero quis tellus.</div>
  <div class="ttt"><h4>Basics</h4><span class="stat">Name:</span> Your name here<br />
                <span class="stat">Age:</span> Your age here<br />
                <span class="stat">Location:</span> Your location here<br />
                <span class="stat">R/S Status:</span> Status Here<br />
                <span class="stat">Love:</span> Your Love Here<br />
    <span class="stat">Children:</span>  Write Here<br />

    <br/><br/>
    <h4>Extras</h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod dapibus cursus. Quisque id leo mauris. Nulla et mi ut odio dapibus elementum interdum sit amet purus. Fusce commodo, nisl ut fermentum placerat, turpis ex luctus nisi, semper tristique lorem dui sed ex. Aliquam nibh ipsum, tristique in blandit in, malesuada et dolor. Fusce vehicula, odio quis tempus posuere, nisi mauris varius nulla, eget venenatis mi libero quis tellus.</div>
  <div id="close"><img src="https://scontent-frx5-1.cdninstagram.com/vp/b58c1fad80e64b09935d5308b08e549c/5B573443/t51.2885-15/s640x640/sh0.08/e35/c0.135.1080.1080/30591201_1778827558843659_1071298919616479232_n.jpg" style="width: 185px; height: 380px;padding: 3px;" /></div></div></td></tr></table>


<div class="five"></div><div class="six"></div><div class="seven"></div><div class="eight">
</div></div>
<div id="links">
<div class="navigate">
 <a href="/" title="home">01</a><br/><a href="/" title="title">02</a><br/><a href="/" title="title">03</a><br/><a href="/" title="title">04</a><br/><a href="/" title="title">Credit</a>




</div>