/* navbar CSS.. now on one stylesheet! */

nav{
  z-index: 99;
  background-image:url('/images/bg2.png');
  position: fixed;
    width:200px;
    height:100%;
    top:-1px;
   left:0px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-top:5px;
    padding-right:10px;
    padding-left:15px;
    border-right: gray double;
    background-color:white;
  font-family:helvetica;
  color:#2f4746;
  font-size:14px;
  
  
}

 /* unvisited link 
a:link {
  text-decoration: none;
  color: #678583;
  text-transform:uppercase;
}*/

/* visited link 
a:visited {
  text-decoration: none;
  color: #2f4746;
  text-transform:uppercase;
}*/

/* mouse over link
a:hover {
  text-decoration: none;
  text-transform:uppercase;
}
*/
/* selected link 
a:active {
  text-decoration: none;
  text-transform:uppercase;
} */

    .desc{
    text-align:center;
    padding:5px;
    overflow:hidden;
    margin:10px 0 0 0;
    display:block;
    border: 1px gray solid;
    background-color:white;

}

.navlink{
  background-color: white;
  background-image:url('');
  display: block;
  padding: 3px;
  width:100%;
  margin:10px 0 0 0;
  margin-left:-4px;
  text-align:center;
  border: 1px gray solid;
}



/* mobile only description, hides on desktop */

@media (min-width: 768px) {
.mobiledesc {
  display:none;
}
}
/* mobile sidebar code (collapse to header) */

@media (max-width: 768px) {
    nav {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 10px;
    border-right: gray;
    border-left: gray;
    border-bottom: 2px gray double;
  }


  nav img { float: left;
    margin-right: 20px;
  }

  .desc {
    display:none;
  }
  .navlink {float: left;
  padding: 2px;
  width:100PX;
  margin:0 10px 10px 0;
  }
  .navlink a {float: none;}

  div.content {margin-left: 0;}

  .mobiledesc {
  text-align:center;
    padding:5px;
    overflow:hidden;
    margin:10px 0 10px 0;
    display:block;
    border: 1px gray solid;
    background-color:white;
    font-size:10px;
}

}
/* Modified from Cepheus */


#statuscafe {
  max-height: 100px;
  overflow-y: auto;
padding: 2px;
margin-left:3px;
margin-right:3px;
border-radius: 3px;
background-color: transparent;
}
#statuscafe-username {
margin-bottom: 7px;
font-style: normal;
font-weight: bold;
background: #d6d6d6;
color: #57536e;
padding-left: 3px;
padding-bottom: 0px;
}

#statuscafe-username a{
background: transparent;
color: #000;}

#statuscafe-content {
margin-left: 5px;
}


		/* @font-face {
    font-family: Consolas;
    src: url('https://gyrfalcon.neocities.org/font/CONSOLA.TTF');
} */

 /* BODY CSS*/

body {
   font-family: 'Helvetica';
  color:#404040;
   margin-left: 225px;
   margin-top: 0px;
   background-color: #f2f2f2;
  background-image:url("/images/bg1.png");
  background-attachment:fixed;
  padding-right: 10px;
   
}


.box {
    width: 80%;
    height: 100%;
    margin-left:0px;
    padding: 10px 10px 10px 15px;
    border-right: gray double;
    border-bottom: gray double;
    background-color: white;
  
}




.blogimg {
 max-width:50%;
  border: gray double;
  overflow:hidden;
  display:inline-block;
}

.header {
  font-family: 'Tahoma';
  text-transform: uppercase;
    width: auto;
    font-size:smaller;
    height: 50px;
    margin-left:10px;
    margin-bottom:30px;
  color:#404040;
} 

 /* unvisited link */
 a:link {
  text-decoration: none;
  color: #678583;
  font-weight: bold;
  border-bottom: 1px dotted;
}

/* visited link */
a:visited {
  text-decoration: none;
  color: #2f4746;
}

/* mouse over link */
a:hover {
  text-decoration: none;
}

/* selected link */
a:active {
  text-decoration: none;
  
} 



hr.one {
  border: 1px dashed gray;
}

/*.textbody {
  padding:10px;
  color:#404040;
}*/

.box2 {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    height: auto;
  margin-left:20px;
}

.sidebar1 {
    flex: 1 1 10%;
    background-color: #f2f2f2;
  padding-top: 0px;
  padding-left: 5px;
  border:1px solid gray;
  font-size:smaller;
}

.content {
  flex: 1 1 50%;
  background-color: #f2f2f2;
  border:1px solid gray;
  padding: 15px;
  
}

/* Recent Blog Posts block in index.html */
#recentpostlistdiv ul {
  padding: 0;
  list-style-type: none;
}

/* At the bottom of blog posts */
#nextprev {
  text-align: center;
  margin-top: 1.4em;
}

#flex {
  display: flex;
}

/* .sidebar2 {
    flex: 1 1 5%;
    background-color: lightgray;
   padding: 15px;
} */

.footer{
color:gray;
font-size:11px;
padding: 10px;
line-height:1.5em;
}


@media (max-width: 768px) { body {
  margin-left: 0px;
  width: auto;
  }
  .box {
    width:100%;
    border-right:none;
  } 

}