body {
   background: url('edm2.gif') fixed;
   background-size: cover;
   color: #fff;
   font: 15px monospace;
   margin: 0px;
}


a {font: 16px "Courier New", monospace;
    color: #8d8d8d;
    background: #161616;
    font-weight: bold;
}

a:hover {
    background: #666;
    color: #000
}

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



blockquote {
	background: #222;
	color: #fff;
	border: 1px solid black;
	padding: 5px;
}

.container {
     width: 922px;
     border: 0px solid black;
     margin: auto;
  display: flex;
   flex-grow: 1;
  flex-wrap: wrap;
}

.heading {
    background: #4c4943 url('bgover2.png') repeat;
     width: 99.4%;
     overflow: auto;
     padding: 0px;
     float: left;
     order: 1;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
    font: 9px "monospace";
    color: #802f22;
   text-shadow: 0 0 3px #FF0000;
}

.heading img {
    width:78%
}

.stopbreaking {
    background: #bcbcb8 url('side2.gif') no-repeat bottom right;
    border: 1px solid #000;
    width: 31.2%;
    float: left;
    order: 3;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
   overflow: none;
}
    

.bio {
 background: #000;
   width:100%;
    height: 800px;
  border: 1px solid #802f22;
  border-left: 0px;
  border-radius: 2px;

  
}

.blogadvert {
    background: black url('blog/_starpack/startile_o.png') repeat;
    background-size: 100px;
    width: 100%;
    overflow: none;
    padding: 1px;
}

.blogadvert a {font: 22px "ladyradical";
                color: #000;
                background: none;}

.blogadvert a:hover {
 background:url('blog/blu2.gif') repeat;
 color: cyan;
}

.entry {
     width: 68.01%;
     overflow: auto;
     margin: 0;
     padding: 0px;
     float: left;
     order: 2;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */

}

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

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

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

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

tr {
	width: 50%;
}

td {

	border: 1px solid #666;

}

h1 {
font: 20px monospace, "Tahoma";
color: #000;
padding: 2px;
margin: 0;
background-image: linear-gradient(to right, #7f7f7f , #626262);
border: 1px solid black;

}

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

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

}



.button {
    background: #3c3c3c;
    border: 1px solid black;
    width: 100.0%;	
    color: #fff;
    font-size: 16px;
    text-align: left;
    text-decoration: none;

}

.button a {
	background: none;
    color: #b1b1b1;
}

.button a:hover {
        background: #000;
}


.linkroll a {
	background: none;
    filter: grayscale(100%);
}

.linkroll a:hover {
        filter: grayscale(0%);
        background: 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;
}

.heading img {
    width:100%
}

.stopbreaking {
    width: 100%;
   margin-top: 5px;
    margin: auto;
   order: 3;
}

.entry {
width: 100%
    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  {
 font-size: 6px;
}
.footer {
	width: 100%;
	margin-left: -20px;
        position: relative;

}