adventure book layout

<style>

body, td {
font-family: verdana, sans-serif;
font-size: 10pt;
}
tt, pre {
font-family: monospace;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.shadowed, .ljadshadowed {
font-size: 8pt;
background: ;
}
.ljadshadowed div {
visibility: visible;
position: relative;
}
.meta {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
.caption, .index {
color: ;
}
.comments {
font-size: 8pt;
}
</style>

<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Megrim|Ropa+Sans" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Chewy|Luckiest+Guy|Mountains+of+Christmas:700|Sacramento|Grand+Hotel|Zeyada|Ribeye+Marrow|Ribeye|Dr+Sugiyama" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Karla|Caveat|Reenie+Beanie|Yellowtail" rel="stylesheet" type="text/css">



<style>

/* originally from ~doogs, heavily modified by ~chataway */

body {
    background-attachment: fixed;
    background-color: #fff;
    background-image: url(https://i.pinimg.com/originals/32/74/1f/32741f8a1088a8f5fa4d5c1ea7659791.png);
    background-position: center 12%;
    background-repeat: no-repeat;
    margin-top: 285px;
}

body,a:hover {cursor: url(http://i.imgur.com/vl6y9.jpg), progress !important;
}

.blend {
  width:365px;
  height:354px;
  background-image: url(http://i.imgur.com/gRgWazF.png);
  background-color: #f5f5f6;
  background-blend-mode: darken;}

.entrybox {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    background-color: #e8e8e9;
    background-image: url();
    border: 1px double #fcfcfc;
    box-shadow: 0px 0px 2px #ffffff;
    filter: alpha(opacity=95);
    opacity: .95;
    transition: all 1s ease-out;
}

.entrybox td {
    font-family: arial, sans-serif;
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 10px;
    padding: 4px;
    text-align: justify;
}

.entrybox td.comments {
    text-align: right;
}

a:link,a:active,a:visited {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    color: #ED4B0A;
    font-weight: 700;
    text-decoration: none;
    transition: all 1s ease-out;
}

a:hover {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    color: #000;
    cursor: default;
    transition: all 1s ease-out;
}

.shadowed td div {
    position: absolute;
    visibility: hidden;
}

p table table td.caption {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 8px;
    text-transform: lowercase;
}

.entrybox td.comments,.comments {
    font-family: karla, monospace;
    font-size: 9px;
    font-weight: lighter;
    letter-spacing: 0;
    line-height: 8px;
    padding: 5px;
    text-transform: uppercase;
}

.entrybox td.index {
    color: #534555;
    font-family: karla, monospace;
    font-size: 8px;
    text-transform: uppercase;
}

p table table table td.meta,p .index {
    color: #534555;
    font-family: karla, monospace;
    font-size: 8px;
    line-height: 8px;
    text-transform: uppercase;
}

::selection {
    background: #fff;
    color: #534555;
}

::-moz-selection {
    background: #fff;
    color: #534555;
}

.nav a:link,.nav a:visited,.nav a:active {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    color: #ececec;
    font-family: sans-serif;
    font-size: 55pt;
    letter-spacing: 2px;
    opacity: .9;
    text-shadow: #000 0 0 1px;
    text-transform: lowercase;
}

.nav a:hover {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    color: #534555;
    text-shadow: 0 0 4px #fff;
    transition: all 1s ease-out;
}

table td table td.caption img,.ljuser img,.shadowed img,.entrybox td.index,.dated {
    display: none;
}

p table {margin-bottom:0px;}
table {margin-bottom:-16px;}

</style>



<style>

table table table table .meta {visibility:hidden; position:absolute; top:1px}
table table table table table .meta {visibility:visible; position:relative; top:1px}
tr.caption {display:none}
.shadowed td div {visibility:hidden; position:absolute; top:1px}
.shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
</style>



<table cellspacing="0" cellpadding="0" border="0" summary="">
<tr><td height="100px"></td></tr><tr><td>
<font class="nav"><br>    <a href="/" title="main">•</a><a href="/profile" title="profile">•</a><a href="/friends" title="friends">•</a></font></div></td>
<td width="500px"></td>