STANDARD HTML 2 COLUMN LAYOUT 34

CODES FOR ABOUT ME, LIKE TO MEET AND INTERESTS ARE INCLUDED ON THIS PAGE


--------------------------------About Me--------------------------------


<style>
.vicarious{ Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
background-image: url("http://i1080.photobucket.com/albums/j334/Vicarious_HS/Full%20Wallpapers/KrBTY43_zpsdabc03dd.jpg");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;}

.vicarious { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:0px;
border-color:000000;
background-color:transparent;}


/*This moves the Blurbs up or down AND side to side. It also controls the color of the Blurbs tables*/
td.text table {position:relative; top: 0px;background-color:191d1e;left:150px;}
td.text table table {position:static;}


/*This moves the Interests up or down AND side to side.  It also controls the color of the Interests

tables.*/
table table table {position:relative; top:0px; left:260px;background-color:transparent;}
table table table table {position:static;}






/*Div Classes.*/

.BLOCK {
width:auto;
height:10px;
background-color:transparent;
display:block;}

.left{
float:left;
margin-left:2px;
width:40%;
background-color:2b3336;
text-align:left;
font-family:georgia;
color:555555;
font-size:9px;
line-height:100%;
text-transform:none;
font-weight:normal;
letter-spacing:0px;}

.right{
float:right;
margin-left:2px;
width:58%;
background-color:465455;
text-align:justify;}




.vicarious { Text Properties }

/*This controls the colors, size, of your input text (what you type into your tables.*/
table, tr, td, li, p, div {font-family:georgia; color:1f2827; font-size:10px; line-height:90%;letter-spacing:0px;}

I {style:italics; font-family:georgia; color:242c2f; font-size:11px; line-height:100%;text-transform:none; font-weight:normal; letter-spacing:0px;}

B {style:bold; font-family:copperplate gothic light; color:6b6b6b; font-size:9px; text-transform:uppercase; font-weight:normal; line-height:100%;letter-spacing:0px;}

a:active, a:visited, a:link {font-family: impact, georgia;color: 333333; font-size:9px; line-height:100%;text-decoration:none; text-transform:uppercase; text-align:center;}

a:hover  {font-family: impact, georgia;color: 333333; font-size:9px; line-height:100%;text-decoration:none; text-transform:uppercase; text-align:center;}

/*Special Text:  Font Styles and Classes.*/

.B2 {style:bold; font-family:copperplate gothic light;color:797b7a; font-size:9px; text-transform:uppercase; font-weight:normal; line-height:100%;letter-spacing:0px;}

em {style:italics; font-family:georgia; color:333e42; font-size:14px; line-height:100%;text-transform:none; font-weight:normal; letter-spacing:0px;}

.ONE {font-family:copperplate gothic light; color:637b7b; font-size:30px;line-height:140%;letter-spacing:4px; display:block;text-transform:none;font-weight:normal;text-align:right; margin-top:10px;padding-right:5px;background-color:000000;}

.TWO {font-family:copperplate gothic light; color:637b7b; font-size:22px;line-height:140%;letter-spacing:2px; display:block;text-transform:none;font-weight:normal; text-align:right;padding-right:5px;background-color:000000;}

.THREE {font-family:copperplate gothic light; color:637b7b; font-size:14px;line-height:130%;letter-spacing:1px; display:block;text-transform:none;font-weight:normal; text-align:right; margin-bottom:5px;background-color:000000;}



/*This controls the link box.*/

a.first, a.first:link, a.first:active, a.first:visited
{font-size:8px;
font-family:terminal;
color:8da7a8;
width:55px;
height:55px;
line-height:55px;
text-align:center;
background-color:000000;
text-decoration:none;
text-transform:uppercase;
letter-spacing:1pt;
display:block;
margin-bottom:5px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-webkit-border-radius: 180px;
border-radius: 180px;
zoom: 1;
filter: alpha(opacity=70);
opacity: 0.7;}


a.first:hover{
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;}


.vicarious{ Hide Codes }
.userProfileURL { display:none; }
.profileInfo { display:none; }
.friendsComments { display:none; }
.friendSpace { display:none; }
.blurbs {display: none;}
.contactTable {display: none;}
.latestBlogEntry {display: none;}
.extendedNetwork {display: none;}
.interestsAndDetails {display: none;}
.userprofiledetail {display: none;}
.userAlbums { display:none; }
.whitetext12{visibility:hidden; display:none;}
.orangetext15{visibility:hidden; display:none;}
.lightbluetext8{visibility:hidden; display:none}
table table table table td {width:0px;}
.contactTable td, table table td.text table td,table table table table table td {width:auto;}
.profile { display:none !important;visibility:hidden!important; }

.a {hide top search bar}
div div select, div div form {display:none !important;}
select { visibility:hidden!important; WIDTH:0px!important;}
table div {display:none;}table table div {display:block;}
.navigationBar { display: none; }
div[id="googlebar"],
div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important; bottom:2000px !important;}



.vicarious{Misc Codes}

p.breakhere { page-break-after: always }
 .{Align Properties}
br{line-height:3px!important;}
td.text table position:relative;top:-9px;}td.text table table{position:static;
</style>


.vicarious{Second Hide Blurbs Code}
  </td></tr></table><table style="display:none"><tr><td>


--------------------------------Like to Meet-------------------------------

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">

<img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/500_zps1c3e9e8e.png">

 </td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
<font class="one">Name</font>
<div class="block"></div>

 </td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">

<div class="left" style="height:300px; overflow:auto;">
<BR><b>Name:</b> Input here.
<BR><font class="b2">Nicknames:</font> Input here.
<BR><b>Aliases:</b> Input here.
<BR><font class="b2">DATE OF BIRTH:</font> Input here.
<BR><b>PLACE OF BIRTH:</b> Input here.
<BR><font class="b2">CURRENT RESIDENCE:</font> Input here.
<BR><b>ETHNICITY:</b> Input here.
<BR><font class="b2">HAIR COLOR:</font> Input here.
<BR><b>EYE COLOR:</b> Input here.
<BR><font class="b2">HEIGHT:</font> Input here.
<BR><b>WEIGHT:</b> Input here.
<BR><font class="b2">SCARS:</font> Input here.
<BR><b>TATTOOS:</b> Input here.
<BR><font class="b2">BIRTHMARKS:</font> Input here.
<BR><b>SEXUAL ORIENTATION:</b> Input here.
<BR><font class="b2">RELATIONSHIP STATUS:</font> Input here.
<BR><b>CURRENT RELATIONSHIP(S):</b> Input here.
<BR><font class="b2">PAST RELATIONSHIP(S):</font> Input here.
<BR><b>PARENTS:</b> Input here.
<BR><font class="b2">SIBLINGS:</font> Input here.
<BR><b>OCCUPATION:</b> Input here.
<BR><font class="b2">PERSONALITY TRAITS:</font> Input here.
<BR><b>LIKES:</b> Input here.
<BR><font class="b2">DISLIKES:</font> Input here.
<BR><b>ADDICTIONS:</b> Input here.
<BR><font class="b2">STRENGTHS:</font> Input here.
<BR><b>WEAKNESSES:</b> Input here.



</div>
<div class="right" style="height:300px; overflow:auto;">
<p><em>First line of text here.</em>  <i>Second line of text here.</i>  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


</div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">

<div class="block"></div>
<font class="two">Connections</font>
<div class="block"></div>

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">



<div class="left" style="height:155px; overflow:auto;">
<center><img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/175_zps1ff8eb78.gif"></center>

</div>
<div class="right" style="height:155px; overflow:auto;">
<font class="three">Connection Name Here</font>
<p><em>First line of text here.</em>  <i>Second line of text here.</i>  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>
--------------------------------Interests--------------------------------

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="75" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="75" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="75" bgcolor="ffffff" style="word-wrap:break-word">

<a href="/logincomplete.php"class="first">HOME</a>
<a href="/invite_friend.php?friend_id=xxxxxx"class="first">ADD</a>
<a href="/add_testimonial.php?member_id=xxxxxx"class="first">COMMENT</a>
<a href="/send_message.php?member_id=xxxxxx"class="first">MESSAGE</a>
<a href="/gallery.php?member_id=xxxxxx"class="first">PICS</a>
<a href="/view_member_blog.php?member_id=xxxxxx"class="first">BLOGS</a>



--------------------------------LIKE TO MEET ADDITIONAL CONNECTION TABLE--------------------------------
COPY AND PASTE THIS TABLE TO THE END OF LIKE TO MEET TO ADD 1 ADDITIONAL CONNECTION.
REPEAT FOR AS MANY CONNECTIONS AS YOU NEED.
--------------------------------------------------------------------------------------------

</td></tr></table></td></tr></table><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">



<div class="left" style="height:155px; overflow:auto;">
<center><img src="http://i1080.photobucket.com/albums/j334/Vicarious_HS/layouts/175_zps1ff8eb78.gif"></center>

</div>
<div class="right" style="height:155px; overflow:auto;">
<font class="three">Connection Name Here</font>
<p><em>First line of text here.</em>  <i>Second line of text here.</i>  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>