Blog Layout 7b

 					!!!!!!!!!!!!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 575px width banner is in the Blog Header section.
The content and profile links are at the bottom of 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 (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.


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

                                                     (>‿◠)✌


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

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

<center>
<big>TITLE GOES HERE</big>
<BR>
<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{Cross Type Shared Commons}
.main, a.content, a.content:link, a.content:active, a.content:visited {
background: rgb(165, 132, 158);
background: -moz-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 70%);
background: -webkit-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 70%);
background: -o-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 70%);
background: -ms-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 70%);
background: linear-gradient(120deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 70%);
}


.vicarious{Background/Blog Properties}

body{
margin-top:-200px;
background-color: #886681 !important;
background-image:url("")!important;
background-repeat: repeat!important;
background-attachment:fixed;
background-position:bottom right;
}

.blog {
width:700px!important;
margin-left:-55px;
position:relative;
background-color:transparent!important;
}

.main   {
width:800px!important;
visibility:visible;
z-index:1;
left:50%;
top:0%;
margin-left:-415px;
margin-top:25px;
position:absolute;
padding:0px 0px 50px !important;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}


.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.content, a.content:link, a.content:active, a.content:visited,big, p.blogtimestamp, .blogsubject   {
visibility: visible!important;
text-decoration:none !important;
background-color:transparent!important;
color:3e2e3b !important;
}

a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited, .v1, .v2, .v3, .v4, .v5, .v6, .v7, .v8, .v9, .v10, .v11, .v12 {
-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;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited, .blogsubject {
display:block!important;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited, p.blogtimestamp  {
text-transform:uppercase !important;
font-weight:bold !important;
}

big, a.first, a.first:link, a.first:active, a.first:visited {
text-align:center !important;
}

.vicarious{Text Properties}

.blogsubject {
width:100%!important;
font-family: copperplate gothic light !important;
font-size: 21pt !important;
color:ccbec9!important;
background-color: 866980!important;
letter-spacing:-1pt !important;
line-height:100% !important;
padding:5px !important;
text-align: right !important;
text-transform:lowercase !important;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
}


p.blogtimestamp {
color: #b6a8b3 !important;
letter-spacing:1pt !important;
text-align:right !important;
}

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

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

big {
font-family:copperplate gothic light !important;
font-size:26pt!important;
line-height:100% !important;
padding:15px 20px !important;
color:ccbec9 !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.vicarious{Profile Link Codes}
a.first, a.first:link, a.first:active, a.first:visited {
color:e9e5e8 !important;
font-size: 4.5pt !important;
width:40px!important;
height:40px!important;
line-height:40px!important;
background: rgb(165, 132, 158);
background: -moz-linear-gradient(30deg, rgb(165, 132, 158) 63%, rgb(130, 88, 100) 14%);
background: -webkit-linear-gradient(30deg, rgb(165, 132, 158) 63%, rgb(130, 88, 100) 14%);
background: -o-linear-gradient(30deg, rgb(165, 132, 158) 63%, rgb(130, 88, 100) 14%);
background: -ms-linear-gradient(30deg, rgb(165, 132, 158) 63%, rgb(130, 88, 100) 14%);
background: linear-gradient(120deg, rgb(165, 132, 158) 63%, rgb(130, 88, 100) 14%);
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

a.first:hover{
background: rgb(165, 132, 158);
background: -moz-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 25%);
background: -webkit-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 25%);
background: -o-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 25%);
background: -ms-linear-gradient(30deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 25%);
background: linear-gradient(120deg, rgb(165, 132, 158) 30%, rgb(130, 88, 100) 25%);
-webkit-transform:   rotate(720deg);
-moz-transform:   rotate(720deg);
-o-transform:   rotate(720deg);
-ms-transform:   rotate(720deg);
transform:     rotate(720deg);
}

.vicarious{Content Link Codes}
a.content, a.content:link, a.content:active, a.content:visited {
color:b6a8b3 !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
font-family:arial narrow  !important;
font-size: 10pt !important;
width:300px;
height: auto;
padding-left:5px;
margin-bottom:2px;
text-align:right !important;
line-height:90% !important;
}

a.content:hover{
color:ffffff !important;
}

.vicarious{ Div Style Classes Shared Commons }
.v1, .v2, .v3, .v4, .v5, .v6, .v7, .v8, .v9, .v10, .v11, .v12 {
position: relative;
}

.vicarious{ Div Style Classes }

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

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

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

.v4   {margin-left:65px;}
.v4:hover  {margin-left:-30px;}

.v5   {margin-left:49px;}
.v5:hover  {margin-left:100px;}

.v6   {margin-left:45px;}
.v6:hover  {margin-left:95px;}

.v7   {margin-left:65px;}
.v7:hover  {margin-left:-10px;}

.v8   {margin-left:76px;}
.v8:hover  {margin-left:-20px;}

.v9   {margin-left:55px;}
.v9:hover  {margin-left:-35px;}

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

.v11  {margin-left:95px;}
.v11:hover   {margin-left:-50px;}

.v12 {margin-left:90px;}
.v12:hover{margin-left:50px;}

.viclinks {
text-align:left;
width: 200px;
height: auto;
overflow: none;
padding-bottom:0px;
margin-top:150px;
margin-bottom:15px;
}

.vicbox1a {
width: 450px;
height:180px;
overflow:hidden;
margin-left:-150px;
padding:20px 0px 0px 50px;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
-webkit-transform:   rotate(90deg);
-moz-transform:    rotate(90deg);
-o-transform:    rotate(90deg);
-ms-transform:   rotate(90deg);
transform:    rotate(90deg);
}

.vicarious{Div IDs}

#vicplus {
width: 200px;
height: 450px;
overflow: none;
background-color:transparent !important;
visibility:visible;
 position: fixed;
z-index: 9;
margin-left:400px;
margin-top:-425px;
left:50%;
top:0%;
 -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}



#vicplus:hover {
margin-top:-20px;
}




 .vicarious{Hide Codes}
.blogContentInfo{ display:none !important;visibility:hidden!important; }
.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="vicplus"><div class="vicbox1a">

<div class="v1"><a class="content" href="LINK HERE">Content Link Title 1</a></div>
<div class="v2"><a class="content" href="LINK HERE">Content Link Title 2</a></div>
<div class="v3"><a class="content" href="LINK HERE">Content Link Title 3</a></div>
<div class="v4"><a class="content" href="LINK HERE">Content Link Title 4</a></div>
<div class="v5"><a class="content" href="LINK HERE">Content Link Title 5</a></div>
<div class="v6"><a class="content" href="LINK HERE">Content Link Title 6</a></div>
<div class="v7"><a class="content" href="LINK HERE">Content Link Title 7</a></div>
<div class="v8"><a class="content" href="LINK HERE">Content Link Title 8</a></div>
<div class="v9"><a class="content" href="LINK HERE">Content Link Title 9</a></div>
<div class="v10"><a class="content" href="LINK HERE">Content Link Title 10</a></div>
<div class="v11"><a class="content" href="LINK HERE">Content Link Title 11</a></div>
<div class="v12"><a class="content" href="LINK HERE">Content Link Title 12</a></div>

</div><div  class="viclinks"><center><table><tr><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><td valign="top">

<a class="first"href="/send_message.php?member_id=xxxxxx">Message</a>

</td><td valign="top">

<a class="first"href="/gallery.php?member_id=xxxxxx">Photos</a>

</td></tr></table></center></div>

<big>+</big>

</div>