Blog Layout 2

 					!!!!!!!!!!!!Read It!!!!!!!!!!!!

                                                (⊙.⊙(☉_☉)⊙.⊙)

There are div ids/classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.


The 575px width banner is in the Blog Header section.
Profile links and Content links (the 12 long lines) are at the bottom of the in the Blog Stylesheet section.


					!!!!!!!!!!!!TIP!!!!!!!!!!!!

Since 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 or just a period for the body of the text.
2) Disable Kudos & Comments
3) Put a link to this content blog on your profile.


                        Don't forget to replace the XXXXX with your friend ID number.

                                                     (>‿◠)✌


                *****************************SAVE YOUR WORK AS YOU GO.*******************************


----------------------Blog Header------------------------

<center>
<img src="http://i.imgbox.com/adkoYjtY.png">
</center>


----------------------Blog Stylesheet------------------------



<style type="text/css">

.vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR.  DO NOT REMOVE THE .VICARIOUS CREDIT!
Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}

.vicarious{Background Properties}
body{background-image:url("http://i.imgbox.com/acoyHmsM.jpg")!important;
background-repeat: repeat!important;
background-attachment:fixed;
background-position:bottom right;
background-color: #000000 !important;
visibility:visible;
z-index:1;
left:0%;
top:0%;
margin-left:250px;
margin-top:-100px;
position:absolute;
 }

.vicarious{Blog Properties}
.blog {
width:500px!important;
background-color:transparent !important;
 }

.main {
background-color: #5b5e53 !important;
width:500px!important;
visibility:visible;
z-index:1;
left:0%;
top:0%;
margin-left:100px;
margin-top:125px;
position:absolute;
border:6px double !important;
border-color: #7b7e73  !important;
}

.blogcomments {
background-color:transparent!important;
}
.blogcommentsprofile {
background-color:transparent!important;
}

.blogsubject {
width:100%!important;
font-family: georgia !important;
font-size: 21pt !important;
color: #7b7e73 !important;
border-bottom:4px dotted !important;
border-bottom-color: #44473c !important;
letter-spacing:-3pt !important;
line-height:120% !important;
text-align: right !important;
font-weight: normal !important;
text-transform:lowercase !important;
font-style: normal !important;
display:block !important;
text-shadow: 2px 2px #000000;
}

p.blogtimestamp {
color: #191919 !important;
background-color:transparent !important;
font-family: tahoma !important;
font-size:6pt !important;
text-transform:uppercase !important;
letter-spacing:1pt !important;
text-align:right !important;
}

.vicarious{Text Properties}
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 {
font-family: tahoma  !important;
visibility: visible!important;
color: #262722 !important;
text-decoration:none !important;
font-size:6pt  !important;
line-height:90%  !important;
}

td.txt_label {
background-color:transparent !important;
color: #000000 !important;
}

i {
color: #121212 !important;
font-style:italic !important;
}

b {
color:  #7b7e73 !important;
font-weight:bold  !important;
}

.vicarious{Profile Link Codes}
a.first, a.first:link, a.first:active, a.first:visited
{font-size:6pt!important;
font-family:tahoma!important;
font-weight:bold !important;
text-align:left!important;
padding:5px!important;
text-decoration:none!important;
text-transform:uppercase!important;
color: #7b7e73  !important;
background-color: #44473c !important;
height:10px!important;
line-height:10px!important;
display:block!important;
margin-bottom:5px!important;
-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.first:hover{
color:7b7e73 !important;
background-color:15180d !important;
}

.vicarious{Profile Link Codes}
a.content, a.content:link, a.content:active, a.content:visited {
font-family:arial narrow  !important;
color: #7b7e73  !important;
background-color: #2c2f24!important;
width:300px;
height: auto;
text-align:left;
display:block;
padding-left:5px;
margin-bottom:5px;
line-height:120% !important;
text-shadow: 2px 2px #000000;
text-decoration:none!important;
text-transform:uppercase !important;
-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.content:hover{
text-shadow: 0px 0px #000000;
color:#2c2f24!important;
background-color: #5b5e53  !important;
}

.vicarious{Div Style Classes}
.v1, .v2, .v3, .v4, .v5, .v6, .v7, .v8, .v9, .v10, .v11, .v12 {
position: relative;
-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;
}


.v1   {margin-left:100px;}
.v1:hover  {margin-left:50px;}

.v2   {margin-left:75px;}
.v2:hover  {margin-left:-40px;}

.v3   {margin-left:-25px;}
.v3:hover  {margin-left:0px;}

.v4   {margin-left:-45px;}
.v4:hover  {margin-left:0px;}

.v5   {margin-left:25px;}
.v5:hover  {margin-left:-15px;}

.v6   {margin-left:-40px;}
.v6:hover  {margin-left:10px;}

.v7   {margin-left:-75px;}
.v7:hover  {margin-left:0px;}

.v8   {margin-left:-25px;}
.v8:hover  {margin-left:0px;}

.v9   {margin-left:-45px;}
.v9:hover  {margin-left:15px;}

 .v10  {margin-left:-45px;}
.v10:hover  {margin-left:15px;}

.v11  {margin-left:45px;}
.v11:hover   {margin-left:0px;}

.v12  {margin-left:105px;}
.v12:hover {margin-left:-40px;}


.vicarious{Div ID Codes}
#vicleft {
background-color: #44473c !important;
background-image: url();
background-attachment: fixed;
background-position: right top;
background-repeat: repeat;
border-right:4px double !important;
border-right-color:#7b7e73 !important;
width:250px;
height: 1200px;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
top:0%;
left:0%;
position: fixed;
z-index: 9;  }

#viclinks {
background-color: #2c2f24 !important;
text-align:left;
width: 80px;
height: auto;
overflow: none;
padding: 5px;
margin-left:105px;
margin-top: 150px;
top:0%;
left:0%;
position: fixed;
z-index: 9;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear; }

#vicleft:hover #viclinks {
margin-left: 250px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}

#vicbox1 {
background-color: #44473c !important;
text-align:left;
width: 350px;
height:190px;
overflow:auto;
margin-left:-90px;
margin-top: 0px;
padding-left:100px;
top:0%;
left:0%;
position: fixed;
z-index: 9;
-webkit-transform:   rotate(270deg);
-moz-transform:   rotate(270deg);
-o-transform:   rotate(270deg);
-ms-transform:   rotate(270deg);
transform:    rotate(270deg);}


 .vicarious{Hide Codes}
.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>


<DIV ID="vicleft"><div id="viclinks">


<a class="first" href="/logincomplete.php">Home</a>
<a class="first"href="/add_testimonial.php?member_id=xxxxxx">Comment</a>
<a class="first"href="/send_message.php?member_id=xxxxxx">Message</a>
<a class="first"href="/gallery.php?member_id=xxxxxx">Photos</a>




</div>

<div id="vicbox1">



<div class="v1"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v2"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v3"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v4"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v5"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v6"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v7"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v8"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v9"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v10"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v11"><a class="content" href="LINK HERE">Content Link Title</a></div>
<div class="v12"><a class="content" href="LINK HERE">Content Link Title</a></div>



</div> </DIV>