Custom Order - Blog - Sadie

<!--blog header-->
<div class="topbar">   <h1>SADIE MONTGOMERY</h1>   <div style="width:300px; height:190px;"> <div style="width:145px; height:190px; display:inline-block; vertical-align:top;"> <img src="https://i.imgur.com/DspCsib.png" style="width:100%; height:163px;"> </div> <div style="width:150px; height:190px; display:inline-block; vertical-align:top; overflow:auto;"> <a href="/home/php" class="NavigationLinks">home</a> <a href="https://www.roleplayer.me/send_message.php?member_id=1530306" class="NavigationLinks">message</a> <a href="https://www.roleplayer.me/add_comment.php?member_id=1530306" class="NavigationLinks">comment</a> <a href="/albums.php?member_id=1530306" class="NavigationLinks">photos</a> <a href="/status_stream.php?member_id=1530306" class="NavigationLinks">stream</a>  </div>  </div>     <center><div class="quoteSpot"> <h3>leaves are falling</h3> <h4>autumn is calling</h4> </div></center><br><br><center> <h1>My Owes List</h1> <div style="width:145px; height:150px; overflow:auto; border:3px solid #9b482a; display:inline-block; overflow:auto;"> <h2>I Owe You</h2> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> </div> <div style="width:45%; height:150px; overflow:auto; border:3px solid #9b482a; display:inline-block; overflow:auto;"> <h2>You Owe Me</h2> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> <a href="" class="oweList">Name</a> --/--/---- <i>starter/reply</i><br> </div> <h1 class="lastUpdated" style="font-size: 18px;"><b>Last Updated:</b> --/--/----</h1> </center>   </div>

<!--blog stylesheet-->
<style type="text/css">@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); a.navigationBarLinks:link, a.navigationBarLinks:visited { line-height:13px;  background-color: #ffffff; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; font-family: Georgia; text-transform: uppercase; font-size: 13px; width: 80px; }  a.oweList:link, a.oweList:visited {   color: #5d1616;   text-decoration: none;   font-family: 'Montserrat', sans-serif;   font-size:10px;   text-transform:uppercase; }  a.oweList:hover, a.oweList:active {   color: #9b482a; } i{color:#c94135;}.quoteSpot{width:272px;padding:10px;height:auto;} h1{ color:#9b482a; font-family: 'Montserrat', sans-serif; margin:0; padding:0; text-transform:uppercase; font-size:30px; letter-spacing:2px; line-height:30px;} h3{ margin:0; font-family: 'Montserrat', sans-serif; text-transform:uppercase; text-align:left; font-size:20px; color:#5d1616; } h4{ margin:0; font-family: 'Montserrat', sans-serif; text-transform:uppercase; text-align:right; font-size:20px; color:#9b482a; line-height: 27px;} a.NavigationLinks:link, a.NavigationLinks:visited { background-color: #5d1616; width:120px; color: white; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; border-bottom:2px solid #fff; font-family: 'Montserrat', sans-serif; font-size:12px; text-transform:uppercase; } a.NavigationLinks:hover, a.NavigationLinks:active { background-color: #9b482a; } h2{ margin:0; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:15px; background:#5d1616; color:#fff; width:100%; padding-top:5px; padding-bottom:5px; text-align:center;margin-bottom: 7px; }    body { background:#ff; background-size:cover; background-attachment:fixed; background-repeat:repeat; background-position:center; margin-top:-250px; background-image:url('https://i.imgur.com/EXNW6LK.png'); }         table, tr, td, li, p, div {font:12px Georgia; font-weight:400; color:#796b5a; line-height:11px;}   a:active, a:visited, a:link {font: 11px Georgia;     font-weight: 400;     color: #fff;     line-height: 11px;     text-decoration: none;}    a:hover {color:#ffdccd; text-decoration:none;}   b{   color:#5d1616; }  blockquote { width: 540px;     margin-bottom: -100px;     background: #eddabc;     color: #3a3c39;     border-left: 10px solid #5d1616;     margin: 1.5em 10px;     padding: 0.5em 10px;     quotes: "\201C""\201D""\2018""\2019";}  blockquote p {   display: inline; }   u {font:8px 'Lato'; font-weight:700; background:#ffdccd; color:#848484; padding:0 3px; text-transform:uppercase; line-height:11px; text-decoration:none;}   big {font:20px 'Lato'; font-weight:700; color:#c5fcf8; text-align:justify; text-transform:uppercase; letter-spacing:1px; line-height:18px;}   big d {font:28px 'Miniver'; color:#ffdccd; text-transform:lowercase; line-height:18px;}   big f {font-size:32px; font-weight:900;}   #bigTumblrSpace{ width:630px; position:fixed; background-color:#2c2121; height:auto; overflow:auto; margin-top:-100px; margin-left: -5px; text-align:center; }    .links1 {font-family: 'Spectral SC', serif; font-size:8pt;  color:#000;  background:#4d3628;  border:1px solid #000;  text-transform:uppercase;  letter-spacing:3px;  display:inline-block;  margin:5px;  padding:15px;  text-align:center;  text-decoration:none;  width:150px;   border-bottom:1px solid #000;}  .links1:hover { color:#4d3628;  background:#ffffff!important;  border:1px solid #000;}   .main {background:#ffffff!important; margin-top:150px; margin-left:0px; width:500px!important;}       .blog {font-family: 'Spectral SC', serif; color: #fff!important; text-align:justify; width:600px!important; background:#ffffff!important; margin-left:-10px;}        .blogcomments {background:#ffffff;}   .blogcommentsContent {font: 11px Georgia; font-weight: 400!important; color: #484545!important; line-height: 11px; }   .blogcommentsprofile {background:#5d1616;  padding-top:10px;}        .blogcommentsprofile img {margin-top:5px;}   .blogsubject {font-family: 'Montserrat', sans-serif;  font-size: 25pt; color: #5d1616; text-align: center; display: block; margin: 0; line-height: 34px; text-align: left; text-transform:uppercase;}   .txt_label, .txt_label a, .txt_label b, .txt_label p {font-size:0px!important;}     input, select {font:8px 'Lato'; letter-spacing:3px; text-transform:uppercase; border:none; font-weight:400; color:#fff; background:#5d1616; border:1px solid #fff; padding:5px; margin-left:20px; float:right;}   input:hover, select:hover {cursor: hand; background:#ffffff; color:#848484; border:1px solid #848484;}  input[type="radio"] {display:none;}  body[Attributes Style] {background:#ffffff;}   #bothsides {margin-left:-52px; top:0px; background:#ffffff; z-index:-999; height:110%; width:710px; position:fixed; box-shadow:inset 0 0 10px #000; color:transparent;}  #bothsidespicture {margin-left:-0px; top:-0px; z-index:999; background-color:#fff; height:auto; width:auto; position:fixed; color:transparent;}    /*hidecodes*/ .top_nav_black {display:none;} .blogContent{font-family: Georgia; color: #5f5d5d; font-size: 14px; width:645px; line-height:15px;} .blogContentInfo{ display:none !important;visibility:hidden!important; } .profile { display:none !important;visibility:hidden!important; } .nav, .spacer, .googleafc, .commentspacer, hr, .blogsubject p {display: none!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; } #IL_IF_RIGHT, .IL_BASE { display:none !important;visibility:hidden!important; } #ctl00_cpMain_AdLeaderBoard_Img1 {display:none;} .blogTimeStamp {display:none;} .topbar{ z-index:999; padding-top: 10px; background: #fff; height: 100%; width: 300px; position: fixed; top: 0; left: 0; margin: auto; text-align: center; background-color:#ffffff; border-right:solid 4px #5d1616;}      a.navigation,  a.navigation:link,  a.navigation:active,  a.navigation:visited  { width:70px; background:#ffffff; width:70px; height:auto; color:#000; text-transform:lowercase; font-family: 'Spectral SC', serif; display:inline-block; text-align:center; font-size:10pt; padding:30px; margin-left:3px; margin-bottom:3px;}    a.navigation:hover {  text-decoration:none; }             </style>