Blog Layout 9a

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

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


.vicarious{Cross Type Shared Commons}

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


.vicarious{Background/Blog Properties}

body{
background-color:1c0c16;
background-image: url(http://i1080.photobucket.com/albums/j334/Vicarious_HS/seamless%20background/Untitled-1copy_zps3eb246d8.jpg~original);
background-repeat: repeat !important;
background-attachment:fixed;
background-position:top right;

visibility:visible;
z-index:100;
right:0%;
top:0%;
margin-right:35px;
margin-top:-200px;
position:absolute;
}

.blog {
width:700px!important;
background-color:281321 !important;
}

.main {
width:700px!important;
visibility:visible;
z-index:100;
right:0%;
top:0%;
margin-right:35px;
margin-top:200px;
position:absolute;
 background-color:4e4246!important;
border-BOTTOM:10px double #cb9638!important;
border-right:10px double #cb9638!important;
border-left:10px double #cb9638!important;
}


.blogcommentsprofile {
border-right: 15px dashed #4e4246 !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;
    border-radius: 10px;}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgb(40, 19, 33);
background: -moz-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -webkit-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -o-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -ms-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: linear-gradient(90deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
}

::-webkit-scrollbar-thumb:window-inactive {
background: rgb(40, 19, 33);
background: -moz-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -webkit-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -o-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: -ms-linear-gradient(0deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
background: linear-gradient(90deg, rgb(40, 19, 33) 46%, rgb(203, 150, 56) 32%);
}

.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:4a3a43!important;
text-decoration:none !important;
line-height:90%  !important;
background-color:transparent !important;
}

.vicarious { Font Styles }

p.blogtimestamp {
color:4a3a43!important;
letter-spacing:1pt !important;
text-align:right !important;
background-color:transparent!important;
}
td.txt_label{
background-color:695e62!important;
}
P {
font-size: 6.5pt !important;
text-align:justify!important;
}

I {
font-family:  tahoma!important;
font-size: 6.5pt !important;
style: italic!important;
color:c6bfc1!important;
}

B {
font-family: arial!important;
font-size: 6.0pt !important;
font-weight:bold !important;
color:4a3a43!important;
 }

Em {
font-family: 'Reenie Beanie', cursive!important;
font-size: 14pt !important;
color:c6bfc1!important;
display:block!important;
text-align: center!important;
text-shadow: 2px 2px #000000!important;
}


.blogsubject {
width:100%!important;
font-family: rancho!important;
font-size: 30pt !important;
color:b98933!important;
background-color:281321!important;
text-align:center!important;
margin-top:5px!important;
border-bottom:3px solid #695e62!important;
text-shadow: 3px 3px 3px rgba(40, 19, 33, 1)!important;
display:block!important;
}


.vicarious{Profile Link Codes}
a.first, a.first:link, a.first:active, a.first:visited {
color:0c060a!important;
background-color:4e4246!important;
font-family: courier new !important;
font-size:10pt !important;
width: 30px!important;
line-height: 30px !important;
height: 30px !important;
text-align: center!important;
display:block!important;
text-transform: uppercase !important;
border-top:0px solid #281321!important;
border-bottom:50px solid #281321!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 {
 border-top:40px solid #281321!important;
border-bottom:10px solid #281321!important;
color:4e4246!important;
background-color:281321!important;
 }

.vicarious{Connection Link Codes Left Side}
a.second, a.second:link, a.second:active, a.second:visited {
color:9a8f93!important;
background-color:4e4246!important;
font-family: tahoma !important;
font-size:5.5pt !important;
line-height: 19px !important;
height:19px !important;
text-align:right!important;
display:block!important;
padding:0px 2px 0px 0px;
text-transform: uppercase!important;
letter-spacing:1pt!important;
margin-bottom:1px!important;
text-shadow: 3px 3px 3px rgba(40, 19, 33, 1);
-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.second:hover {
text-align: left!important;
padding:0px 0px 0px 2px!important;
text-shadow: 3px 3px 3px rgba154, 143, 147, 1);
}




.vicarious { Div IDs}

#vicbox1 {
background-color:281321!important;
width:312px!important;
height:auto;
visibility:visible;
right:0%;
top:0%;
border: 10px double #cb9638!important;
margin-right:850px;
margin-top:150px;
position:fixed;
overflow:none;
z-index: 9 ;
}

#vicnotes {
background-color:281321!important;
width:312px!important;
height:105px!important;
visibility:visible;
right:0%;
top:0%;
margin-right:860px;
margin-top:160px;
position:fixed;
overflow:auto;
z-index: 9 ;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

#vicbox1:hover #vicnotes {
margin-top:160px!important;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
}

 .vicarious{Div Style Classes}
.block {
background-color:4e4246!important;
margin-bottom:50px;
width:50px!important;
height:20px!important;
}

.vicconn {
background-color:281321!important;
width:142px;
height:auto!important;
overflow:auto;
}

 .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="vicbox1"><center><table><tr><td valign="top">

<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">

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

<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">

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

<img class="vicimg1" src="http://i.imgbox.com/abgE8TMI.png">

</td></tr></table><table><tr><td valgin="top"><div class="block"></div></td>

<td><a class="first" href="/logincomplete.php"class="first">H</a></td>
<td><a class="first" href="LINK HERE">I</a></td>
<td><a class="first" href="LINK HERE"">II</a></td>
<td><a class="first" href="LINK HERE">III</a></td>
<td><a class="first" href="LINK HERE">IV</a></td>
<td><a class="first" href="LINK HERE">V</a></td>


<td valgin="top"><div class="block"></div></td></tr></table></center><div id="vicnotes">

<em>Blog Notations / Extra Links</em>

<p>You can put some info here or you can have extra links like the below:

<center><table><tr><td valign="top"><div class="vicconn">

<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>

</div></td><td valign="top"><div class="vicconn">

<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
<a class="second" href="LINK HERE">Extra Link</a>
</div></td></tr></table></center>

</div></div>