/* (c) 2019 Ryan Bowman*/
/* Color definitions

blue #0066cc;
red #c00;
yellow #ffbe0f;

*/


* { font: normal 14px/1.5 'Trebuchet MS', Trebuchet, Arial, sans-serif; margin: 0; padding: 0; }

a, a:link {
  border-bottom: 1px dotted;
  color: #0066cc; /*#004195;*/
  text-decoration: none;
}

a:visited {
  border-bottom: 1px dashed;
  color: #c00; /*#808;*/
}

a:hover, a:active {
  border-bottom: 1px solid;
}

body {
  background: #0B0c0D; /*#000*/
  color: #ccc;
  margin: 0;
  padding: 5px;
  position: relative;
  text-align: left;
  z-index: 0;
}

#Body {
  margin: 5px auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 1200px;
}

b, strong { color: #ffbe0f; font-weight: bold; }
i, em { color: #cc6600; font-style: italic; }


#content { margin-left: 220px; }
#menu {
  border: 1px #ffbe0f solid;
  height: 700px;
  left: 15px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
  position: fixed;
  top: 145px;
  width: 180px;
}

 /* Hide scrollbar for Chrome, Safari and Opera */
#menu::-webkit-scrollbar { display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
#menu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


#menu li { list-style-type: none; padding-top: 15px; padding-left: 5px; }
#menu li li { padding-top: 0; padding-left: 10px; }

#menu .separate { border-bottom: 1px dotted #ffbe0f; padding-bottom: 5px; }

/*
#menu ul { font-size: 0.9em; list-style-type: none; margin-bottom: 5px; }
#menu ul ul { font-size: 1em; }
*/



/* old maybe not used */
#footer { border-top: 1px #000 solid; clear: both; font-size: .8em;
  margin: 1em 0; padding-top: 1ex; }
#footer a { border-bottom: none; }

#Gallery p {
  margin: 10px 5px;
}

#header {
  border-bottom: 2px #0066cc solid;
  margin-right: -5px;
  overflow: hidden;
  text-align: right;
}

#header b {
  color:#ffbe0f;
  font-weight: normal;
}
#header h1 { padding-right: 0; }
#header p {
  color: #cc0000;
  float: right;
  font-size: 10px;
  letter-spacing: 1px;
  margin:0 5px 5px;
  padding:0 0 15px;
  text-transform: uppercase;
  width: 745px;
}

h1 { color: #0066cc; font-size: 26px; font-variant: small-caps; font-weight: bold; letter-spacing: 4px;
  margin: 5px 5px 0; padding: 0 20px .25em; text-transform: capitalize; }

h2 { color: #c00; font-size: 20px; font-variant: small-caps; font-weight: bold; text-transform: capitalize; }
h3 {
  border-left: 0;
  color: #c00;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 3px 5px 0 8px;
  text-transform: capitalize;
}
h4 { font-size: 15px; font-variant: small-caps; padding-left: 8px; text-transform: capitalize; }
h5 { font-size: 1.0em; font-variant: small-caps; font-weight: bold; text-transform: capitalize; }
h6 { font-size: .9em; font-variant: small-caps: text-transform: capitalize; }

img { border: 0; vertical-align: bottom; }

th, td { padding: 3px; }
th { background: #0066cc; color: #ffa500; border-bottom: 1px #025 solid; }


/** Sections **/
#content { border: 1px #0066cc solid; border-left-width: 0; margin-bottom: 10px;
  padding: 5px 5px 5px 0; width: 1000px; }
/*#content h3 { margin: 3px 0; }*/
#content ul { list-style-type: none; margin-bottom: 10px; }
#content ul li { padding-left: 10px; }

.offsite li li { margin-top: 15px; }

#footer { clear: both; }
.have { color: #eee; }
.need { color: #ad9; }
.name { color: #ffa500; }
.ordered { text-decoration: line-through !important; }

#news { clear: both; margin: 15px 0; }
#news .post { border-left: 1px #c00 dotted; padding: 3px; }

#news h3 + h4 { border-top: 1px #c00 dotted; margin-top: 5px; margin-left: -1px; }
#Gallery h4,
#news h4 { color: #ffbe0f; font-size: 12px; margin-top: 15px; }
#news h4 + p {}

#news a.img { border-bottom: 0; }
#news a.img img { width: 977px; }

.post { border-bottom: 1px #ffbe0f dotted; margin: 10px 0; padding-bottom: 10px; }

#Gallery a img,
.post a img { border-style: dotted; }

#Gallery a:hover img,
.post a:hover img { border-style: solid; }

#Gallery img,
.post img {
  border:1px solid #ffbe0f;
  padding:4px;
}
.post p {
  font-size: 13px;
  margin: 5px;
}


/* class post is for the news page post summaries, id post is for a individual post page */
#post h2 { border-bottom: 2px #0066cc solid;  padding: 3px 0; }
#post a img { width: 977px; }
#post img { width: 987px; }
#post img.half { width: 49%; }
#post img.third { width: 32%; }

#post p { margin: 15px 0; }
#post h3{ border-bottom: 1px #c00 solid; }
#post h4 { border-bottom: 1px #0066cc solid; color: #c00; padding-left: 0; width: 75%; }