Blog Layout 6a

 					!!!!!!!!!!!!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.

///Top Pic///

Put your 975px width by 350px height image url in the spot between the ( and ) near the bottom of the Blog Stylesheet secton.  It will look like this:

<div id="victop" style="background-image:url(http://i.imgbox.com/accM1QKV.png);">

///////////////


///INNER IMAGE ON HOVER///

The inner image is 660px by 200px height.  It is a simple image code switch located between the top links and the content links near the end of the Blog Stylesheet Section.  It looks like this:

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

/////



                                        !!!!!!!!!!!!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 top pic 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------------------------

LEAVE BLANK

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


<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/* 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/}

.vicarious{Cross Type Shared Commons}

.blogcomments, .blogcommentsprofile, p.blogtimestamp, .blog     {
background-color:transparent!important;
}



body, #vicback    {
background-color: #364e5a !important;
}


#victop1, .v1, .v2, .v3, a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited {
-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;
}


.vicarious{Background/Blog Properties}

body{
background-image:url("http://i.imgbox.com/abesbyqa.jpg")!important;
background-repeat: no-repeat!important;
background-attachment:fixed;
background-position:top right;
}

.main {
background-color:transparent!important;
width:950px!important;
left:50%;
top:0%;
visibility:visible;
z-index:1;
margin-left:-520px;
margin-top:350px;
position:absolute;
}

.blog {
background-color: #2b434f !important;
width:800px !important;
-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(0, 0, 0, 0.75);
box-shadow:         7px 7px 5px rgba(0, 0, 0, 0.75);
}



.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, p.blogtimestamp, .blogsubject   {
font-family: tahoma  !important;
visibility: visible!important;
color: #a8a8a8 !important;
text-decoration:none !important;
font-size:6pt  !important;
line-height:90%  !important;
text-align:left  !important;
background-color:transparent !important;
}


 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;
}

 a.first, a.first:link, a.first:active, a.first:visited, a.content, a.content:link, a.content:active, a.content:visited  {
color: #000000 !important;
}

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


.vicarious{Text Properties}

.blogsubject {
font-family: 'Pathway Gothic One', sans-serif !important;
width:100%!important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
font-size: 14pt !important;
color:c1c1c1 !important;
letter-spacing:-1pt !important;
line-height:100% !important;
padding:5px !important;
text-align: left !important;

}


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

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

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




.vicarious{Profile Link Codes}

a.first, a.first:link, a.first:active, a.first:visited {
font-family:arial narrow  !important;
font-size: 10pt !important;
background-color: #000000 !important;
color:ffffff !important;
width:160px  !important;
height: 25px  !important;
line-height:25px  !important;
margin-bottom:2px;
background: rgb(0, 0, 0);
background: -moz-linear-gradient(270deg, rgb(0, 0, 0) 45%, rgb(30, 54, 66) 45%);
background: -webkit-linear-gradient(270deg, rgb(0, 0, 0) 45%, rgb(30, 54, 66) 45%);
background: -o-linear-gradient(270deg, rgb(0, 0, 0) 45%, rgb(30, 54, 66) 45%);
background: -ms-linear-gradient(270deg, rgb(0, 0, 0) 45%, rgb(30, 54, 66) 45%);
background: linear-gradient(0deg, rgb(0, 0, 0) 45%,rgb(30, 54, 66) 45%);
-moz-border-radius-bottomright: 45px;
-webkit-border-bottom-right-radius: 45px;
border-bottom-right-radius: 45px;
-moz-border-radius-bottomleft: 45px;
-webkit-border-bottom-left-radius: 45px;
border-bottom-left-radius: 45px;
}

a.first:hover{
color:566e7a !important;
}


.vicarious{Content Link Codes}
a.content, a.content:link, a.content:active, a.content:visited {
color:c1c1c1 !important;
height:18px!important;
line-height:18px!important;
width:156.5px!important;
margin:2px !important;
background: rgb(0, 0, 0);
background: -moz-linear-gradient(45deg, rgb(0, 0, 0) 45%, rgb(54, 78, 90) 45%);
background: -webkit-linear-gradient(45deg, rgb(0, 0, 0) 45%, rgb(54, 78, 90) 45%);
background: -o-linear-gradient(45deg, rgb(0, 0, 0) 45%, rgb(54, 78, 90) 45%);
background: -ms-linear-gradient(45deg, rgb(0, 0, 0) 45%, rgb(54, 78, 90) 45%);
background: linear-gradient(135deg, rgb(0, 0, 0) 45%, rgb(54, 78, 90) 45%);
}

a.content:hover{
color:566e7a !important;
text-align:left !important;
}


.vicarious{Div ID Shared Commons}

#vicback, #victop, #victop1   {
left:50%;
top:0%;
position:fixed;
overflow:hidden;
visibility:visible;
}

#victop, #victop1   {
background-color:1e3642 !important;
height:350px;
width:975px;
z-index:10;

}

#vicback, #victop, #victop:hover #victop1 {
margin-top:0px;
}

#vicback, #victop, #victop1 {
margin-left:-475px;
}


 .vicarious{Div IDs}

#vicback {
height:1200px;
width:975px;
z-index:-1;
}

#victop1{
margin-top:-400px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}



 .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="vicback"></div>


<div id="victop" style="background-image:url(http://i.imgbox.com/accM1QKV.png);">





<div id="victop1">
<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>



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


<table><tr><td valign="top">

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>


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

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>


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

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>


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

<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>
<a class="content" href="LINK GOES HERE" >Content Link</a>


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


</div>