html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
      @font-face {
         font-family: 'Didact Gothic';
         src: url("didactgothic-regular.woff");
      } 
      
      body {
         font-family: 'Didact Gothic',didact-gothic,futura,"open sans",sans-serif,sans;
         padding: 2em 0;
         font-size: 16pt;
         line-height: 1.3;
      }
            
      header {
         margin-top: 1em;
      }
      
      header.topmost {
         margin: 0 20%;
      }

      header.topmost p {
         text-align: center;
      }
      
      h1,h2,h3,h4,h5,h6 {
         margin-top: 0.8em;
         font-weight: bold;
      }
      
      h1 {
         font-size: 2.2em;
      }
      
      h2 {
         font-size: 2em;
      }
      
      h3 {
         font-size: 1.8em;
      }
      
      h4 {
         font-size: 1.6em;
      }
      
      h5 {
         font-size: 1.4em;
      }
      
      h6 {
         font-size: 1.2em;
      }
      
      p {
         text-align: justify;
      }
      
      p {
         margin-bottom: 1em;
      }
      
      cite {
         font-style: italic;
      }
      
      b {
         font-weight: bold;
      }
      i {
         font-style: italic;
      }
      
      section {
         /* border: 1px red solid; */
         padding-left:  2%;
         padding-right: 2%;
      }
      
      @media screen and (min-width: 640px) {
      section {
         padding-left:  10%;
         padding-right: 10%;
      }
      }

      @media screen and (min-width: 1024px) {
      section {
         padding-left:  15%;
         padding-right: 15%;
      }
      }
      
      tt {
         font-family: "courier new", "terminal", monospace;
      }
      
      ul {
         margin: 1em;
         list-style-type: disc;
      }
      
      .hidden
      {position:absolute;
      left:-10000px;
      top:auto;
      width:1px;
      height:1px;
      overflow:hidden;}
      
      center {
         display: block;
         text-align: center;
      }
      
      img.headera {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}

img.circuit {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.centered {
   text-align: center;
}

.videoholder {
   margin: auto;
   display: block;
   text-align: center;
}

.fullwidth {   
   padding-top: 1.5em;
   padding-bottom: 1.5em;
}

.mattsteroids {
   background: url('repeatingbg_mattsteroids.jpg');
   background-color: #113;
   color: #0cf;
}

.mattsteroids a:link    { color: white; }
.mattsteroids a:visited { color: white; }
.mattsteroids a:hover   { color: white; }
.mattsteroids a:active  { color: white; }

.starlynx {
   background: url('repeatingbg_starlynx.jpg');
   background-color: #131;
   color: #3f3;
}

.starlynx a:link    { color: white; }
.starlynx a:visited { color: white; }
.starlynx a:hover   { color: white; }
.starlynx a:active  { color: white; }

.stillgallery {
   line-height: 0;
}

.stillgallery img {
   width: 100%;
   margin: 0;
   line-height: 0;
   border: 0;
}

@media screen and (min-width: 640px) {
.stillgallery img {
   width: 50%;
}
}

@media screen and (min-width: 1024px) {
.stillgallery img {
   width: 33%;
}
}

@media screen and (min-width: 640px) {
.stillgalleryb img {
   width: 66%;
}
}

@media screen and (min-width: 1024px) {
.stillgalleryb img {
   width: 50%;
}
}