/* ############################# */
      /* ######## Base Layout ######## */
      /* ############################# */
      
      html {
          background-color: black;
          color: #D5D5AC;
          
          padding: 0;
          margin: 0;
          
          font-family: Arial, Helvetica, sans-serif;
          font-size: 0.8em;
      }
      
      body {
          margin: 0;
      }
      
      #content {
          max-width: 33em;
          
          margin: 0.6em;
          padding: 0.5em;
          border: solid thin #007BA7;
      }
      
      /* =========== SiteFunctions ============= */
      
      #siteFunctions {
          display: inline;
          float: right;
          
          padding: 0 0.4em 0 0;
      }
      
      #siteFunctions > ul {
          list-style-type: none;
          
          margin: 0;
          padding: 0;
      }
      
      /* ============== Head =================== */
      
      #head {
          max-width: 24em;
          
          margin: 0.6em 3em 3em 3em;
      }
      
      #head p#siteName {
          background-color: #007BA7;
          color: #F5F5DC;
          
          margin: 0;
          padding: 0.1em 0.3em 0.1em 0.3em;
          
          border: solid thin white;
          
          font: bold 2em monospace;
      }
      #head p#siteSlogan {
          float: left;
          
          margin: 0;
          
          font-size: 0.9em;
          font-style: italic;
          
      }
      #head p#siteAuthor {
          float: right;
          
          margin: 0;
          
          font-size: 0.8em;
          font-style: italic;
      }
      
      /* ============== SideBar =============== */
      
      #sidebars {
      }
      
      .sidebar {
          float: right;
          
          background-color: black;
          
          margin-left: 0.4em;
          padding: 0.3em 0.5em 0.3em 0.5em;
          border: solid thin #007BA7;
      }
      .sidebar > box {
          min-width: 7em;
      }
      .sidebar p {
          margin: 0;
      }
      .sidebar p.caption {
          color: #007BA7;
          
          margin: 0;
      }
      
      /* ------- Sign Info --------  */
      
      .sidebar p.username {
          text-align: right;
      }
      
      /* ------- Navigation --------  */
      
      .sidebar ul.buttons {
          list-style-type: none;
          
          margin: 0.4em 0 0 0;
          padding: 0;
      }
      .sidebar ul.buttons > li {
          margin: 0;
          padding: 0;
      }
      .sidebar ul.buttons > li > a {
          display: block;
          
          background-color: #1F1F1F;
          color: inherit;
          
          margin: 3px 3px 3px 3px;
          padding: 0 0.3em 0 0.3em;
          
          text-decoration: none;
      }
      .sidebar ul.buttons > li > a.active {
          background-color: #78866B;
          background-color: black;
          color: white;
          
          border: solid 1px #007BA7;
      }
      .sidebar ul.buttons > li > a.interactive {
          float: left;
          xwidth: 2.5em;

          background-color: #465945;
      }
      .sidebar ul.buttons > li > a:hover {
          
          margin: 0 -4px 3px -4px;
          xborder: solid 1px #007BA7;
      }
      .sidebar ul.buttons > li > a.interactive:hover {
          background-color: #78866B;
          
          margin: 3px 3px 3px 3px;
      }
      
      /* ################################# */
      /* ############# Editor ############ */
      /* ################################# */
      
      img#BlogLoading {
          display: none;
          
          float: right;
      }
      
      img#BlogLoading.active {
          display: block;
      }
      
      /* =============== Title Editor =============== */
      
      input[type="text"].title {
          width: 100%;
          
          background-color: #1F1F1F;
          background-color: black;
          color: #007BA7;
          
          margin: 0;
          padding: 0.1em 0 0 0.1em;
          border: solid 1px #007BA7;
          border: none;
          
          
          font-size: 2em;
          font-weight: bold;
      }
      
      /* =============== Tag Editor =============== */
      
      div.newTag {
          display: inline;
          
          background-color: #1F1F1F;
      }
      div.newTag input[type="text"] {
          width: 6em;
          
          background-color: inherit;
          
          padding: 0 0 0 0.2em;
      }
      div.newTag input[type="submit"] {
          
          background-color: #007BA7;
          color: white;
          
          border: none;
      }
      
      /* ##################################### */
      /* ############# Overlay ############### */
      /* ##################################### */
      
      #overlay {
          display: none;
      }
      #overlay.active {
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          
          background-color: #000000;
          opacity: 0.9;
          
          margin: 0;
          padding: 0;
      }
      
      #overlayBox {
          display: none;
          width: 100%;
          height: 100%;
      }
      #overlayBox.active {
          display: table;
          position: fixed;
          z-index: 1;
          
          height: 100%;
          
          overflow: hidden;
      }
      #overlayBox .boxOuter {
          display: table-cell;

          vertical-align: middle;
      }
      #overlayBox .box {
          max-width: 33em;
          
          background-color: black;
          
          padding: 1em;
          margin-left: auto;
          margin-right: auto;
          border: solid thin green;
          
          text-align: justify;
      }
      
      /* =============== Loading Box ============== */
      
      #overlayBox p.caption {
          padding: 0;
          border-bottom: solid thin #007BA7;
          
          font-weight: bold;
          font-size: 2em;
      }
      
      #overlayBox .loadingBar {
          float: right;

          margin: 0;
      }
      
      #overlayBox p {
          margin: 0.5em 0 0 0;
      }
      
      
      /* #################################### */
      /* ############### Text ############### */
      /* #################################### */
      
      h1 {
          color: #007BA7;
          
          margin: 0 0 0 0;
          
          border-bottom: solid thin #007BA7;
          
          text-align: center;
      }
      h2 {
          xbackground-color: #1F1F1F1F;
          
          /* default: margin: 0.83em 0 0.83em 0; */
          margin: 0.83em 4em 0.83em -0.3em;
          padding: 0.3em 0.7em 0.3em 0.7em;
          
          border-top: solid thin #007BA7;
          border-bottom: solid thin #007BA7;
          border-right: solid thin #007BA7;
      }
      h3 {
          font-size: 1.3em;
          
          border-bottom: solid thin #007BA7;
      }
      h4 { }
      
      a {
          color: #007BA7;
          
          text-decoration: none;
      }
      a:hover {
          text-decoration: underline;
      }
      
      /* ============ General Tags ============== */
      
      img {
          vertical-align: middle;
      }
      
      /* ============ List >> Definition ============= */
      
      dl {
          margin: 0;
      }
      dt {
          color: #7BA05B;
          
          margin: 1em 0 0 0;
          
          font-size: 0.8em;
      }
      dd {
          margin: 0;
      }
      
      /* ============== Tables =============== */
      
      table {
          width: 100%;
      }
      
      th {
          background-color: #1F1F1F !important;
          xbackground-color: #465945 !important;

          padding: 0.3em !important;
      }
      
      tr,
      th,
      td {
          background-color: #1F1F1F;
          background-color: #465945;
          background-color: #30303F;
          
          padding: 0.2em 0.3em 0.2em 0.3em;
      }
      
      /* ============== Classes =============== */
      
      *.alert {
          color: red;
      }
      
      /* ============== Form ================ */
      
      
      input {
          xwidth: 100%;
          
          background-color: #1F1F1F;
          color: #D5D5AC !important;
          
          xpadding: 0.3em 0.3em 0.3em 0.3em;
          border: none;
      }
      input[type="text"] {
          width: 100%;
      }
      input[type="password"] {
          
      }
      input[type="checkbox"] {
          
      }
      input[type="radio"] {
          
      }
      input[type="file"] {
          background-color: blue;
      }
      input[type="button"],
      input[type="reset"],
      input[type="submit"] {
          background-color: #007BA7;
          color: white;
          
          margin: 0 0 0 0;
          padding: 0.1em;
          border: none;
          
          cursor: pointer;
      }

      
      input[type="text"] {
          xcolor: #007BA7;
          
          xborder: none;
      }
      input[type="button"] {
      }
      textarea {
          width: 100%;
          height: 30em;
          
          background-color: #1F1F1F;
          color: #D5D5AC;
          
          margin: 0;
          padding: 0.4em 0 0 0.3em;
          border: solid 1px #007BA7;
          border: none;
          
          overflow: auto;
          
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1em;
      }