body {
   background: url('_starpack/startile_i.png') repeat;
   color: #000;
   font: 15px monospace;
   margin: 0px 100px 5px;
}


@font-face {
  font-family: "ladyradical";
  src: url(ladyradical.ttf);
}


a {font: 14px "Courier New", monospace;
    background: #ccc;
    color: black;
    font-weight: bold underline;
}

a:hover {
    color: red;
}


blockquote {
font: 12px monospace;
color: #000;
padding: 2px;
margin: 10px;
background-image: linear-gradient(to bottom, #ccc , transparent);
border: 1px solid #666;
border-radius: 5px;
text-align: left;
}

.container {
    background: #ccc url('') no-repeat bottom right;
     width: 940px;
     margin: auto;
  display: flex;
   flex-grow: 1;
  flex-wrap: wrap;
  padding: 0px;
  border: 1px solid #000;
}

.heading {
    background: black url('blogbnnrlrg.png') repeat center;
    background-size: cover;
     width: 100%;
    height: 129px;
    border-bottom: 1px solid #000;
     overflow: auto;
     padding: 0px;
     float: left;
     order: 1;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */

}

.heading a {
background: #000;
color: #fff;

}


.rss {
font: 22px "ladyradical";

}

.rss a {font: 22px "ladyradical";}

.rss a:hover {
 background:url('blu2.gif') repeat;
 color: red;
}

.bio {
    background: #bcbcb8;
    width: 21.2%;
     overflow: none;
     float: left;
     order: 2;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border-right: 1px solid #000;
  margin-right: 5px;
}


.bio2 {
    background: #bcbcb8 url('keardoll_gs.png') no-repeat bottom right;
    width: 21.2%;
     overflow: none;
     float: left;
     order: 4;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  border-left: 1px solid #000;
  margin-left: 5px;
  font: 12px courier new; 
  color: #666;
}

.post {
background: url('') #bcbcb8;
  border: 1px solid #666;
  text-align: justify;
  padding: 8px;
  border-radius: 0px 0px 5px 5px;
 font-family: "Lucida Console";
 color: black; 
 margin-bottom: 10px; 

}

.post sub {
font: 9.5px courier new;
line-height: 60%;
}


.entry {
     background: #ccc;
     width: 53.99%;
     overflow: auto;
     margin: 0px;
     padding: 10px;
     float: left;
     order: 3;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
  color: #000;
}

.entry b {
	color: #666;
        font-family: monospace;
}

.entry a {
	color: #ccc;
	background: black;
	padding: 0;
}

.entry a:hover {
    color: red;
    background: black;
   margin-bottom: 10px;
}

.entry img {
	
	padding: 0px;
	margin: 0px;
	max-width: 99.8%;
}

tr {
	width: 50%;
}

td {

	border: 1px solid #666;

}

h1 {
font: 15px monospace;
color: #000;
padding: 2px;
margin: 10px;
background-image: linear-gradient(to bottom, #ccc , transparent);
border: 1px solid #666;
border-radius: 5px;

}

h2 {
font: 16px monospace;
color: #fff;
font-weight: none;
background-image: linear-gradient(to right, #000 , #2b2b2b, #171717, #000);
margin: 0;
border: 1px solid black;
border-radius: 5px 5px 0px 0px;
}

h3 {
  font-family: "Courier New";
  font-weight: none;
  text-decoration: italic;
  color: #000;
  text-align: left;
  font-size: 12px;
  margin: 0px;
  padding-bottom: 2px;

}


iframe {
  background: url('') #ccc;
  overflow: auto;
  width: 90%;
  margin: 10px;
  border: 1px solid black;
  border-radius: 5px;
  float: left;
  font-family: "Lucida Console", monospace;
  font-size: 80%;
  text-align: left;
  flex-grow: 1;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media only screen and (max-width: 800px) {
body {
   margin: auto;
   font: 16px monospace;
}
a {font: 17px "Courier New", monospace;
    color: black;
    background: #ccc;
    font-weight: bold;
}
.container {
     width: 100%;
     border: 1px solid black;
     margin: 0px;
     margin-bottom: 15px;
}

.bio {
   background: url('_starpack/startile_i.png') repeat;
    width: 100%;
    height: 100%;
   margin-top: 5px;
    margin: auto;
   order: 3;
}


.bio2 {
    width: 100%;
    height: 100%;
   margin-top: 5px;
    margin: auto;
   order: 4;
}

.entry {
    padding: 1px;
   margin-top: 5px;
    margin: 0px;
   width: 100%;
   order: 2;
}
.nav {
width: 100%;
top: 5px;
left: 235px;
position: fixed;
 margin:0px;
 padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.heading  {
 background-size: 120%;
 height: 75px;
}
.footer {
	width: 100%;
	margin-left: -20px;
        position: relative;
.footer {
	width: 100%;
}
}