Custom Order - Ginger - Blog 2

<!--example blog-->
<h1>Header One</h1>

<h2>Header Two</h2>

<h3>Header Three</h3>

<blockquote>blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote</blockquote>
<b>bold</b> <i>italics</i> <em>em</em> <strong>strong</strong> <a href="/">link</a>


<!--blog header-->
<center><a href="/" class="navigationalLinks">home</a>  <a href="/" class="navigationalLinks">message</a>  <a href="/" class="navigationalLinks">comment</a>  <a href="/" class="navigationalLinks">status</a>  <a href="/" class="navigationalLinks">group</a>  <a href="/" class="navigationalLinks">photos</a>  <a href="/" class="navigationalLinks">bulletins</a>  <a href="/" class="navigationalLinks">rules</a> </center>



<!--blog stylesheet-->
  <style type="text/css">      @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');   body {      background:#fff;      background-size:cover;      background-attachment:fixed;      background-repeat:repeat;      background-position:center;      margin-top:-150px;      background-image:url('https://i.imgur.com/JsRFoIh.jpg'); }            table, tr, td, li, p, div {     font: 12px 'Playfair Display';        font-weight: 400;        color: #848484;          line-height: 11px;          font-family: Playfair Display;          font-size: 12px;          color: #000; text-transform:uppercase; }     .main {     width:600px!important;      background:#fff!important;      border:3px double #303030!important;      margin-top:46px;      margin-left:0px; }          .blog {     font-family: 'Spectral SC', serif;      color: #fff!important;      text-align:justify;      width:600px!important;      background:#fff!important;      margin-left:-10px; }          .txt_label, .txt_label a, .txt_label b, .txt_label p {     font-size:0px!important; }        input[type="radio"] {     display:none; }     body[Attributes Style] {     background:#fff; }      .top_nav_black {     display:none; }    .blogContent{     font-family: 'Spectral SC', serif;      color:#fff; }    .blogContentInfo{     display:none !important;     visibility:hidden!important; }    .profile {      display:none !important;     visibility:hidden!important; }    .nav, .spacer, .googleafc, .commentspacer, hr {     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; }    h1{     margin: 0;     font-family: Playfair Display;     font-size: 34px;     text-align: center;     font-weight: 100;     color: #292727; }  h2{     margin: 0;     font-family: Playfair Display;     font-size: 14px;     text-align: center;     font-weight: 100;     background-color: #5d403b;     color:#fff; margin-top:20px; margin-bottom:20px; padding-top:20px; padding-bottom:20px; }  h3{     margin: 0;     font-family: Playfair Display;     font-size: 14px;     text-align: center;     font-weight: 100;     color: #5d403b; }  h5{     margin: 0;     font-family: Playfair Display;     font-size: 24px;     text-align: center;     font-weight: 100;     color: #292727;     width:280px; }  h6{     background-color: #5d403b;     color: white;     padding: 11px 1px;     text-align: center;     text-decoration: none;     display: inline-block;     font-family: 'Playfair Display', serif;     text-transform: uppercase;     font-weight: 100;     width: 256px;     margin-top: 6px;     margin-bottom: 5px;     font-size: 13px; }  h7{     background-color: #5d403b;     color: white;     padding: 11px 1px;     text-align: center;     text-decoration: none;     display: inline-block;     font-family: 'Playfair Display', serif;     text-transform: uppercase;     font-weight: 100;     width: 256px;     margin-top: 0px;     margin-bottom: 5px;     font-size: 13px;     width: 233px; }   a:link, a:active, a:visited {     color: #5d403b;     font-family: 'Playfair Display';     font-size: 12px; }  a:hover{ color:#fff; } .blogSubject{        margin: 0;     font-family: Playfair Display;     font-size: 14px;     text-align: center;     font-weight: 100;     background-color: #5d403b;     color: #fff;     margin-top: -18px;     margin-bottom: 20px;     padding-top: 20px;     padding-bottom: 20px; } .blogCommentsContent {     font-size: 12px;     font-family: 'Playfair Display';     color: #000000; } .blogComments {     background-color: #ffffff; } .blogCommentsProfile {     width: 25%;     font-size: x-small;     font-family: verdana;     color: #000000;     font-weight: bold;     background-color: #ffffff;     text-align: center; }  a.navigationalLinks:link, a.navigationalLinks:visited {     background-color: #ffffff;     color: black;     padding: 11px 1px;     text-align: center;     text-decoration: none;     display: inline-block;     font-family: 'Playfair Display', serif;     text-transform: uppercase;     font-weight: 100;     width: 65px;     margin-top: 0px; }   a.navigationalLinks:hover, a.navigationalLinks:active {   color: #fff; }</style>