FIXED FOR FIREFOX BROWSERS 7-2-2013

					!!!!!!!!!!!!Read It!!!!!!!!!!!!
 
                                                (⊙.⊙(☉_☉)⊙.⊙)
 
This is a div/html combo layout.  The eight boxes are marked so you know what goes where.  There is a spot for title, a spot for text and a spot for a bottom link.  Fill it up with whatever you want.  The background image is included, but you can also change that in the BODY section.  

There are div ids/classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.    
 
//Banner// Replace the banner near the top of Like To Meet. 

//Music Player// Replace my music player with your own.        

//////////NOTE FOR ELITEROLEPLAYERS.NET USERS ONLY/////  
Near the top of About Me and find BODY

body {
visibility:visible;
left:50%;
top:0%;
margin-left:-400px;

....


CHANGE margin-left:-400px; TO margin-left:-250px;

/////////////////
                 
 
                        Don't forget to replace the XXXXX with your friend ID number.
 
                                                     (>‿◠)✌
 
 
                *****************************SAVE YOUR WORK AS YOU GO.*******************************
 
 
-----------------------------ABOUT ME---------------------------------

<style type="text/css">
 
@import url(http://fonts.googleapis.com/css?family=Oregano:400);
 
/* DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE*/

.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}

.vicarious{ Background Properties }
body {
background-color:000000;
background-image: url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/Promo%20Shoots%20and%20Stills/Vampire%20Diaries/vampire_diaries_stakeout_wallpaper_by_outlawninja-d4lj42g_zps4db538e6.jpg~original);
background-attachment: fixed;
background-position:top center;
background-repeat: no-repeat; 
} 
 

.vicarious{ Google Chrome Scrollbar }
::-webkit-scrollbar { width: 12px;}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;}
 
::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:660000;
}
 
::-webkit-scrollbar-thumb:window-inactive {
 background-color:222222;
}
 
 
.vicarious { Table Properties }
table, tr, td { background-color:transparent; border:0;}
table table {
background-color:000000;
border-left:0px double #;
border-right:0px double #;
}

table table table  { background-color:transparent; display: inline-table; border:0px; } 

.vic_table { 
margin-bottom:10px;
background-color:transparent;
border:0px solid #000000 } 
.vic_table tr { margin:0px; } 
.vic_table td { margin:0px; width:100%; }  
 
.vicarious{Like To Meet Tables Placement (Up/Down/Left/Right) Codes}
td.text table {position:relative; top:-9px; left:3px;  }
td.text object, td.text embed, td.text table table {position:static;}
 
.vicarious{Interests Tables Placement (Up/Down/Left/Right) Codes}
object, embed, table table table { position:relative; top:xxpx; left:-3px;}
table table table table{border:0px; position:static;}
 
 .vicarious { Additional Table Properties.  Do not adjust. }
table table table td img { display:inline; }table td td{ width:0; } table { width:500px; } table table { width:auto; } table table td { padding:3px; } table table table td { padding:0; } table table table { width:auto!important; height:0; } td.text td a img { width:auto!important; } table table table table table, table table table table table td { width:0!important; padding:0!important; } td.text a img { width:100px!important; } td.text td.text a img { width:35px!important; } td td td div strong { width:auto!important; display:block; }  table table td img, td.text td.text .orangetext15, td.text td.text table table div { display:none; }


.vicarious { Shared Font Styles }

a, a:link, a:active, a:visited, a:hover, td, .text, table, tr, td, li, div, input, B, I, EM, p  {
font-family: PALATINO LINOTYPE;
font-size: 8.5pt ;
line-height: 90% ;
color: 333333 ;
text-shadow: 2px 2px #000000;
}

.vicarious { Font Styles }
 
P {
text-align:justify;
}

I {
font-family:  tahoma;
font-size: 6.5pt ;
style: italic;
color: 7a7a7a;
}

B {
font-family: arial;
font-size: 7.5pt ;
font-weight:bold ;
color:750000;
}

Em {
font-family: 'Oregano', cursive;
font-size: 6.5pt ;
color:dadada;
}


.vicarious {Shared Styles for Headers AND Special Text/Links}
big, small, .h1, .h2, .h3, .h4, .h5, .h6, .h7, .h8, .h9,  .h10, .h11, .h12, .one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .lyric, .lyric2, .lyric3, .lyric4, .lyric5, .lyric6, .lyric7, .lyric8, a.first,  a.second, a.third, .name {
display:block;
text-decoration: none ;
}
 

.vicarious { Headers }

big {
font-family: copperplate gothic bold;
font-size:14pt ; 
line-height: 100% ;
color: 660000;
text-align: center;
text-transform: uppercase;
letter-spacing: 2pt;
padding-left:5px; 
margin: 10px 0px 5px 0px;
letter-spacing:0px;
}
 

small {
font-family: copperplate gothic bold;
font-size:12pt ; 
line-height: 100% ;
color: ffffff ;
background-color: 000000 ;
text-align: center;
text-transform: uppercase;
letter-spacing: 0pt;
margin: 10px 0px 5px 0px;
}
  
.vicarious { Links }

.vicarious{Profile Link Codes}
a.first, a.first:link, a.first:active, a.first:visited { 
font-family: copperplate gothic light; 
font-size:6pt ; 
text-decoration:none;
width: 65px ;
line-height:65px;
height:65px;
color: 660000;
background-color:121212 ;
text-align: center;
text-transform: uppercase ;
letter-spacing: 0pt;
margin:0px 0px 5px 0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;   
 }    
 
a.first:hover { 
color:333333 ;
background-color:000000;
}
  

.vicarious{Bottom Inner Link INSIDE Hover Boxes}
a.second, a.second:link, a.second:active, a.second:visited {
font-family: copperplate gothic light ; 
font-size:6.5pt ; 
line-height: 80% ;
color: 7a7a7a ;
background-color:000000 ;
text-align: center;
text-transform: uppercase ;
letter-spacing: 2pt;
-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;  
}
 
 
a.second:hover { 
color: 333333 ;
background-color:000000 ;
}




.vicarious{Div IDS} 

#intro {
background-color:transparent;
width:300px;
height:50px;
overflow: hidden;
margin-top: 25px;
margin-left: -125px;
top:0%;
left: 50% ;
position: fixed;
z-index: 9; 
}

#intro p {
color:444444;
font-family: verdana ; 
font-size:8.5pt ; 
text-align:center;
display:block;
}

#vicmain {
background-color:transparent;
width:1080px;
height:1000px;
overflow: none;
padding-bottom:25px;
margin-top: 0px;
margin-left: -540px;
top:0%;
left: 50% ;
position: absolute;
z-index: 9; 
 } 
 

#vicmain #mask1 {
width:1080px;
height:1000px;
position: absolute;
padding-bottom:25px;
overflow:none;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#vicmain:hover #mask1 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}


.vicarious{Div Style Classes}
 
.vicariousbody {
width: 200px;
height: 200px;
padding-bottom:10px;
overflow: hidden;
position: relative;}
 
.vicarious-box p,
.vicarious-box:hover p  {
color: d6d6d6;
font-size:7.5pt;
text-shadow: 2px 2px #000000;}
 
.vicarious-box img {
display: block;
}
 
.vicarious-box .mask {
width: 200px;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
 background-color: rgba(0,0,0,0.5);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg);
-webkit-transition: all 0.2s 0.4s ease-in-out;
-moz-transition: all 0.2s 0.4s ease-in-out;
-o-transition: all 0.2s 0.4s ease-in-out;
-ms-transition: all 0.2s 0.4s ease-in-out;
transition: all 0.2s 0.4s ease-in-out; }
 
.vicarious-box small {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
.vicarious-box .vicinfo {  
position: relative;
width:180px;
height:100px;
margin:0px 5px;
padding:5px;
overflow:auto;
-webkit-transform: translateX(200px) rotate(90deg);
-moz-transform: translateX(200px) rotate(90deg);
-o-transform: translateX(200px) rotate(90deg);
-ms-transform: translateX(200px) rotate(90deg);
transform: translateX(200px) rotate(90deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
  
.vicarious-box a.second {
padding: 7px 14px;
margin:5px 0px;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
 
.vicarious-box:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);}
 
.vicarious-box:hover small {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
}

.vicarious-box:hover .vicinfo {
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.vicarious-box:hover a.second {   
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
  
.vicbanner {
background-color:ffffff;
width:850px;
height: 300px; 
margin-top: 0px ; 
margin-left: 115px ; 
position: absolute;
}

.vicabout {
 background-color: rgba(0,0,0,0.8);
width:800px;
height: 140px; 
padding:5px 25px 5px;
overflow:auto;
margin-top: 310px ; 
margin-left: 115px ; 
position: absolute;
}

.links {
background-color: #transparent;  
width:auto;
height:auto;
overflow: none;
text-align:center;
margin-top: 100px;
margin-left: 0px;
position: absolute;
}
 
.viccol1 {
width:200px;
height: auto; 
margin-top: 470px ; 
margin-left: 125px ; 
position: absolute;
}

.viccol2 {
width:200px;
height: auto; 
margin-top: 470px ; 
margin-left: 335px ; 
position: absolute;
}

.viccol3 {
width:200px;
height: auto; 
margin-top: 470px ; 
margin-left: 545px ; 
position: absolute;
}

.viccol4 {
width:200px;
height: auto; 
margin-top: 470px ; 
margin-left: 755px ; 
position: absolute;
}
 

.vicarious{ Hide Codes }

.userProfileURL, .profileInfo, .friendsComments, .friendSpace, .blurbs, .contactTable, .latestBlogEntry, .extendedNetwork, .interestsAndDetails, .userprofiledetail, .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; } 
table table table table td {width:0px;}
.contactTable td, table table td.text table td,table table table table table td {width:auto;} 
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;}
.fx{Effects based on tutorials by Atzeni}
.vicarious{Misc Codes}
p.breakhere { page-break-after: always }
br{line-height:10px!important;}
  
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
</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 cellspacing="0" cellpadding="0" border="0"><tr><td><table cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" align="center" style="word-wrap:break-word"> 

<DIV ID="INTRO">

<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k006.kiwi6.com/hotlink/8sg0gol4j8/help_i39m_alive_by_metric_www.mp3fiber.com_.mp3&t0=Help I'm Alive&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />


<p>Hover over center of page to display content.

</div>




 	<DIV ID="VICMAIN"><DIV ID="MASK1">



<div class="VICBANNER">

<img src="http://i.imgbox.com/addXkPus.jpg">

</div>
 



 
<div class="VICABOUT"> 
<big>Title goes here</big>

<p><b>Bold</b> <i>Italic</i> <em>Em</em>  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>


 



<div class="VICCOL1">

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 1, BOX 1</small>  
<div class="vicinfo"> 
<p>This is column 1, box 1.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 1, BOX 2</small> 
<div class="vicinfo"> 
<p>This is column 1, box 2.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>
 
</div>







<div class="VICCOL2">

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 2, BOX 1</small> 
<div class="vicinfo"> 
<p>This is column 2, box 1.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 2, BOX 2</small> 
<div class="vicinfo"> 
<p>This is column 2, box 2.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>
 
</div>






<div class="VICCOL3">

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 3, BOX 1</small>   
<div class="vicinfo"> 
<p>This is column 2, box 1.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 3, BOX 2</small>  
<div class="vicinfo"> 
<p>This is column 3, box 2.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>
 
</div>






<div class="VICCOL4">

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 4, BOX 1</small>   
<div class="vicinfo"> 
<p>This is column 4, box 1.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>

<div class="vicariousbody vicarious-box"> 
<img src="http://i.imgbox.com/abyFYkSJ.jpg"> 
<div class="mask">   
<small>COLUMN 4, BOX 2</small>  
<div class="vicinfo"> 
<p>This is column 4, box 2.  Put your info here.  Leave the paragraph break. 
</div> 
<a class="second" href="LINK HERE">If you don't need this link, delete it.</a>   
</div>
</div>
 
</div>



 



<DIV class="LINKS">

<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">Photos</a>
<a href="/view_member_blog.php?member_id=xxxxxx"class="first">Blogs</a>


</DIV>





	</DIV></DIV>