body {
    font-family:'Oswald',serif;
    font-size:19px;
    margin:0px;
}

#photos {
    display:flex;
    border-bottom:2px solid black;
    height:240px;
    border-top:2px solid black;
}
#status {
    flex:50%;
    background-image:url('https://i.imgur.com/A8NQQ88.jpeg');
    background-size:cover;
}
.statuscafe {
    color:white;
    background-color:#990B33;
    display:flex;
}
#statuscafe {
    color:white;
    text-align:left;
    margin-top:19px;
}
#statuscafe a {
    color:white;
}
#statuscafe-username {
    padding-left:5px;
}
#statuscafe-content {
    margin-left:10px!important;
    padding:0px!important;
    text-align:left;
}
#statuscafe-content:before {
    content:"🗣";
    margin-right:4px;
}

#quote {
    flex:50%;
    background-image:url('https://i.pinimg.com/736x/72/ae/ee/72aeee2465c35c6ff282796337c4456c.jpg');
    background-size:470px 240px;
}
#maintitle {
    color:white;
    text-transform:lowercase;
    text-align:right;
    font-family:'Oswald', serif;
    background-color:#af0c3b;
    margin-top:0px;
    display:inline-flex;
    width:100%;
    height:95px;
}
#date {
    color:white;
    text-align:left;
    text-transform:none;
    margin:0px;
}
#date p {
    margin:0px;
    padding-left:5px;
}

.newsopinion {
    background-color:#af0c3b;
    color:white;
    padding-left:15px;
    font-size:25px;
    display:block;
    height:45px;
}

.newsopinion li {

    border-right:1px solid grey;
    padding:5px;
    padding-right:20px;
}


#chaticon {
    width:40px;
    height:40px;
    border:.5px solid black;
    border-radius:50%;
    
}

.newsopinion #under {
    color:white;
    border-top:1px solid grey;
    border-left:1px solid grey;
    border-right:1px solid grey;
        width:97.7%;
    padding:0px;
    padding-left:14px;
    height:30px;
    font-size:15px;
    
}

.newsopinion #under li {
    border-right:none;
}

h1 {
    font-size:75px;
    margin:0px;
    flex:90;
    padding-right:10px;
    
}
.row {
    display:flex;
    flex-flow: nowrap;
    text-align:center;
    border-left:1px solid lightgray;
    border-right:1px solid lightgray;
    border-bottom:1px solid lightgray;
}
.mainrow {
    display:flex;
    width:auto;
    height:495px;
    margin:auto;
    padding:0px;
}

.main {
    margin:auto;
    background-color:white; 
    display:block;
}

.byline {
  width:15%;
}

.column {
  border-left:1px lightgrey solid;
  width:60%;
}


#site {
    margin-bottom:5px;
}
#photo {
    padding:10px;
    display:block;
    margin-left:auto;
}

#center {
    overflow-x:hidden;
    padding:15px;
    padding-top:0px;
}

#albumart {
 width:350px;
    box-shadow: 2px 2px 3px black;
    display:block;
    margin-left:auto;
}

h5 {
    font-size:35px;
    font-weight:normal;
    margin:0px;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px;
    text-align:left;
    font-family: 'Oswald', serif;
      border-bottom:3px solid black;
      color:#650054;
}

#under {
    color:grey;
    font-size:14px;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
}
#lc {
    padding:10px;
    color:black;
    font-size:20px;
    text-align:left;
    margin-top:0px;
}

#lcupdate {
    padding:10px;
    color:grey;
    font-size:14px;
    text-align:left;
    margin-top:0px;
    padding-top:5px;
}

#bw {
    width:355px;
    height:355px;
    margin:auto;
    box-shadow: 2px 2px 3px black;
}
#titles {
    margin:auto;
    font-size:25px;
    color:black; 
    padding-left:15px;
    font-style:normal;
    font-weight:normal;
}

#row {
    margin-bottom:15px;
}

#middle {
    margin-bottom:15px;
}

#l2 {
    padding:10px;
    box-shadow:inset -1px -1px 0px 0px black, inset -2px -2px 0px 0px #0008, inset 1px 1px 0px 0px #ccc, inset 2px 2px 0px 0px #FFFA;
    margin-top:10px;
    margin-right:15px;
    background-color: #ccc;
    display:block;
    width:270px;
}

#l2 #header {
   height:23px;
    background-color:#af0c3b;
    border: 1px solid black;
    display:flex;
    border-bottom:none;
}
#l2 #header p {
     flex:50%;
    text-align:left;
    font-size:15px;
    color:white;
    margin:0px;
    padding:0px;
    margin-left:5px;
}

#l3 {
    background-color:white;
    border:1px solid black;
    margin:auto;
    height:140px;
    overflow-y:hidden;
    overflow-x:hidden;
}

#l3 #content {
    margin-left:3px;
}

#stamps {
    padding:10px;
    box-shadow:inset -1px -1px 0px 0px black, inset -2px -2px 0px 0px #0008, inset 1px 1px 0px 0px #ccc, inset 2px 2px 0px 0px #FFFA;
    margin-top:10px;
    margin-left:auto;
    width:250px;
    background-color: #ccc;
    display:block;
}

#stmps {
    background-color:white;
    border:1px solid black;
    overflow-y:scroll;
    margin:auto;
    height:140px;
}

#stamp {
    margin:5px;
    width:99px;
    height:56px;
}

#stamps #header {
    height:23px;
    background-color:#af0c3b;
    border: 1px solid black;
    display:flex;
     border-bottom:none;
}

#stamps #header p{
    flex:50%;
    text-align:left;
    font-size:15px;
    color:white;
    margin:0px;
    padding:0px;
    margin-left:5px;
}

#blinkies {
    width:151px!important;
    margin:auto;
    padding:10px;
    box-shadow:inset -1px -1px 0px 0px black, inset -2px -2px 0px 0px #0008, inset 1px 1px 0px 0px #ccc, inset 2px 2px 0px 0px #FFFA;
    margin-top:10px;
    margin-left:3px;
    background-color: #ccc;
    display:block;
    font-size:0px;
}


#blnks {
    background-color:white;
    border:1px solid black;
    margin:auto;
    height:160px;
    font-size:0px;
}

#blink {
    width:150px;
    height:20px;
}

#blinkies #header {
    height:23px;
    background-color:#af0c3b;
    border: 1px solid black;
    display:flex;
     border-bottom:none;
}

#blinkies #header p{
    flex:50%;
    text-align:left;
    font-size:15px;
    color:white;
    margin:0px;
    padding:0px;
    margin-left:5px;
}


.windows-button {
    display: block;
    -moz-appearance: none;
    appearance: none;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 0.45em 0.75em;
    border-left: 2px solid #ededed;
    border-top: 2px solid #ededed;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
}

.windows-button {
color: #000;
    background-color: silver;
    position: relative;
    z-index: 10;
    float: right;
}

.banners {
    padding:10px;
}

textarea {
  width:90px;
  height:50px;
  margin-top:10px;
  border: solid black 2px;
}

h6 {
    font-weight:normal;
    margin:0px;
    margin-left:5px;
    font-size:17px;
    margin-bottom:-5px;
}
 

#content {
    margin-bottom:4px;
    margin-left:8px;
    margin-top:-5px;
    transition:transform 100ms ease;
    font-size:14px;
}

#content:hover {
    transform: translateX(10px);
}

#new {
  width:20px;
  height:20px;
  display:flex;
  padding:0px;
  margin-top:-23px;
  margin-left:60px;
  margin-bottom:2.5px;
}


#links {
  margin-left:4px;
  font-style:italic;
  font-size:13px;

}  

#links li::before{
    content: "↳";
}

ul {
    margin:0px;
    padding:0px;
    text-align:left;
}
li {
    list-style-type: none;
    margin-bottom:6px;
}

#list {
  display:flex;
  overflow-x:scroll;
  margin:5px;
}

#icon {
  width:50px!important;
  height:55px!important;
  border: 1px solid black;
  float:left;
}
.body {
    margin:auto;
    display:block;
}
.header {
    display:flex;
    width:fit-content;
    height:fit-content;
    margin:auto;
}


h3 {
    font-size:45px;
    text-transform:uppercase;
    color:#af0c3b;
    text-align:left;
    font-family: 'Oswald',serif;
    padding-left:10px;
}

.columnheader {
  width:14.95%;
}

.column2 {
  border-left: 1px solid lightgrey;
  width:85%;
  display:flex;
  padding:5px;
}


hr {
  margin-inline-end: 15px;
  margin-inline-start:15px;
  margin-bottom:-5px;
}

.button {
  text-decoration:none;
  background-color:transparent;
  color:black;
  border:none;
  padding:0px;
  margin:0px;
  font-family:'Oswald', serif;
  font-weight:normal;
  display:flex;
    margin-left:5px;
  margin-bottom:6px;
    font-size:15px;
}

#button {
    text-align:center;
}



#title {
    margin-left:10px;
    padding:5px;
}

.widget {
  margin-bottom:10px;
}

.finalrow {
    background-color:#af0c3b;
    color:white;
    padding:10px;
}
.footer {
  margin:auto;
  padding:10px;
    text-align:center;
    color:white;
}

.hitcount {
    padding-top:5px;
    padding-left:20px;
    font-size:15px;
}

#copyright {
    font-size:11px;
    margin:0px;
    text-align:left;
}

h4 {
  font-size:15px;
  padding:0px;
  margin:0px;
  font-weight:normal;
  text-align:left;
    margin-left:5px;
}

::-webkit-scrollbar {
    width:8px;
    height:8px;
    background-color:lightgrey;
}

::-webkit-scrollbar-thumb {
    background-color:darkgrey;
    border-radius: 0px;
}
a:link {
  color:darkgrey;
  text-decoration:none;
}
a:visited {
  color:black;
  text-decoration:none;
}
a:hover {
  color:#af0c3b;
}