View difference between Paste ID: 0nF4TSaD and 265wJw83

                                         !!!!!!!!!!!!Read It!!!!!!!!!!!!
 
                                                 (⊙.⊙(☉_☉)⊙.⊙)
 
 There are div ids/classes and table classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.
 
-The links are at the bottom of the Blog Stylesheet section.
+The links and pics are at the bottom of the Blog Stylesheet section.
 
 To replace the main pic banner, put your 500x375 image url in the spot that looks like this:
 <div id="vicpanel1" style="background-image:url(http://i.imgbox.com/acv0mX54.png);">
 
                                         !!!!!!!!!!!!TIP!!!!!!!!!!!!
 
 If you are making a blog for content, it should be relatively blank as the meat of the blog is going to be accessed via the content links.  When they click on a content link, it will take them to the appropriate blog.
 
 1) Create a 'Content' blog (Titled content with a short description (IE "Hover over plus sign for Content') for the body of the text.
 2) Disable Kudos & Comments
 3) Put a link to this content blog on your profile.
 
 
 
 
                                                      (>‿◠)✌
 
 
                 *****************************SAVE YOUR WORK AS YOU GO.*******************************
 
 ----------------------Blog Header------------------------
 
 LEAVE BLANK
 
 
 ----------------------Blog Stylesheet------------------------
 
 
 
 <style type="text/css">
 
  @import url(http://fonts.googleapis.com/css?family=Reenie+Beanie|Rancho);
 /* DO NOT PUT ANYTHING ABOVE THE @import LINE ABOVE*/
 
 .vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR.  DO NOT REMOVE THE .VICARIOUS CREDIT!
 Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
-background-color:172127 !important;
+
 
 .vicarious{Cross Type Shared Commons}
 
  .blogcomments, .blogcommentsprofile {
 background-color:121212 !important;
 }
-background-color:3d474d;
+
-background-image: url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/seamless%20background/r_zps54e0a243.jpg~original);
+
-background-repeat: repeat !important;
+
-background-attachment:fixed;
+
-background-position:top right;
+
 background-color:000000;
 background-image: url(http://i.imgbox.com/adegzcYT.png);
 background-attachment: fixed;
 background-position: left bottom;
-margin-right:35px;
+background-repeat: no-repeat;
 visibility:visible;
 z-index:100;
 right:0%;
 top:0%;
 margin-right:85px;
-width:700px!important;
+
-background-color:172127 !important;
+
 }
 
 .blog {
-width:700px!important;
+width:500px!important;
 background-color:121212 !important;
 }
 
 .main {
-margin-right:35px;
+width:500px!important;
 visibility:visible;
 z-index:100;
-background-color:3d474d !important;
+
-border-BOTTOM:10px double #6e7a81  !important;
+
-border-right:10px double #6e7a81  !important;
+margin-right:85px;
-border-left:10px double #6e7a81  !important;
+
 position:absolute;
 background-color:120000 !important;
 border-BOTTOM:10px double #4a0002  !important;
 border-right:10px double #4a0002  !important;
-border-right: 15px dashed #3d474d !important;
+border-left:10px double #4a0002  !important;
 }
 
 
 .blogcommentsprofile {
 border-right: 15px dashed #000000 !important;
 }
 
 .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;
-background: rgb(5, 14, 19);
+
-background: -moz-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: -webkit-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: -o-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: -ms-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: linear-gradient(90deg,rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+background: rgb(18, 18, 18);
 background: -moz-linear-gradient(0deg, rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: -webkit-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: -o-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
-background: rgb(5, 14, 19);
+background: -ms-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
-background: -moz-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+background: linear-gradient(90deg, rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
-background: -webkit-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: -o-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: -ms-linear-gradient(0deg, rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+
-background: linear-gradient(90deg,rgb( 5, 14, 19) 46%, rgb(61, 71, 77) 32%);
+background: rgb(18, 18, 18);
 background: -moz-linear-gradient(0deg, rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: -webkit-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: -o-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: -ms-linear-gradient(0deg,  rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 background: linear-gradient(90deg, rgb(18, 18, 18) 46%, rgb(69, 0, 0) 32%);
 }
 
-color:2c3941 !important;
+
 .vicarious{Text Shared Commons}
 
 a, a:link, a:active, a:visited, a:hover, td, .text, table, td.txt_label , tr, td, li, p, div, input, txt, i, b, .main u, .main font, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, p.blogtimestamp, .blogsubject {
 font-family: palatino linotype!important;
 visibility: visible!important;
 color:424242 !important;
 text-decoration:none !important;
 line-height:90%  !important;
-color:2c3941 !important;
+
 background-color:transparent !important;
 text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
 }
 
 .vicarious { Font Styles }
-background-color:6e7a81 !important;
+
 p.blogtimestamp {
 color:333333 !important;
 letter-spacing:1pt !important;
 text-align:right !important;
 background-color:transparent!important;
 }
 td.txt_label{
 color:950002 !important;
 background-color:3e0001 !important;
 }
-color:637078 !important;
+
 font-size: 6.5pt !important;
 text-align:justify!important;
 }
 
 I {
 font-family:  tahoma!important;
-color:80868a !important;
+
 style: italic!important;
 color:5b0000 !important;
 }
 
 B {
-color:bdc3c7 !important;
+
 font-size: 6.0pt !important;
 font-weight:bold !important;
-text-shadow: 2px 2px #000000!important;
+color:3c3c3c !important;
  }
 
 Em {
 font-family: 'Reenie Beanie', cursive!important;
 font-size: 14pt !important;
-font-family: rancho!important;
+color:d6d6d6 !important;
 display:block!important;
-color:cbd3d8 !important;
+
-background-color:172127 !important;
+text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
 }
 
-border-bottom:3px solid #5a656b !important;
+small {
-text-shadow: 2px 2px #000000!important;
+font-family:  copperplate gothic light !important;
 font-size: 25pt !important;
 color:5b0002 !important;
 display:block!important;
 text-align: center!important;
 text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
 margin:5px !important;
-color:98a2a8 !important;
+
-background-color:3d474d !important;
+
-font-family: courier new !important;
+
-font-size:10pt !important;
+
-width: 30px!important;
+
 text-align:center!important;
 margin-top:5px!important;
-text-align: center!important;
+border-bottom:3px solid #222222 !important;
 font-family:  copperplate gothic light!important;
 color:#5b0002 !important;
-border-top:0px solid #172127 !important;
+text-shadow: 3px 3px 3px rgba(0, 0, 0, 1)!important;
-border-bottom:50px solid #172127 !important;
+display:block !important;
 }
 
 
 
 .vicarious{Profile Link Codes}
 a.first, a.first:link, a.first:active, a.first:visited {
 color:4d4d4d !important;
-a.first:hover {
+background-color:370000 !important;
- border-top:40px solid #172127 !important;
+font-family: tahoma  !important;
-border-bottom:10px solid #172127 !important;
+font-size:8pt !important;
-background-color:172127!important;
+width: 158px!important;
 line-height: 30px !important;
 height: 30px !important;
-.vicarious{Connection Link Codes Left Side}
+text-align:center !important;
 text-transform: uppercase !important;
-color:b6bfc4 !important;
+
-background-color:3d474d !important;
+padding:2px !important;
-font-family: tahoma !important;
+margin-bottom:1px !important;
-font-size:5.5pt !important;
+
-line-height: 19px !important;
+text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
-height:19px !important;
+
-text-align:right!important;
+
 -ms-transition: all 0.6s ease-out;
-padding:0px 2px 0px 0px;
+
-text-transform: uppercase!important;
+
-letter-spacing:1pt!important;
+
-margin-bottom:1px!important;
+
-text-shadow: 3px 3px 3px rgba(14, 17, 19, 1);
+a.first:hover {
 background-color:1d1d1d !important;
 color:4c4c4c !important;
  }
 
 .vicarious{Blog Link Codes}
 a.second, a.second:link, a.second:active, a.second:visited {
 color:4c4c4c !important;
 background-color:1d1d1d !important;
-text-align: left!important;
+font-family: tahoma  !important;
-padding:0px 0px 0px 2px!important;
+font-size:8pt !important;
-text-shadow: 3px 3px 3px rgba(14, 17, 19, 1);
+width: 158px!important;
 line-height: 30px !important;
 height: 30px !important;
 text-align:center !important;
 text-transform: uppercase !important;
 letter-spacing:1pt !important;
 padding:2px !important;
 margin-bottom:1px !important;
-#vicbox1 {
+
-background-color:172127 !important;
+text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
-width:312px!important;
+
-height:auto;
+
 -ms-transition: all 0.6s ease-out;
 -o-transition: all 0.6s ease-out;
 transition: all 0.6s ease-out;
-border: 10px double #6e7a81  !important;
+
-margin-right:850px;
+
-margin-top:150px;
+
-position:fixed;
+background-color:370000 !important;
-overflow:none;
+color:4d4d4d !important;
-z-index: 9 ;
+
 
 
-#vicnotes {
+
-background-color:172127 !important;
+
-width:312px!important;
+
-height:105px!important;
+
 
 
 #vicpanel1 {
-margin-right:860px;
+width:500px!important;
-margin-top:160px;
+height:375px!important;
-position:fixed;
+background-color:121212!important;
-overflow:auto;
+overflow:hidden!important;
-z-index: 9 ;
+
 
 #vicpanel1a {
 width:500px!important;
--webkit-transition: all 0.5s linear;
+height:375px!important;
--moz-transition: all 0.5s linear;
+background-color:121212!important;
--o-transition: all 0.5s linear;
+
 filter: alpha(opacity=0);
 opacity: 0;
-#vicbox1:hover #vicnotes {
+overflow:hidden!important;
-margin-top:160px!important;
+padding:2px!important;
 text-align:justify!important;
 -webkit-transition: all 0.6s ease-out;
 -moz-transition: all 0.6s ease-out;
--webkit-transition: all 0.5s linear;
+
--moz-transition: all 0.5s linear;
+
--o-transition: all 0.5s linear;
+transition: all 0.6s ease-out;
 }
 
- .vicarious{Div Style Classes}
+#vicpanel1a:hover  {
-.block {
+
-background-color:3d474d !important;
+
-margin-bottom:50px;
+
-width:50px!important;
+overflow:auto!important;
-height:20px!important;
+
 
 
-.vicconn {
+
-background-color:172127 !important;
+
-width:142px;
+
-height:auto!important;
+
-overflow:auto;
+
 .profile { display:none !important;visibility:hidden!important; }
 .nav, .spacer, .googleafc, .commentspacer, hr {display: none!important;}
 #ctl00_cpMain_googlead   { display:none !important;visibility:hidden!important; }
 images/spacer.gif{ display:none !important;visibility:hidden!important; }
 .st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount  { display:none !important;visibility:hidden!important; }
 .vicarious {Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
 </style>
 
 
 <small>▼</small>
 <div id="vicpanel1" style="background-image:url(http://i.imgbox.com/acv0mX54.png);">
 
 <div id="vicpanel1a">
 
 <table><tr>
-<div id="vicbox1"><center><table><tr><td valign="top">
+<td valign="top"><a class="first" href="/logincomplete.php">Home</a></td>
 <td valign="top"><a class="first" href="/add_testimonial.php?member_id=xxxxxx">Comment</a></td>
-<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">
+<td valign="top"><a class="first" href="/send_message.php?member_id=xxxxxx">Message</a></td>
 </tr></table>
-</td><td valign="top">
+
 
-<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">
+<img src="http://i.imgbox.com/abqIUk1p.png">
 
-</td><td valign="top">
+<table><tr>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-</td></tr></table><table><tr><td valgin="top"><div class="block"></div></td>
+</tr></table>
 
-<td><a class="first" href="/logincomplete.php"class="first">H</a></td>
+<table><tr>
-<td><a class="first" href="LINK HERE">I</a></td>
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<td><a class="first" href="LINK HERE"">II</a></td>
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<td><a class="first" href="LINK HERE">III</a></td>
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<td><a class="first" href="LINK HERE">IV</a></td>
+</tr></table>
-<td><a class="first" href="LINK HERE">V</a></td>
+
 <table><tr>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<td valgin="top"><div class="block"></div></td></tr></table></center><div id="vicnotes">
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<em>Blog Notations / Extra Links</em>
+</tr></table>
 
-<p>You can put some info here or you can have extra links like the below:
+<table><tr>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<center><table><tr><td valign="top"><div class="vicconn">
+<td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
 <td valign="top"><a class="second" href="LINK HERE">Content Link Here</a></td>
-<a class="second" href="LINK HERE">Extra Link</a>
+</tr></table>
-<a class="second" href="LINK HERE">Extra Link</a>
+
-<a class="second" href="LINK HERE">Extra Link</a>
+</div></div>
-<a class="second" href="LINK HERE">Extra Link</a>
+<small>▲</small>