body{
background-color: #17161D;
background-attachment: fixed;
background-image: url('images/BGPetz.png');
background-repeat: no-repeat;
margin: 0px;
color: #3d2120;
}

#all{
width: 1000px;
}

#side{
text-align: center;
width: 123px;
height: 102vh;
float: left;
background-color:rgba(255,218,181,0.8);
padding: 0px;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #3d2120;
}

#sideicon{
border: 1px solid #e98583;
}

.sideheader{
font-weight: normal;
margin: 5px 0px 0px 5px;
font-size: 20px;
font-family: 'Special Elite', serif;
}

#aboutheader{
margin: 0px 0px -5px 0px;
}

#about{
text-align: justify;
margin: 0px 0px 10px 0px;
letter-spacing: 1px;
}

.divider{
border-bottom: 1px dashed #3d2120;
}

ul{
padding: 0px;
margin: 0px;
}

li{
list-style-type: none;
margin: 5px 0;
}

#main{
width: 800px;
height: 102vh;
float: left;
background-color:rgba(255,218,181,0.8);
overflow: scroll;
overflow-x: hidden;
}

#header{
background-image: url('images/Bricks.bmp');
background-color: #e98583;
height: 100px;
border-bottom: 1px solid #6b2d2b;
}

#header h1{
margin: 0px;
font-weight: normal;
color: #fff;
font-size: 70px;
line-height: 105px;
text-transform: uppercase;
font-family: 'Special Elite', serif;
}

.subheader{
font-weight: normal;
font-size: 30px;
margin: 0px 0px -5px 0px;
padding: 10px 10px 0px 10px;
font-family: 'Special Elite', serif;
}

.updatesheader{
font-weight: heavy;
font-size: 25px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 0px 10px;
font-family: 'Special Elite', serif;
}

.postcontainer{
padding: 5px;
position: relative;
}

.iconanddatecontainer{
height: 5px;
border-bottom: 2px dashed #e98583;
font-family: 'Special Elite', serif;
}

.icon{
border: 1px solid #3d2120;
}

.posttext{
padding: 0px 15px 0px 15px;
letter-spacing: 1px;
text-align: justify;
margin-top: -4px;
}

.icon{
position: absolute;
}

.date{
position: absolute;
right: 10px;
}

a{
text-decoration: none;
color: #D74329;
}

a:visited{
color: #D74329;
}

a:hover{
font-style: italic;
font-weight: bold;
}

a:active{
font-weight: bold;
font-style: italic;
}

::-webkit-scrollbar{
width: 5px;
}

::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #e98583;
}

#bg{
position:fixed;
bottom: 0px;
right: 0;
opacity: 0.9;
}

#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
z-index: 2;
}



* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  border: 1px solid #D74329;
  float: left;
  width: 50%;
  padding: 10px;
  height: 220px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}