/*HTML Home Page Style Sheet
Created by Karl Dubost - 2007-03-07
with updates from MikeSmith after that
*/

/*Usual CSS*/
img {
   border-width: 0;
   vertical-align: bottom;
}

.logo img {
   display: none;
}

abbr {
   text-decoration: none;
   border-style: none;
}

/*Main structure*/
body {
   font-family: "Gill Sans", sans-serif;
}

div.toc {
   margin-top: 6pt;
}

.misseddate {
   color: red;
}

/* #Header */

#header {
   padding-bottom: 1em;
}

#header img {
  padding-right: 8px;
}

#wrapper {
   color: #222;
   background-color: #fff;
   margin: 0 auto;
   padding: 0;
}

#content {
   border-top: 2px solid #0B5B9D;
   margin: 0;
   padding: 0;
}

/* Sidebar */
#about {
  display: none;
}

#learn, #testing, #pub-status,
#related-standards {
  display: inline;
}

#learn h2, #testing h2, #pub-status h2,
#related-standards h2 {
  font-size: 16px;
  display: inline;
}

#testing h2:before, #pub-status h2:before,
#related-standards h2:before {
  content: " · " ;
}

/* header logo */
.logo {
   float: left;
}
/*Main structure - footer */
#footer {
   text-align: right;
   clear: both;
   margin: 0;
   padding: .5em 1em .5em .5em;
   /* background-color: #0B5B9D; */
   color: #fff;
   font-size: .85em;
}

#footer h1,h2,h3,h4,h5,h6 {
   padding: 0 ! important;
}

#footer p {
   padding: 0;
   margin: 0;
}

/* Headers */
h1,h2,h3,h4,h5,h6 {
   color: #0b5b9d;
}

h1 {
   font-size: 22px;
   margin: 0;
}

h3 {
   font-size: 100%;
}

/*Links*/

h1 span#headertext a {
  border-bottom: 2px dotted gray;
}

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

#header a:active, #content a:active, #sidebar a:active {
   background-color: #0b5b9d;
   color: white;
   position: relative;
   top: 1px;
   left: 1px;
   margin: 0px;
}

#header a:hover, #content a:hover, #sidebar a:hover {
  background-color: #0b5b9d;
  color: white;
  margin: 0px;
}


.logo a:active, .logo a:hover {
   background-color: transparent;
}

a:link {
   text-decoration: none;
   color: #0b5b9d;
}
a:visited {
   text-decoration: none;
   color: #0b5b9d;
}

#footer a {
   color: white;
   font-weight: bold;
}

#footer a:active, #footer a:hover {
  text-decoration: underline ! important;
}

#footer a:link {
   text-decoration: none;
}
#footer a:visited {
   text-decoration: none;
}

/*Blog*/
.hentry {
   text-align: justify;
   padding: 0;
   margin: 1em 0 0 0;
   clear: left;
}
.hentry h3 a {
   color: #0b5b9d;
   font-weight: bold;
}
.hentry h3 {
   margin: 0;
   padding: 0;
}
.hentry p {
}
.hentry .date {
}
.hentry ul.meta {
   padding: 0;
   font-size: small;
   list-style-type: none;
}
.hentry ul.meta li {
   list-style-position: inside;
   float: left;
   margin: 0;
   padding: 0 0 0 1em;
}
.hentry hr {
   margin: 3em 0 1em 0;
   border: none;
   border-bottom: 1px solid #B2EF3C;
   clear: left;
}

#about h2 {
   display: none;
   margin-top: .85em;
}

p.copyright {
   margin: 0;
   padding: 0;
   font-size: 12px;
   text-align: justify;
   text-transform: uppercase;
   font-family: "Bitstream Vera Sans Mono", monospace;
   color: white;
   line-height: 120%;
   padding: 1em;
   clear: both;
}

p.copyright a {
   color: white;
   font-weight: bold;
   text-decoration: none;
}

#events h3 {
  margin-bottom: 6px;
}

#events ul {
  margin-top: 6px;
}

.milestonenote {
  font-size: 9pt;
  color: #666;
}

h2.entry-title {
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 24px;
  margin-bottom: 0px;
}
.hentry { text-align: left; }
.hentry p { margin-top: 8px; }
.hfeed {
  margin-bottom: 36px;
  margin-top: 0px;
}
.entry-meta { display: none }

@media screen and (min-width: 992px) {
  body {
     padding: 0 8%;
     margin: 0;
     color: #eee;
     background: #495E69;
  }

  #header {
     margin: 0;
     padding: .8em 1em .8em 1.5em;
     min-height: 48px ;
  }

  h1 {
     font-size: 32px;
     padding-top: 5px;
  }

  .logo img {
     display: inline;
  }

  .main {
     padding: 1em 0 0 1.5em;
     margin-right: 18em;
  }

  .intro:first-child {
    margin-top: 38px;
    margin-right: 20em;
  }

  #wrapper {
     border-width: 0 2px 2px 2px;
     border-style: solid;
     border-color: #28343B;
  }

  #sidebar {
    font-size: 12px;
    width: 18em;
    float: right;
    margin-top: -69px;
    margin-right: 24px;
    padding-right: 20px;
  }

  #about {
    display: block;
  }

  #sidebar div {
     border-bottom: 1px solid #B2EF3C;
     padding-bottom: 1em;
     margin-bottom: 1em;
  }

  #sidebar h2 {
    margin: 0;
  }

  #sidebar p {
    margin-top: 8px;
    margin-bottom: 4px;
  }

  #sidebar img {
    display: inline;
  }

  #about h2 {
    display: block;
    margin-top: .85em;
  }

  #learn, #testing, #pub-status,
  #related-standards {
    display: block;
  }

  #learn h2, #testing h2, #pub-status h2,
  #related-standards h2 {
    display: block;
  }

  #testing h2:before, #pub-status h2:before,
  #related-standards h2:before {
    content: "" ;
  }

  .intro, .hfeed {
    margin-left: 12px;
    padding: 0 0 0 2em;
    margin-right: 19em;
  }
}