blog.

BLOG HEADER ==============================================================================

<div id="jsb">

<div id="jicon"><img src="http://placehold.it/190x100/412e25"></div>

<hr></hr>
<blockquote>
What disasters may come, whatever it may be, at the end of the age, it will land you and me. What tragedy may bring, whatever may fall, at the end of the world, you'll still belong.
</blockquote>
<hr></hr>

<div id="jnavi">
<a href="/home.php">Home</a>
<a href="/send_message.php?member_id=#######">Message</a>
<a href="/add_comment.php?member_id=#######">Comment</a>
<br>
<a href="/view_journal_member.php?member_id=#######">Photos</a>
<a href="/status_stream.php?member_id=#######">Stream</a>
<a href="/view_journal_member.php?member_id=#######">Bulletins</a>
<br>
<a href="/">Extra</a>
<a href="/">Extra</a>
<a href="/">Extra</a>
</div>

</div>









BLOG STYLESHEET ==============================================================================

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Cormorant+SC:400);

body {margin:-200px 0 0 0; background:#443027;}

table, tr, td, li, p, div, .blogcomments p, .blogcomments, .blogcontent {font:10px franklin gothic; color:#857872; line-height:12px;}

a:active, a:visited, a:link {font:bold 8px franklin gothic; color:#baafa9; text-transform:uppercase; letter-spacing:1px; line-height:12px; text-decoration:none; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}

a:hover {color:#e1eeee; text-decoration:none; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}

i {font:italic 10px franklin gothic; color:#755e52; letter-spacing:1px; line-height:12px;}
b {font:bold 8px franklin gothic; color:#709999; text-transform:uppercase; letter-spacing:1px; line-height:12px;}
u {font:bold 8px franklin gothic; color:#99756e; text-transform:uppercase; letter-spacing:1px; line-height:12px;}

blockquote {font:italic 10px baskerville; color:#99756e; letter-spacing:1px; text-transform:lowercase; line-height:14px; margin:10px 0; text-align:center;}

hr {background:#709999; border:none; height:1px; margin:5px 50px 10px 50px;}

.main {width:500px!important; margin-top:150px; margin-left:-200px; border:1px solid #4e3b32!important; background-color:#412e25!important;}

.blog {width:500px!important; margin-left:-10px; background-color:#412e25!important;} .zerodusk { /zerodusk }

.zerodusk { /zerodusk }

.blogcomments {background-color:#412e25!important;} .zerodusk { /zerodusk }

.blogcomments p {margin:20px;}

.blogcomments img {max-width:300px;}

.blogcomments a b {color:#99756e!important; margin:0 5px;}

.blogcommentsprofile {padding:10px 0; background-color:#412e25!important;} .zerodusk { /zerodusk }

.blogcommentsprofile a img {margin-top:10px; border:5px solid #709999!important;}

.blogsubject {font:40px baskerville; font-weight:normal; color:#709999; text-transform:lowercase; display:block; margin:0; text-align:center; letter-spacing:-4px; text-shadow:0 1px 0 #988d88;}

.txt_label, .txt_label p, .txt_label a, .txt_label b {font-size:0px!important;}

.zerodusk { /zerodusk }

.toolbar1, .toolbar2 {width:496px!important; background:#443027!important; border:none!important;}

.toolbar1 img, .toolbar2 img {opacity:0.5;}

.toolbar1 img:hover, .toolbar2 img:hover {opacity:1;}

#wysiwygtextarea1 {width:490px!important; background:#4e3b32!important; border:3px double #412e25!important;}

td.txt_label table {border:0px inset #fff!important;}

input, select {font:bold 8px franklin gothic; color:#412e25!important; text-transform:uppercase; background:#99756e!important; text-align:center; border:none; width:45%; padding:5px 0; float:left; margin:0 10px; letter-spacing:3px!important; transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}

input:hover, select:hover {background:#709999!important; cursor:pointer; letter-spacing:3px!important; transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;} .zerodusk { /zerodusk }

.jmuggs { Scrollbar }
::-webkit-scrollbar-thumb:vertical {height:12px; border:2px solid #4e3b32; background:#412e25;}
::-webkit-scrollbar-thumb:horizontal {background-color:#4e3b32;}
::-webkit-scrollbar {width:8px; height:7px; border:5px solid #4e3b32; background:#412e25;}

#jsb {width:200px; height:auto; position:fixed; margin-left:550px; top:150px;}

#jicon img {width:190px; height:100px; border:1px solid #755e52; padding:4px; background:#412e25; margin:0 0 20px 0;}

#jnavi {text-align:center; display:block; margin:20px 0 0 0;} #jnavi a {margin:0 10px;}

/*zeroduskhidecodes - do not steal*/ .zerodusk { /zerodusk }
.bluetextnav, .nav, .spacer, .googleafc, .commentspacer, .blogsubject p, .top_nav_black, .profile, .blogContentInfo, .st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .IL_BASE, .blogTimeStamp, .st_pinterest_hcount {display:none!important; visibility:hidden!important;} input[type="radio"] {display:none!important; visibility:hidden!important;} .zerodusk { /zerodusk } #ctl00_cpMain_AdLeaderBoard_Img1, #footer_pad, #IL_IF_RIGHT {display:none!important; visibility:hidden!important;} body[Attributes Style] {background:#fff;} #jm a {background-image:url("http://i.imgur.com/PZzpdIc.png")!important; background-repeat:no-repeat!important; width:59px!important; height:12px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} #jm a:hover {opacity:1!important;} .zerodusk { /zerodusk }</style><div id="jm"><a href="/zerodusk"></a></div>