View difference between Paste ID: 2mspLv3r and V8RmKdFs
SHOW: | | - or go back to the newest paste.
1
       					!!!!!!!!!!!!Read It!!!!!!!!!!!!
2
 
3
                                                (⊙.⊙(☉_☉)⊙.⊙)
4
 
5
CAN'T EMPHASIZE THIS ENOUGH:  There are div ids/classes, tables (table, tr, td) and img classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.   
6
7
............................
8
 
9-
ALL COLORS CAN BE CHANGED.For color changes, see the color palette section in About Me.  There are a ton of color schemes online.  It won't take you long to change the color set-up on this profile.
9+
10
MUSIC PLAYER
11-
***THIS IS ESSENTIALLY A DUAL PALETTE COLOR SCHEME WITH SOME SMALL VARIATIONS. I HAVE LUMPED THE CODES FOR EVERYTHING OF A PARTICULAR COLOR TOGETHER ON ONE STRING AND LABELED THEM APPROPRIATELY. IF YOU WANT TO CHANGE COLORS, IT SHOULD BE RELATIVELY SIMPLE TO DO SO.***
11+
12
REPLACE MY MUSIC PLAYER WITH YOUR OWN.  
13
 
14
............................
15-
			*********** MOCK JAVA TREATMENT LAYOUT//IMPORTANT INFO ABOUT LINKS **************
15+
16
17-
The black sidebar to the left of this layout is a mock java treatment.  If you remove the stats and decide to put other info there, please be mindful that you should NOT add links to this section randomly.  If you put a link to someone's page, etc in there, you MUST put the link inside a table like so:
17+
FOR ROLEPLAYER.ME USERS:
18
 
19
For the below text font classes and all of the headers (1, 2, 3, etc) and lyrics, please note the following:  
20-
<table style="width:100%;"><tr><td>
20+
21
 
22-
<a class="conn" href="/#">Name here</a>
22+
23-
<a class="conn" href="/#">Name here</a>
23+
24-
<a class="conn" href="/#">Name here</a> 
24+
25
<h1>Header</h1> <strike>Strike</strike> etc..
26-
</td></tr></table>
26+
27
OR just leave them as they are.  They will work for you either way.  
28-
Failure to adhere to the below will cause the entire side to overflow onto the rest of your page.  
28+
29
30-
						*********** end **************
30+
31
 
32
 
33
 
34
                        Don't forget to replace the XXXXX with your friend ID number.
35-
For Header 8:  If you decide to change the colors of the layout, please note that to change this and keep the duality of colors, you'll need to add in the rgb colors instead.  
35+
36
                                                     (>‿◠)✌
37-
Example:
37+
38-
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(0, 0, 0) 0%);
38+
39
                *****************************SAVE YOUR WORK AS YOU GO.*******************************
40-
The first set in the rgb number set is the light color. The second set is the dark color. If you change these colors, choose your six digit color and then look at the numbers on the color for R, G and B.  Those 3 numbers are what you replace below in each set.  Example: #f2f3e9 is R 242; G 243; B 233
40+
                                
41
 
42
DO NOT REMOVE THE .VICARIOUS MARKERS FROM ANY VICARIOUS LAYOUT.  
43
 
44
-----------------------------ABOUT ME--------------------------------- 
45
<style type="text/css"> 
46
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic|Playfair+Display:400,700italic|Oswald );
47
 
48
/* - -DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE - - */  
49-
 FOR ROLEPLAYER.ME USERS:
49+
50
51
.vicarious { Structure }
52
53
body {
54
background-color:d9d9d9;
55
background-image:url(http://i59.tinypic.com/294o1fs.jpg);
56
background-repeat:repeat;
57
background-attachment:fixed;
58
background-position:center center;
59
} 
60
61
table, tr, td {background-color:transparent;}
62
63-
_______________________________________________
63+
64
::-webkit-scrollbar {width: 10px;}
65
::-webkit-scrollbar-track {border: 1px solid #222222;background-color:transparent;}
66
::-webkit-scrollbar-thumb {border: 1px solid #222222;background-color:dadada;}
67
 
68
.vicarious { text }
69
70
table, tr, td, li, p, div, .text, .btext, a, b, i { 
71
font-family:tahoma; 
72
font-size:7pt; 
73
line-height:100%; 
74
color:777777;
75
padding:0px;
76
margin:0px;
77-
                               
77+
78
text-transform:none;
79
}
80
81
p {text-align:justify;text-indent:10px;}
82
p:first-line { font-style:italic;}
83
p:first-letter { font-size: 9pt; }
84-
<style type="text/css">
84+
85-
@import url(http://fonts.googleapis.com/css?family=Special+Elite|Economica:400,700|Bangers|Aguafina+Script|Candal|Iceland|Rancho|Francois+One);
85+
86
b { 
87
text-transform:uppercase;
88
font-family:courier new; 
89
letter-spacing:-1pt;  
90
color:424242;
91
}  
92-
.vicarious { Structure } 
92+
93
i {
94
color:444444;
95-
width:100%;
95+
96-
height:100%;
96+
97-
left:0%;
97+
.u, u {
98
color:000000;
99-
position:absolute;   
99+
100-
z-index:1;   
100+
101-
background-image: url("");
101+
102
.strike, strike {
103
color:000000;
104
text-decoration:line-through;
105
}
106
107
.strong, strong {
108-
::-webkit-scrollbar {width: 5px;}
108+
109-
::-webkit-scrollbar-track {border: 1px solid ;}
109+
background-color:000000; 
110-
::-webkit-scrollbar-thumb {border: 1px solid ;}
110+
font-size: 8pt;
111
text-transform:uppercase; 
112-
table, tr, td {padding:0px; border-collapse: collapse; /* 'cellspacing' equivalent */  background-color:transparent; border:0;width:0px;text-align:center;vertical-align: top; }
112+
color:ffffff; 
113
line-height:120%;
114-
.viclike2meet_table,  .vicinterests_table, .vicmovies_table     {
114+
padding:0px 2px;
115
 }
116-
z-index:2;
116+
117
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .h7, h7, .h8, h8, .h9, h9, .h10, h10, .h11, h11, .h12, h12, .one, one, .two, two, .three, three. small, big  { 
118
text-decoration:none;
119-
left:0%;
119+
120-
border:0px solid;
120+
font-family: georgia;
121-
margin-top:10px;  
121+
122-
height:auto;
122+
123
display:block;
124
font-size: 16pt ;
125
padding:0px;
126
margin:5px 0px;
127-
.viclike2meet_table { width:302px;height:auto;margin-left:260px; }
127+
color:7a7a7a;
128-
.vicinterests_table { width:502px; height:auto;margin-left:565px;} 
128+
129-
.vicmovies_table{ width:302px;position:fixed;height:auto;margin-left:1085px;margin-top:200px;z-index:1001; }
129+
130
131-
.viclike2meet_table tr, .vicinterests_table tr, .vicmovies_table tr { margin:0px; }
131+
.h1, h1 {
132
font-family: 'Playfair Display', serif; 
133-
.viclike2meet_table td, .vicinterests_table td,  .vicmovies_table td { margin:0px; overflow:hidden; }
133+
font-size: 14pt ;
134-
.viclike2meet_table td { max-width:302px; } 
134+
135-
.vicinterests_table td { max-width:502px; }  
135+
color:000000; 
136-
.vicmovies_table td { max-width:302px; }  
136+
137
}
138-
.vic_table {
138+
139
#side1 .h1, #side1 h1 {padding-left:10px;}
140
#side2 .h1, #side2 h1 {padding-right:10px;}
141-
width:100%;
141+
142-
margin-bottom:4px;
142+
.h2, h2  {  
143-
border:1px solid;  
143+
font-size: 44pt ;
144-
border-collapse: collapse; /* 'cellspacing' equivalent */
144+
font-family: 'Jolly Lodger', cursive;
145
margin:0px;
146
letter-spacing:5pt;
147
color:cccccc;
148-
.vic_table tr { margin:0px; }
148+
line-height:70px;
149-
.vic_table td { margin:0px; width:100%; text-align:center; padding: 0; /* 'cellpadding' equivalent */ }  
149+
150
151-
.vicarious { Font Style Classes } 
151+
.h3, h3  {   
152
text-transform:none;
153-
a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p {
153+
line-height:60%;
154-
font-family: tahoma;
154+
155-
font-size: 7pt ;
155+
padding-right:15px;
156-
line-height: 90% ;
156+
font-size: 26pt ;
157
margin:0px 0px 10px 0px;
158-
letter-spacing: 0pt; 
158+
159
} 
160
161-
P { text-align:justify; }
161+
162
font-size:14pt; 
163-
I {
163+
font-family:monotype corsiva;
164-
font-family: 'Economica', sans-serif;
164+
165-
font-size:8pt; 
165+
166
.cite {font-size:0px; color:transparent;display:block; height:0px;}
167
168-
EM {
168+
169-
font-size:14pt;    
169+
.vicarious { Divs }
170-
font-family: 'Rancho', cursive; 
170+
171-
line-height: 100% ;
171+
#back, #thangs, #thangs2, #thangs3, #thangs4,  #thangs5, #p1_500w_500h, #txt1, #p2_350w_200h, #p3_350w_290h, #txt2, #txt3, #txt4, #bigPic, #bigPicOverlay, #title1, #title2, #title3, #title4, #title5, #title6, #title7, #pic4_430w_200h, #cn1_150w_250h, #cn2_150w_250h, #cn3_150w_250h, #title8, #p5_470w_470h, #side1, #side2 {
172-
letter-spacing:-1pt; 
172+
left:50%;
173
top:0%;
174-
padding-right:5px;
174+
175
z-index:1;
176
position:absolute;
177
overflow:none; 
178-
.strike, strike { 
178+
background-color:f3f3f3; 
179-
font-size: 8pt ; 
179+
180
181
#back {
182
width:1070px;
183-
.u, u { 
183+
height:2000px;
184-
font-size:10pt;   
184+
185
margin-left:-545px;
186
border:10px solid #f3f3f3;
187
} 
188-
.strong, strong { 
188+
189-
font-size:11pt;
189+
#thangs, #thangs2, #thangs3, #thangs4, #thangs5 {
190-
line-height: 120% ; 
190+
margin-top:1050px; 
191-
font-weight:bolder;
191+
width:245px;
192
height:245px; 
193
overflow:hidden;
194
border:20px solid #f3f3f3;
195-
B, .B2, B2, .B3, B3  { 
195+
background-color:222222; 
196
transition:All 1s ease-in-out;
197
-webkit-transition:All 1s ease-in-out;
198
-moz-transition:All 1s ease-in-out;
199
-o-transition:All 1s ease-in-out;
200
transform: rotate(0deg) scale(0.10) translate(0px);
201-
B  {
201+
-webkit-transform: rotate(0deg) scale(0.10) translate(0px);
202-
font-family: 'Francois One', sans-serif;
202+
-moz-transform: rotate(0deg) scale(0.10) translate(0px);
203-
font-size:6pt;
203+
-o-transform: rotate(0deg) scale(0.10) translate(0px);
204-
font-weight:lighter;
204+
-ms-transform: rotate(0deg) scale(0.10) translate(0px);
205
-webkit-box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.75);
206
-moz-box-shadow:    7px 7px 0px 0px rgba(0, 0, 0, 0.75);
207-
.B2, B2 {
207+
box-shadow:         7px 7px 0px 0px rgba(0, 0, 0, 0.75);
208-
font-family:georgia;
208+
209-
font-size:6pt;
209+
padding:5px;
210
}  
211
212-
.B3, B3  { 
212+
 #thangs, #thangs2, #thangs3, #thangs4, #thangs5, #thangs p, #thangs2 p, #thangs3 p, #thangs4 p, #thangs5 p {
213-
font-family: 'Rancho', cursive; 
213+
color:transparent;
214-
font-size:9pt;
214+
215
216
#thangs {margin-left:-30px; }
217
#thangs2 {margin-left:60px; }
218-
font-family:georgia; 
218+
#thangs3 {margin-left:150px; }
219
#thangs4 {margin-left:240px; }
220-
padding:0px 2px; 
220+
#thangs5 {margin-left:330px; }
221
222-
line-height:10px; 
222+
#thangs:hover, #thangs2:hover, #thangs3:hover, #thangs4:hover, #thangs5:hover {  
223
border:0px solid #000000;
224
transform: rotate(0deg) scale(1) translate(-75px, 0px);
225-
big { 
225+
-webkit-transform: rotate(0deg) scale(1) translate(-75px, 0px);
226
-moz-transform: rotate(0deg) scale(1) translate(-75px, 0px);
227-
font-size:8pt; 
227+
-o-transform: rotate(0deg) scale(1) translate(-75px, 0px);
228-
margin:0px; 
228+
-ms-transform: rotate(0deg) scale(1) translate(-75px, 0px);
229-
padding:5px; 
229+
z-index:1000; 
230
overflow:auto; 
231
} 
232
233-
border-left: double 10px;
233+
#thangs:hover, #thangs2:hover, #thangs3:hover, #thangs4:hover, #thangs5:hover, #thangs:hover p, #thangs2:hover p, #thangs3:hover p, #thangs4:hover p, #thangs5:hover p {  
234
color:f3f3f3;
235
}
236
 
237-
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited   {
237+
#name {
238
position:absolute;
239
width:500px;
240
height:60px;
241
margin-top:220px;
242
margin-left:220px;
243-
padding:0px; 
243+
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
244-
font-weight:bold;  
244+
color:white;
245
font-family: 'Oswald', sans-serif;
246-
-webkit-transition: all 0.6s ease-out;
246+
font-style:italic;
247-
-moz-transition: all  0.6s ease-out;
247+
text-align:left;
248-
-ms-transition: all  0.6s ease-out;
248+
padding-left:0px; 
249-
-o-transition: all  0.6s ease-out;
249+
line-height:60px;
250-
transition: all  0.6s ease-out; 
250+
font-size:40pt;
251
background-color:000000;
252
transform: rotate(90deg) ;
253-
a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited  { 
253+
-webkit-transform: rotate(90deg) ;
254-
-webkit-box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.24);
254+
-moz-transform: rotate(90deg) ;
255-
-moz-box-shadow:    2px 2px 0px 0px rgba(255, 255, 255, 0.24);
255+
-o-transform: rotate(90deg) ;
256-
box-shadow:         2px 2px 0px 0px rgba(255, 255, 255, 0.24);
256+
-ms-transform: rotate(90deg) ;
257-
display:inline-block;
257+
opacity:.5;
258
z-index:900;
259
transition:All 1s ease-in-out;
260-
a.first, a.first:link, a.first:active, a.first:visited  {
260+
-webkit-transition:All 1s ease-in-out;
261-
font-family: tahoma;
261+
-moz-transition:All 1s ease-in-out;
262-
font-size:10pt; 
262+
-o-transition:All 1s ease-in-out;
263-
width:50px;
263+
264-
height:65px;
264+
265-
line-height:65px; 
265+
#p1_500w_500h:hover #name { 
266-
-moz-border-radius-bottomright: 90px;
266+
opacity:0;
267-
-webkit-border-bottom-right-radius: 90px;
267+
transition:All .0s ease-in-out;
268-
border-bottom-right-radius: 90px;
268+
-webkit-transition:All .0s ease-in-out;
269-
-webkit-transform: rotate(270deg);
269+
-moz-transition:All .0s ease-in-out;
270-
-moz-transform: rotate(270deg);
270+
-o-transition:All .0s ease-in-out;
271-
-o-transform: rotate(270deg);
271+
272-
writing-mode: lr-tb;
272+
273
#p1_500w_500h {
274
width:500px;
275-
a.first:hover {   
275+
height:500px;
276-
-webkit-box-shadow: 43px 43px 0px -24px rgba(242, 243, 233, 1);
276+
margin-top:10px;
277-
-moz-box-shadow:    43px 43px 0px -24px rgba(242, 243, 233, 1);
277+
margin-left:-535px;
278-
box-shadow:         43px 43px 0px -24px rgba(242, 243, 233, 1);
278+
279
280
#overlay {
281-
a.second, a.second:link, a.second:active, a.second:visited  {
281+
282-
font-family: arial narrow;
282+
height:150px; 
283-
font-size:8pt; 
283+
left: 0px;
284-
width:38PX;
284+
margin-top:300px;
285-
height:20PX;
285+
opacity:0;
286-
line-height:20PX;  
286+
background-color:red;
287-
-webkit-border-radius: 180px;
287+
transition: all 0.5s linear;
288-
-moz-border-radius: 180px;
288+
289-
border-radius: 180px;
289+
290
#p1_500w_500h:hover #overlay {
291
transition: all 0.5s linear;
292-
a.second:hover {  }
292+
opacity:1;
293
margin-top:100px;
294
}
295-
a.conn, a.conn:link, a.conn:active, a.conn:visited {
295+
296-
font-family: 'Economica', sans-serif;
296+
#txt1 {
297-
font-size:9pt; 
297+
width:200px;
298-
line-height:110%;
298+
height:500px;
299
margin-top:10px;
300-
margin-bottom:2px;
300+
margin-left:-25px; 
301-
border-width: 2px 10px 2px 10px;
301+
302-
border-style:solid;
302+
303
}
304
305-
a.conn:hover {  }
305+
#p2_350w_200h {
306
width:350px;
307-
.lyric, lyric, .lyric2, lyric2, .lyric3, lyric3  {
307+
height:200px;
308-
font-family:times; 
308+
margin-top:10px;
309-
line-height:80%;
309+
margin-left:185px; 
310
}
311
 
312-
letter-spacing:0pt; 
312+
#p3_350w_290h {
313
width:350px;
314
height:290px;
315-
.lyric, lyric { font-size:16pt; }   
315+
margin-top:220px;
316-
.lyric2, lyric2 { font-size:9pt; }   
316+
margin-left:185px; 
317-
.lyric3, lyric3 { font-size:13pt; letter-spacing:1pt; }    
317+
318
319-
.h1, .h2, .h3,  .h4, .h5, .h6, .h7, .h8, .h9, .h10, .h11, .h12, .h13, .h14, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14 {
319+
#txt2, #txt3, #txt4 {
320
width:190px;
321
height:240px;
322
padding:5px;
323-
font-size: 11pt ;
323+
margin-top:520px;
324
text-align:justify;
325
overflow:auto;
326-
letter-spacing:0pt; 
326+
327-
text-decoration:none; 
327+
328
#txt2 {margin-left:-75px; }
329
#txt3 {margin-left:130px; } 
330-
 .h1, h1, .h2, h2  { 
330+
#txt4 {margin-left:335px; }
331-
-moz-border-radius-topleft: 90px;
331+
332-
-webkit-border-top-left-radius: 90px;
332+
#bigPic, #bigPicOverlay {
333-
 border-top-left-radius: 90px;
333+
margin-left:-535px;
334-
-moz-border-radius-topright: 90px;
334+
margin-top:520px;
335-
-webkit-border-top-right-radius: 90px;
335+
width:1070px;
336-
border-top-right-radius: 90px; 
336+
height:720px; 
337
}
338
339-
.h1, h1   {
339+
340-
font-family: 'Bangers', cursive;
340+
#bigPicOverlay {
341
background-color:transparent; 
342-
padding:5px 0px 2px 0px;
342+
343
344
345-
.h2, h2   {
345+
#title1, #title2, #title3, #title4 {
346-
font-family:"Trebuchet MS", Helvetica, sans-serif;
346+
margin-left:-535px; 
347-
font-size: 9pt ;
347+
padding-right:10px;
348-
padding:7px 0px 2px 0px; 
348+
349-
-webkit-transform: rotate(180deg);
349+
background-color:000000;
350-
-moz-transform: rotate(180deg);
350+
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
351-
-o-transform: rotate(180deg);
351+
color:white; 
352-
writing-mode: lr-tb;
352+
font-family: 'Playfair Display', serif; cursive;
353
font-style:italic;
354
text-align:right; 
355-
.h3, h3 {  
355+
line-height:50px;
356-
font-family: 'Special Elite', cursive; 
356+
font-size:30pt;
357-
font-size:9pt;
357+
358-
text-align:right;  
358+
359-
letter-spacing:1pt;
359+
#title1 {margin-top:890px;width:200px;}
360-
margin:2px 0px 2px 10px; 
360+
#title2 {margin-top:950px;width:275px;}
361-
padding:8px 2px; 0px 0px;
361+
#title3 {margin-top:1010px;width:375px;}
362-
-moz-border-radius-topleft: 90px;
362+
#title4 {margin-top:1070px;width:430px;} 
363-
-webkit-border-top-left-radius: 90px; 
363+
364-
border-top-left-radius: 90px;
364+
#title5 {
365
margin-top:780px; 
366
margin-left:150px;
367-
.h4, h4 { 
367+
padding-right:15px;  
368-
font-family: copperplate gothic light;  
368+
width:370px;
369-
margin:0px 0px 2px 10px;
369+
height:370px;
370-
border-top:4px double;
370+
371
color:white;
372
background-color:transparent;
373-
.h5, h5 { 
373+
font-family: 'Playfair Display', serif;
374
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
375-
font-size:8pt; 
375+
font-style:italic;
376-
padding-left:5px; 
376+
377-
margin-left:5px; 
377+
line-height:90%;
378-
border-left:2px solid; 
378+
font-size:80pt; 
379-
text-align:left;  
379+
380-
word-spacing:-2px;
380+
381
#title6 {
382
margin-top:1165px; 
383-
.h6, h6 {  
383+
margin-left:-535px;
384-
padding-top:5px;
384+
width:430px;
385-
font-size:12pt; 
385+
height:75px; 
386-
font-family: 'Iceland', cursive;
386+
color:000000; 
387
font-family: 'Oswald', sans-serif;
388
text-align:center; 
389-
.h7, h7 {
389+
line-height:75px;
390-
font-family: arial narrow; 
390+
font-size:45pt;
391-
font-size:10pt;
391+
text-transform:uppercase;  
392-
margin:10px 0px 10px 20px;
392+
393
394-
line-height:20%; 
394+
395-
border-width: 4px 0px 4px 0px; 
395+
#pic4_430w_200h {
396-
border-style:solid;
396+
margin-top:1250px; 
397-
text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
397+
margin-left:-535px; 
398
width:430px;
399
height:200px;
400-
.h8, h8 {
400+
401-
font-size:9pt;
401+
402-
line-height:120%; 
402+
403-
padding:5px 5px 5px 0px; 
403+
#title7 { 
404-
margin:10px 0px;
404+
margin-left:-95px;
405
margin-top:1250px;  
406-
letter-spacing:2pt; 
406+
width:140px;
407-
border:10px double;
407+
408-
-moz-border-radius-topleft: 90px;
408+
font-family: 'Merriweather', serif;  
409-
-webkit-border-top-left-radius: 90px;
409+
color:000000;  
410-
border-top-left-radius: 90px;
410+
text-align:center; 
411-
text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
411+
font-size:29pt;
412
text-align:right;
413
padding:5px;
414-
.h9, h9 {
414+
text-transform:uppercase;  
415-
font-family: 'Aguafina Script', cursive;
415+
font-style:italic;
416-
font-size:10pt;
416+
line-height:102%;
417-
padding:5px 5px 0px 0px; 
417+
418
419-
text-align:right;  
419+
#title8 {
420-
line-height:110%; 
420+
margin-top:1460px; 
421-
border-width: 4px 0px 4px 0px; 
421+
margin-left:-535px; 
422-
border-style:double;
422+
width:590px;
423-
text-transform:Capitalize;
423+
height:40px;
424
background-color:000000;
425
text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);
426-
.h10, h10 { 
426+
color:white; 
427-
font-family: 'Francois One', sans-serif;
427+
font-family: 'Oswald', sans-serif;
428-
font-size:10pt; 
428+
text-align:center; 
429-
height:20px; 
429+
line-height:40px;
430-
line-height:20px; 
430+
font-size:28pt;
431
text-transform:uppercase; 
432
}
433-
.h11, h11 { 
433+
434
#cn1_150w_250h, #cn2_150w_250h, #cn3_150w_250h {
435-
font-family:arial narrow; 
435+
margin-top:1250px;  
436-
margin:5px 0px; 
436+
width:150px;
437-
padding:10px 5px;   
437+
height:250px;
438
} 
439
440-
.h12, h12 { 
440+
#cn1_150w_250h {margin-left:65px;}
441-
font-family: 'Economica', sans-serif;
441+
#cn2_150w_250h {margin-left:225px;}
442-
font-size:9pt; 
442+
#cn3_150w_250h {margin-left:385px;}
443-
line-height:110%;
443+
444
#p5_470w_470h {
445
margin-left:65px;
446-
.h13, h13 { 
446+
margin-top:1510px;  
447-
font-family:georgia;
447+
width:470px;
448-
font-size:13pt; 
448+
height:470px;
449-
line-height:100%;  
449+
450-
padding:5px 0px; 
450+
451-
margin:5px 0px;  
451+
#side1, #side2 {
452-
text-transform:capitalize;  
452+
margin-top:1510px; 
453
overflow:auto;
454
height:460px;
455-
.h14, h14 { 
455+
456-
font-family:georgia; 
456+
padding:5px;
457-
font-size:8pt; 
457+
width:285px;
458-
padding:5px 0px; 
458+
459-
margin:5px 0px; 
459+
460-
line-height:100%;  
460+
#side1 {margin-left:-535px;}
461
#side2 {margin-left:-240px;}
462-
border-left:75px solid; 
462+
463-
border-right:75px solid;
463+
.HB1, .HB2 {
464-
-webkit-border-radius: 90px;
464+
margin: 0px;
465-
-moz-border-radius: 90px;
465+
float: left;
466-
border-radius: 90px;
466+
overflow: hidden;
467-
}    
467+
position: relative;
468
text-align: center; 
469-
.about6Title  { 
469+
470
471-
font-family: 'Candal', sans-serif; 
471+
.HB1 {
472-
width:321px; 
472+
width:150px;
473-
height:26px; 
473+
height:250px; 
474-
line-height:26px; 
474+
475
476-
padding:0px 5px 0px 0px; 
476+
.HB2 {
477-
text-transform: capitalize;
477+
width: 100%;
478-
letter-spacing:-1pt;
478+
height: 100%; 
479-
margin:10px;
479+
margin: 0px;
480
} 
481
482-
border:2px dotted;
482+
.HB1 .mask, 
483
.HB1 .content,
484
.HB2 .mask, 
485-
.cite {font-size:0pt; visibility:hidden!important; display:none!important; color:transparent;}
485+
.HB2 .content {  
486
position: absolute;    
487-
.vicarious { Div/Img Style Classes } 
487+
overflow: hidden;    
488
top: 0;    
489-
.vicframeimg  > a  { 
489+
left: 0
490-
width: 180px; 
490+
491-
height:300px;
491+
492-
padding:10px; 
492+
.HB1 .mask, 
493-
left:25px;
493+
.HB1 .content {
494-
top: 100px;
494+
width:150px;
495-
display: block;
495+
height:250px;
496-
position: absolute;
496+
497
498-
z-index: 5;
498+
.HB2 .mask, 
499-
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
499+
.HB2 .content {    
500-
filter: alpha(opacity=0);
500+
width: 80%;    
501
height: 80%; 
502-
transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
502+
padding: 10%;   
503-
-webkit-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
503+
504-
-moz-transition:  opacity 1s ease-in-out, z-index 0.5s ease-in-out;
504+
505-
-ms-transition:   opacity 1s ease-in-out, z-index 0.5s ease-in-out;
505+
.HB1 .mask,
506-
-o-transition: opacity 1s ease-in-out, z-index 0.5s ease-in-out;
506+
.HB2-lrg .mask { 
507-
-webkit-border-radius: 20px;
507+
background-color: rgba(255, 255, 255, 0.7);
508-
-moz-border-radius: 20px;
508+
509-
border-radius: 20px;
509+
510
511
.HB1 .mask { 
512-
.vicframeimg >  a:target  { 
512+
transition: all 0.5s linear; 
513-
display: block;
513+
}   
514-
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
514+
515-
filter: alpha(opacity=100);
515+
.HB2-lrg .mask { 
516
background-color: rgba(255, 255, 255, 0.7);
517-
z-index: 1001; 
517+
top: -200px;
518
transition: all 0.3s ease-out 0.5s;
519
}
520-
.vicframe  {
520+
521-
left:0%;
521+
.HB1:hover .mask { 
522
opacity: 1;
523-
position:fixed;  
523+
524-
overflow:none;
524+
525-
z-index:1;   
525+
.HB2-lrg:hover .mask { 
526-
height:100%;
526+
opacity: 1; 
527-
width:250px;
527+
top: 0px; 
528-
margin-left:0px;
528+
transition-delay: 0s; 
529
animation: bounceY 0.9s linear;
530-
text-align:left; 
530+
}     
531-
-moz-border-radius-topright: 90px;
531+
532-
-webkit-border-top-right-radius: 90px;
532+
533-
border-top-right-radius: 90px;
533+
.HB1 img, .HB2 img {
534-
-moz-border-radius-bottomright: 5px;
534+
display: block; 
535-
-webkit-border-bottom-right-radius: 5px;
535+
position: relative;
536-
border-bottom-right-radius: 5px;
536+
537-
-moz-border-radius-bottomleft: 5px;
537+
538-
-webkit-border-bottom-left-radius: 5px;
538+
.HB1 img {
539-
border-bottom-left-radius: 5px; 
539+
transform: scaleY(1);
540
transition: all 0.7s ease-in-out;
541
}
542-
.viccontrol { 
542+
543-
margin-left:0px;
543+
.HB2 img { }
544
545-
overflow:hidden; 
545+
.HB1:hover img { 
546
transform: scale(10);
547
opacity: 0;
548-
.linkage, vicframe:hover .linkage {
548+
549-
transition:All 1s linear;
549+
550-
-webkit-transition:All 1s linear;
550+
.HB1 big {
551-
-moz-transition:All 1s linear;
551+
552-
-o-transition:All 1s linear;
552+
553
font-family: 'Oswald', sans-serif;
554
text-transform: uppercase;
555-
.linkage {
555+
text-align: center;
556-
left:0%;
556+
position: relative;
557-
bottom:0%;
557+
font-size: 14pt;
558-
position:fixed;   
558+
559-
z-index:100;  
559+
padding: 0px 2px; 
560-
width:250px;
560+
margin: 20px 0px 10px 0px;
561
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
562
transform: scale(0);
563-
margin-bottom:-500px;
563+
transition: all 0.5s linear;
564-
margin-left:0px;
564+
565
}
566
567
.HB1 .about {
568-
.vicframe:hover .linkage { margin-bottom:10px; }
568+
position: relative; 
569
opacity: 0;
570-
.backcoloring { 
570+
transform: scale(0);
571-
left:0%;
571+
transition: all 0.5s linear;
572
} 
573-
position:fixed;   
573+
574-
z-index:-1;  
574+
.HB1 big {
575-
width:100%;
575+
576-
height:100%;
576+
577-
overflow:hidden; 
577+
font-family: 'Oswald', sans-serif;
578
text-transform: uppercase;
579-
margin-left:1215px; 
579+
text-align: center;
580-
-webkit-transition: all 1s ease-out 0s;
580+
position: relative;
581-
-moz-transition: all 1s ease-out 0s;
581+
font-size: 14pt;
582-
-ms-transition: all 1s ease-out 0s;
582+
583-
-o-transition: all 1s ease-out 0s;
583+
padding: 0px 2px; 
584-
transition: all 1s ease-out 0s;
584+
margin: 20px 0px 10px 0px;
585
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
586
transform: scale(0);
587-
.TcapL, .TcapR, .BcapL, .BcapR { height:50px; }
587+
transition: all 0.5s linear;
588-
.TcapL { -moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px; border-top-left-radius: 90px;}  
588+
589-
.TcapR{-moz-border-radius-topright: 90px;-webkit-border-top-right-radius: 90px;border-top-right-radius: 90px;}
589+
590-
.BcapL {-moz-border-radius-bottomleft: 90px;-webkit-border-bottom-left-radius: 90px;border-bottom-left-radius: 90px;}
590+
591-
.BcapR{ -moz-border-radius-bottomright: 90px;-webkit-border-bottom-right-radius: 90px;border-bottom-right-radius: 90px;}
591+
.HB1 a.info {
592
    display: inline-block;
593
    text-decoration: none;
594-
.about, .about2, .about3, .about4, .about5, .about6Text, .about7  { 
594+
    padding: 7px 14px;
595
    background: #000;
596
    color: #fff;
597
    text-transform: uppercase;
598
    box-shadow: 0 0 1px #000;
599-
.about, .about2, .about3, .about5 { 
599+
    opacity: 0;
600-
padding:5px;  
600+
    transform: scale(0);
601
    transition: all 0.5s linear;
602
}
603-
.about { width:280px; height:223px; margin:5px; }
603+
.HB1 a.info:hover {
604-
.about2 { width:280px; height:145px; margin:5px; }
604+
    box-shadow: 0 0 5px #000
605-
.about3 { width:265px; height:100px; margin-left:5px; border-width:10px 10px 0px 10px; border-style:solid; }
605+
606-
.about4 { float:right; width:205px; height:49px; padding:5px; margin:0px 10px 10px 5px ; word-spacing:-2px; }
606+
607-
.about5 { width:280px; height:150px; margin:5px; }
607+
.about {
608
display:block;
609-
.about6 { 
609+
width:140px;
610
padding:5px;
611
height:140px;
612
overflow:auto;
613-
padding:0px; 
613+
background-color:eeeeee;
614-
margin: 5px 5px 5px 5px; 
614+
margin-bottom:5px;
615-
border:5px solid; 
615+
transform: scale(0);
616
transition: all 0.5s linear;
617
opacity: 0;
618-
.about6Text { 
618+
619-
width:306px; 
619+
                                                                           
620-
height:121px; 
620+
.HB1:hover big,
621-
padding:0px 10px; 
621+
.HB1:hover .about,
622-
margin:10px; 
622+
.HB1:hover a.info { 
623-
border:2px dotted ; 
623+
transform: scale(1);
624
opacity: 1;
625
} 
626-
.about7 { 
626+
627-
float:left; 
627+
.HB2 big { 
628-
width:195px; 
628+
display:block;  
629-
height:205px;
629+
text-transform: uppercase; 
630-
padding:0px 5px; 
630+
color: ffffff; 
631-
margin:15px; 
631+
text-align: center;  
632-
border:5px double; 
632+
633
font-size: 15pt;    
634
padding: 15px 0px;  
635-
.about8 { 
635+
font-family: 'Oswald', sans-serif;
636-
width:420px; 
636+
background: rgba(0, 0, 0, 0.8);    
637
margin: 20px 0px 20px 0px;
638-
padding:0px 5px; 
638+
position: relative;   
639-
margin:25px;
639+
transform: translateY(-200px);
640
transition: all 0.2s ease-in-out 0.1s;
641
}
642
643-
.about8frame { 
643+
.HB2:hover big { 
644-
 width:480px; 
644+
transform: translateY(0px);
645-
height:100px; 
645+
transition-delay: 0.4s;
646-
border:10px solid;
646+
647
 
648-
-moz-border-radius-topleft: 90px;
648+
.HB2 a.info  { 
649-
-webkit-border-top-left-radius: 90px;
649+
width:110px; 
650-
 border-top-left-radius: 90px;
650+
display: inline-block;    
651-
-moz-border-radius-bottomright: 90px;
651+
text-decoration: none;    
652-
-webkit-border-bottom-right-radius: 90px;
652+
padding: 7px 0px;     
653-
border-bottom-right-radius: 90px;
653+
background-color: 000000;    
654
color: ffffff;    
655
text-transform: uppercase;   
656-
.mini { 
656+
box-shadow: 0 0 1px #000; 
657-
width:200px; 
657+
transform: translateY(-200px);
658-
height:155px; 
658+
transition:  all 0.2s ease-in-out 0.3s;
659-
overflow-x:hidden; 
659+
660-
overflow-y:auto;
660+
661
.HB2 a.info:hover  { 
662
background: rgba(0, 0, 0, 0.3);   
663-
.owes { 
663+
664-
width:160px;
664+
665-
height:60px;  
665+
.HB2:hover a.info  { 
666-
padding:0px; 
666+
transform: translateY(0px);
667-
margin:0px 5px;
667+
transition-delay: 0s;
668
} 
669-
text-align:left; 
669+
670-
line-height:160%;
670+
.links {
671-
word-spacing:-2px;
671+
672
margin-bottom:5px;
673
}
674-
.stats {
674+
675-
width:170px; 
675+
.music {
676-
height:290px; 
676+
677-
padding:5px; 
677+
margin: 5%;
678
padding: 2%;
679-
word-spacing:-2px;
679+
height:25px;
680
overflow:hidden;
681
}
682-
.wallpaper { 
682+
683-
width:300px; 
683+
.quotable {
684-
height:162px; 
684+
685-
overflow:hidden; 
685+
margin: 5%;
686
padding: 2%;
687-
background-repeat:repeat; 
687+
height:100px;
688-
background-position:center; 
688+
689
font-size:14pt;
690
color:000000;
691-
.picset { 
691+
font-family: 'Playfair Display', serif;
692-
float:left;
692+
font-style:italic;
693-
width:180px;
693+
text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);
694-
height:62px;
694+
transform: scale(0);
695-
margin-left:25px; 
695+
transition: all 0.5s linear;
696
opacity: 0;
697
} 
698
699
.HB2 .quotable { 
700-
.lyricset { 
700+
701-
margin-top:5px;
701+
transform: translateY(-200px);
702-
padding:10px 0px; 
702+
transition: all 0.2s ease-in-out 0.2s;
703-
border-top:14px double; 
703+
704
705
.HB2:hover .quotable { 
706-
.hbox1, .hbox2, .hbox3, .hbox4 { overflow:hidden; }
706+
transform: translateY(0px);
707-
.hbox1a, .hbox3a { word-spacing:-2px; }
707+
transition-delay: 0.2s;
708-
.hbox1a p, .hbox3a p { word-spacing:-2px; }
708+
709-
.hbox2, .hbox3, .hbox4 { margin:0px; padding:0px; } 
709+
710
@keyframes bounceY {
711-
.hbox1 { height:85px; width:180px; margin:0px 4px;  border:10px solid; }
711+
    0% { transform: translateY(-205px);}
712-
.hbox2 { width:245px; height:300px; }
712+
    40% { transform: translateY(-100px);}
713-
.hbox3 { height:145px; width:145px; }
713+
    65% { transform: translateY(-52px);}
714-
.hbox4 { width:245px; height:300px;  border:10px solid; }
714+
    82% { transform: translateY(-25px);}
715
    92% { transform: translateY(-12px);}
716-
.hbox1a, .hbox2a, .hbox3a { 
716+
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
717-
overflow:hidden; 
717+
718
719-
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
719+
720-
filter: alpha(opacity=0);
720+
721
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfiledetail,  .userAlbums, .whitetext12, .orangetext15, .lightbluetext8, .blacktext12, .navigationBar, tr#groups,  .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
722-
-webkit-transition: all 1s ease-out 0s;
722+
723-
-moz-transition: all 1s ease-out 0s;
723+
724-
-ms-transition: all 1s ease-out 0s;
724+
725-
-o-transition: all 1s ease-out 0s;
725+
726-
transition: all 1s ease-out 0s;
726+
727
.clearfix {display:none !important;position:absolute!important;}
728
.navigationBar { display: none; } 
729-
.hbox1a { width:180px;height:85px;} 
729+
730-
.hbox3a { width:135px; height:135px; padding:5px; }
730+
731-
.hbox2a { width:235px; height:300px; padding:0px 5px; }   
731+
732
.vicarious {Layouts available @ http://vicarious-hs.tumblr.com/}
733-
.Hbox1a:hover, .Hbox2a:hover , .Hbox3a:hover      {
733+
734-
 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
734+
735-
filter: alpha(opacity=100);
735+
736
 
737
 
738
739
-----------------------------LIKE TO MEET-------------------------
740-
.img3T {
740+
741-
float:right; 
741+
<font class="cite">LEAVE THIS BLANK</font>
742-
width:170px; 
742+
743-
height:100px; 
743+
-----------------------------INTERESTS-----------------------------
744
745-
text-align:right;  
745+
</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">
746-
margin:0px 10px 10px 0px;
746+
747
<div id="back"></div> 
748
749-
.title1 {
749+
<font class="cite">THESE SECTIONS REPRESENT THE TOP OF THE LAYOUT PIC/NAME, TEXT, 2 PICS</font>
750-
margin:5px 0px 0px 5px;
750+
751-
width:275px;  
751+
752-
height:20px; 
752+
753-
line-height:20px;
753+
<div id="p1_500w_500h">
754-
border-width:0px 10px 10px 10px; 
754+
755-
border-style:solid; 
755+
<div id="name">
756-
-moz-border-radius-topleft: 90px;
756+
Rick Grimes
757-
-webkit-border-top-left-radius: 90px;
757+
758-
 border-top-left-radius: 90px;
758+
759-
-moz-border-radius-topright: 90px;
759+
<div class="HB2 HB2-lrg">
760-
-webkit-border-top-right-radius: 90px;
760+
761-
border-top-right-radius: 90px;
761+
<img src="http://i60.tinypic.com/2dl3lo0.jpg">
762
763
<div class="mask">
764-
.img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8a, .img8b, .img9a, .img9b, .img10, .img11, .img12  { 
764+
765
<big>The Walking Dead</big>
766
767
<div class="quotable"> 
768-
.img1 { width:50px; height:50px; border:2px solid; margin:5px; } 
768+
769-
.img2 { width:280px; height:200px; margin:10px; }
769+
I screwed up too many times. Those calls you gotta make, I start down that road... I almost lost my boy - who he was. Whatever else this place needs, I'm here for it.
770-
.img3 { float:left; width:100px; height:100px; margin:0px 0px 10px 10px; } 
770+
771-
.img4 { margin-top:10px; padding:0px 2px; border:double 4px ; }
771+
772-
.img5 { margin-top:100px; margin-left:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
772+
773-
.img6 { float:right; margin:25px; height:200px; width:200px; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
773+
<div class="links">
774-
.img7 { width:100px; height:100px; margin:15px 10px 5px 25px; border:5px solid; -webkit-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); -moz-box-shadow: -14px -14px 0px 0px rgba(0, 0, 0, 1); box-shadow:  -14px -14px 0px 0px rgba(0, 0, 0, 1);}
774+
<a class="info" href="/logincomplete.php">Home</a> 
775-
.img8a, .img8b { width:50px; height:50px; border:5px solid; }
775+
<a class="info" href="/invite_friend.php?friend_id=xxxxxx">Add</a>
776-
.img8a, .img9b {  margin: 5px 0px 5px 5px;}
776+
<a class="info" href="/send_message.php?member_id=xxxxxx">Message</a>
777-
.img8b, .img9a {  margin: 5px 5px 5px 0px;}
777+
778-
.img9a, .img9b { width:50px; height:190px; border:5px solid; }
778+
779-
.img10 { width:115px; height:115px;  margin:10px; border: 5px solid; }
779+
<div class="links">
780-
.img11 { width:50px; height:50px; border:2px solid; -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.75); }
780+
<a class="info" href="/add_testimonial.php?member_id=xxxxxx">Comment</a> 
781-
.img12 {  width:170px; height:70px; margin:10px; border:5px solid; } 
781+
<a class="info" href="/gallery.php?member_id=xxxxxx">Photos</a> 
782
<a class="info" href="/view_member_blog.php?member_id=xxxxxx">Blogs</a>
783
</div>
784
785
<div class="links">
786-
.vicarious { COLOR PALETTE }
786+
<a class="info" href="/#">Extra</a>  
787
<a class="info" href="/#">Extra</a> 
788-
.vicarious { Scrollbar }
788+
<a class="info" href="/#">Extra</a> 
789-
::-webkit-scrollbar-track {background-color:000000 ; border-color:000000 ;}  
789+
790-
::-webkit-scrollbar-thumb {background-color:f2f3e9;   border-color:000000 ;}
790+
791
792-
.vicarious { Dark text colors }
792+
<div class="music">
793-
a, a:link, a:active, a:visited, a:hover, td.text, table, tr, td, li, div, input, p  { color:1f1f1f; }
793+
794-
B, .B3, B3, em, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h1, h1, .h5, h5, .h9, h9, .h11, h11, .h13, h13 { color:000000;}
794+
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k002.kiwi6.com/hotlink/656165c1p8/the_walking_dead_theme_www.mp3fiber.com_.mp3&t0=TWD Theme&f1= &t1= &f2= &t2= &total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
795-
.about6Title { color:1b1b1b; }
795+
796
</div> 
797-
.vicarious { Light text color }
797+
798-
.about3, .about3 p, .about4, .about4 p, .B2, B2,  .strong, strong, small, big,a.first, a.first:link, a.first:active, a.first:visited, a.second:hover, a.conn:hover, .lyric, lyric, .lyric2, lyric2, .lyric3, lyric3, .h2, h2, .h6, h6, .h7, h7, .h8, h8, .h10, h10, .h12, h12, .h14, h14 { color:f2f3e9; }
798+
799-
 .h3, h3 {color:d6d6d6;}
799+
</div></div></div> 
800
 
801-
.vicarious { Dark border colors }
801+
<div id="txt1">
802-
.vic_table, .about6Title,  .about6Text, .about7, .about8frame, .hbox4, .img4, .img7, .img12, a.conn, a.conn:link, a.conn:active, a.conn:visited, .h4, h4, .h5, h5, .h7, h7,  .h9, h9  { border-color: #000000; }
802+
803-
.h8, h8, big { border-color: #c80000; }
803+
<p>Maybe we got a second chance. Not many people get that.
804
805-
.vicarious { Light border color }
805+
806-
.about3, .about6,  .hbox1,  .lyricset, .title1, .img1, .img8a, .img8b, .img9a, .img9b, .img10, .img11, a.conn:hover, .h14, h14  { border-color: #f2f3e9 ; }
806+
<font class="strong">Strong</font>
807
<font class="u">Underline</font>
808
<font class="strike">Strike</font>
809
<b>Bold</b>
810-
.vicarious { Light background }
810+
<i>Italic</i>
811-
 body, .vicframeimg a, .vicframeimg > a, .about, .about2, .about5, .about6Title,  .about6Text,  .about7, .about8, .about8frame, .mini, .colorize, .wallpaper, .hbox1a, .hbox2a, .hbox3a, .img3T, .img4, a.second, a.second:link, a.second:active, a.second:visited, a.conn, a.conn:link, a.conn:active, a.conn:visited,  .h1, h1, .h9, h9, .h11, h11, .h13, h13 { background-color:f2f3e9; }  
811+
812
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.  
813-
.vicarious { Dark background }
813+
814-
.vic_table, .vicframe, .backcoloring, .TcapL, .TcapR, .BcapL, .BcapR, .about6, .about4, .B2, B2, .strong, strong, a.second:hover, a.conn:hover, small, big, .h2, h2, .h3, h3, .h6, h6, .h7, h7, .h10, h10, .h12, h12  { background-color:c80000; }
814+
815
<p><font class="strong">We don't kill the living.</font> 
816-
.vicarious { Dark/Light mixed background. }  
816+
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. 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. 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. 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. 
817-
.h8, h8 {
817+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
818-
background: rgb(242, 243, 233);
818+
819-
background: -moz-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
819+
820-
background: -webkit-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
820+
821-
background: -o-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
821+
822-
background: -ms-linear-gradient(65deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
822+
823-
background: linear-gradient(155deg, rgb(242, 243, 233) 33%, rgb(200, 0, 0) 0%);
823+
<div id="p2_350w_200h">
824
<img src="http://i58.tinypic.com/9uyvb7.jpg"> 
825
</div> 
826
 
827
<div id="p3_350w_290h">
828-
.profileInfo, .userProfileURL, .friendsComments, .blurbs, .blacktext12, .friendSpace, .contactTable, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userprofiledetail, .userAlbums, 
828+
<img src="http://i60.tinypic.com/mrefm1.jpg">
829
</div>
830-
.whitetext12, .orangetext15, .lightbluetext8, .navigationBar, .profile, table tr td[id='footerWarpper'] { display:none !important;visibility:hidden!important; }
830+
831
 
832
-----------------------------MUSIC---------------------------------
833
834
</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">
835
836-
.navigationBar { display: none; }
836+
<font class="cite">
837
THE CENTER PIC HAS A PHOTO OVERLAY ON TOP OF IT THAT PUTS CORNERS ON THE TOP RIGHT AND LOWER LEFT SIDE. YOU MAY NEED TO TOSS THE OVERLAY INTO PHOTOSHOP SO YOU CAN PROPERLY POSITION YOUR UNDERLAY PHOTO.  IN THE EXAMPLE ON THE PAGE, RICK IS VISUALLY POSITIONED ON THE LEFT SIDE.  YOU SHOULD DO SOMETHING SIMILAR.  THE PIC DIMENSIONS ARE WIDTH:1070px; HEIGHT:720px; 
838
</font>
839
840
841
<div id="bigPic">
842
<img src="http://i59.tinypic.com/2hx64p.jpg">
843
</div>
844
845
<div id="bigPicOverlay">
846
<img src="http://i59.tinypic.com/f066hw.jpg">
847-
-----------------------------LIKE TO MEET------------------------------
847+
848
  
849-
 </td></tr></table></td></tr></table><table class="viclike2meet_table"><tr><td valign="top" align="center"><table><tr><td>
849+
850
<div id="title1">❝They're </div>
851-
<font class="cite">The above table marker MUST REMAIN where it is. </font>
851+
<div id="title2">screwing with</div>
852
<div id="title3">the wrong people.❞ </div>
853
<div id="title4"> - Rick Grimes</div>
854-
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapL"></DIV>
854+
<div id="title5">Fear the living</div>
855
856-
</td></tr></table><table class="vic_table"><tr><td>
856+
<font class="cite">
857
THE BELOW = THREE TEXT BOXES OVER THE CENTER PIC AND OVERLAY.
858-
<img class="img2" src="http://i57.tinypic.com/sw74fl.jpg"><BR>
858+
</font>
859
860-
<img class="img3" src="http://i61.tinypic.com/34g7r4j.jpg">
860+
861
<div id="txt2">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.   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. 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. 
862
</div>
863
864-
<div class="img3T">
864+
<div id="txt3">
865
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.   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. 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.
866-
<font class="h3">Role Play Agenda</font>
866+
</div>  
867
868-
<font class="h4"></font>
868+
869
<div id="txt4">
870-
<div class="owes">  
870+
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.   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. 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.
871
</div>
872-
<small>Starters » </small> Name here, Name here, Name here
872+
873-
<BR>
873+
874-
<small>Comments » </small> Name here, Name here, Name here
874+
-----------------------------MOVIES--------------------------------
875
876-
</div></div>
876+
</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">
877
878-
</td></tr></table><table class="vic_table"><tr><td>
878+
<font class="cite">
879
THESE ARE THE SMALL BLACK BOXES UNDER THE 'FEAR THE LIVING' TITLE
880
</font>
881
882-
<p><img class="img7" src="http://i62.tinypic.com/2gum8fm.jpg" align=left> 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. 
882+
883
<div id="thangs">
884-
<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. 
884+
885
<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.
886
887
</div>
888-
</td></tr></table><table class="vic_table"><tr><td> 
888+
889
 
890-
<font class="h9">Descending, unending and still I’m pretending</font>
890+
<div id="thangs2">
891
892-
<div class="wallpaper" style="background-image:url(http://i61.tinypic.com/2znub2f.jpg);">
892+
893
894-
<img class="img4" src="http://i57.tinypic.com/dcuxd.jpg">
894+
895-
<img class="img4" src="http://i57.tinypic.com/o08gzq.jpg">
895+
896-
<img class="img4" src="http://i60.tinypic.com/2uynhhk.jpg">
896+
<div id="thangs3">
897-
<img class="img4" src="http://i59.tinypic.com/3483wxu.jpg"> 
897+
898
<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.
899
900
</div> 
901-
</td></tr></table><table class="vic_table"><tr><td>
901+
902
<div id="thangs4">
903-
<font class="h8">Short Title Here</font> 
903+
904
<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.
905
906-
<div class="about2">
906+
907
908-
<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. 
908+
<div id="thangs5">
909
910-
<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.   
910+
911
912
</div>
913
914
915
-----------------------------TELEVISION--------------------------------
916
917-
<img class="img1" style="float:left;" src="http://i61.tinypic.com/33x78ty.jpg"> 
917+
</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">
918
919-
<div class="about4">
919+
<font class="cite">THIS IS THE BOTTOM LEFT SIDE OF THE LAYOUT.  
920
</font>
921-
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.Lorem ipsum dolor sit.
921+
922
923
<div id="pic4_430w_200h">
924
<img src="http://i58.tinypic.com/6gx6di.jpg">
925
</div>  
926-
</td></tr></table><table class="vic_table"><tr><td> 
926+
927
<div id="title6">You don't know</div> 
928-
 <font class="h11">Butterflies in a Jar ● Clip Their Wings ● Snip-Snip</font> 
928+
<div id="title7"> what it's like out there.</div> 
929
<div id="title8">You may think you do but you don't.</div>
930
931-
</td></tr></table><table class="vic_table"><tr><td> 
931+
932
<div id="side1">
933-
<div class="hbox3" style="float:left;margin-bottom:10px; background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
933+
<div style="float: right; width: 0px; height: 150px"></div>
934
<div style="float: right; clear: right"><font class="h1">Who Will</font>
935-
<div class="hbox3a"> 
935+
936-
<font class="h12">Title or Name</font> 
936+
937
<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.  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?  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 fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.  
938
 
939-
</div></div>
939+
940
941-
<div class="hbox3" style="float:right; margin-bottom:10px;background-image:url(http://i60.tinypic.com/auzebn.jpg);">  
941+
942
943-
<div class="hbox3a"> 
943+
944-
<font class="h12">Title or Name</font> 
944+
<div id="side2"> 
945
946
<div style="float: left; width: 0px; height: 150px"></div>
947-
</div></div>
947+
<div style="float: left; clear: left"><font class="h1">Survive?</font> 
948
</div>
949
950
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?  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.  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?  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.  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.  
951
952-
<div class="hbox3" style="float:left;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
952+
953
954-
<div class="hbox3a"> 
954+
955-
<font class="h12">Title or Name</font> 
955+
-----------------------------BOOKS--------------------------------
956
957
  
958-
</div></div>
958+
</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">
959
960-
<div class="hbox3" style="float:right;background-image:url(http://i60.tinypic.com/auzebn.jpg);">
960+
<font class="cite">THESE ARE THE THREE HOVER PICS (DARYL, CARL, MICHONNE).
961
</font>
962-
<div class="hbox3a"> 
962+
963-
<font class="h12">Title or Name</font> 
963+
964
<div id="cn1_150w_250h">
965
966-
</div></div>
966+
<div class="HB1">
967
968-
</td></tr></table><table class="vic_table"><tr><td> 
968+
<img src="http://i62.tinypic.com/4qgzgm.jpg">
969
970-
<font class="h1">Don’t they know I’m a predator?</font> 
970+
<div class="mask">  
971
972
<big>Daryl Dixon</big> 
973-
<div class="about5"> 
973+
974
<div class="about">
975-
<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. 
975+
976
<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.
977-
<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.   
977+
978
</div> 
979
  
980
<a class="info" href="/#">View Profile</a>  
981-
<div class="colorize">
981+
982-
<font class="h2">Don’t they know they are the prey?</font>
982+
983
</div></div></div>
984
985-
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="BCapL"></DIV> 
985+
986
<div id="cn2_150w_250h">
987-
-----------------------------INTERESTS---------------------------------
987+
988
<div class="HB1">
989-
</td></tr></table></td></tr></table><table class="vicinterests_table"><tr><td valign="top" align="center"><table><tr><td> 
989+
990
<img src="http://i60.tinypic.com/2wrhrom.jpg">
991-
<font class="cite">The above table marker MUST REMAIN where it is. </font>
991+
992
<div class="mask">  
993-
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent;"><tr><td><div class="TCapR"></DIV> 
993+
994
<big>Carl Grimes</big>  
995-
</td></tr></table><table class="vic_table"><tr><td>
995+
996
<div class="about">
997-
<table><tr><td>
997+
998
<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.
999-
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg"> 
999+
1000-
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1000+
1001-
<img class="img8a" src="http://i57.tinypic.com/35i24gp.jpg">
1001+
1002
<a class="info" href="/#">View Profile</a> 
1003-
</td><td><div class="about6">
1003+
1004
1005-
<div class="about6Title">title goes here</div>
1005+
</div></div></div>
1006
1007-
<div class="about6Text">
1007+
1008-
<p>For pictures that are not marked with sizes, refer to the below:
1008+
<div id="cn3_150w_250h">
1009-
<p>The square images on the first and last text tables on the right side of the profile (swirls and strobes), the three images to the left of 'If I'm a danger to myself' and the same pic located under the 'Short Title Here' section are all 50px width by 50px height.
1009+
1010-
<p>The small images of buildings on the first and last tables  on the right side of the profile are 50px width by 190px height; 
1010+
<div class="HB1">
1011-
<p>The area size for the image beneath "Living is a bloody business" is 180px width by 85px height.
1011+
1012-
<p>The area size for the image above "The pestilence of decadence" is 170px width by 70px height. 
1012+
<img src="http://i59.tinypic.com/34zaypc.jpg">
1013-
<p>The image on the left sidebar (circle) is 200px width by 200px height. 
1013+
1014
<div class="mask">  
1015-
<p><B>Bold</b> <font class="b2">Bold2</font> <font class="b3">Bold3</font> <i>Italic</i> <font class="strong">Strong</font> <font class="u">Underline</font> 
1015+
1016-
<font class="strike">Strike</font> I code for all sites.  If you are on a site like that allows for headers, special text, etc., you can use just the regular font tags with the < > around them instead of the 'font class' or simply leave them as they are.  They will work either way.
1016+
<big>Michonne</big>  
1017
1018
<div class="about">
1019
1020-
</div></div></td><td>
1020+
1021
1022-
<img class="img9a" src="http://i62.tinypic.com/fbde8p.jpg">
1022+
1023
 
1024-
</td></tr></table>
1024+
<a class="info" href="/#">View Profile</a> 
1025
1026
</div></div></div>
1027
1028-
</td></tr></table><table class="vic_table"><tr><td>
1028+
1029
-----------------------------HEROES--------------------------------
1030-
<table><tr><td>
1030+
1031
</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">
1032-
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1032+
1033
<font class="cite">THIS IS THE BOTTOM RIGHT SIDE OF THE LAYOUT.  HOVER BOX=CONNECTIONS LINKS.  
1034-
</td><td>
1034+
</font>
1035
1036-
<font class="h10">Living is a bloody business</font> 
1036+
1037
<div id="p5_470w_470h">
1038-
<div class="hbox1" style="background-image:url(http://i61.tinypic.com/4uwi3d.jpg);">
1038+
1039
<div class="HB2 HB2-lrg">
1040-
<div class="hbox1a"> 
1040+
1041
<img src="http://i58.tinypic.com/10fx72u.jpg">
1042
1043-
</div></div>
1043+
<div class="mask">
1044
1045-
<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
1045+
<big>Connections</big>
1046-
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
1046+
                         
1047-
    <param name="bgcolor" value="#c80000" />
1047+
<div class="links">
1048-
    <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/e9xqmhfr86/ht.mp3&autoplay=1&bgcolor=c80000&loadingcolor=f2f3e9&buttoncolor=f2f3e9&slidercolor=f2f3e9" />
1048+
<a class="info" href="/#">Connection Name</a> 
1049-
</object>
1049+
<a class="info" href="/#">Connection Name</a> 
1050
<a class="info" href="/#">Connection Name</a>   
1051-
</td><td>
1051+
1052
1053-
<img class="img10" src="http://i58.tinypic.com/14ihk41.jpg">  
1053+
<div class="links">
1054
<a class="info" href="/#">Connection Name</a> 
1055-
</td></tr></table>
1055+
<a class="info" href="/#">Connection Name</a> 
1056
<a class="info" href="/#">Connection Name</a>   
1057
</div>
1058-
</td></tr></table><table class="vic_table" style="border:0px; background-color:transparent!important;"><tr><td>
1058+
1059
<div class="links">
1060-
<div class="picset">
1060+
<a class="info" href="/#">Connection Name</a> 
1061
<a class="info" href="/#">Connection Name</a> 
1062-
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1062+
<a class="info" href="/#">Connection Name</a>   
1063-
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1063+
1064-
<img class="img11" src="http://i61.tinypic.com/33x78ty.jpg">
1064+
1065
</div></div></div>