/* Style sheet for the mom website */

*
{
  margin: 0 ;
  padding: 0 ;
  border: 0 ;
  outline: 0 ;
  font-size: 95% ;
  background: transparent ;
}

body
{
  font-family: serif ;
  background-color: #ac8b43 ;
}

a:link    { color: blue ; text-decoration: none ; }
a:hover   { color: red ; text-decoration: underline ; }
a:visited { color: purple ; }

#mom-two a#text,
#mom-three a#reflections,
#mom-four a#documentation,
#mom-five a#release,
#mom-six a#resources,
#mom-seven a#contact
{
  color: #cbb54c ;
}

.banner-background
{
  width: 816px ;
  height: 180px ;
  margin-left: auto ;
  margin-right: auto ;
  background-color: #061d3a ;
  border-style: ridge ;
  border-width: 3px ;
  border-color: #7ab1ff ;
}

.banner-logo-container
{
  position: relative ;
  top: 18px ;
  left: 26px ;
  width: 456px ;
  height: 144px ;
}

.banner-links
{
  position: relative ;
  top: -132px ;
  margin-right: 26px ;
  text-align: right ;
  font: small-caps bold 90%/22px serif ;
  white-space: nowrap ;
}

.banner-links a
{
  text-decoration: none ;
}

.banner-links a:hover
{
  text-decoration: underline ;
}

#top
{
  margin: auto ;
  width: 1000px ;
}

.nav-bar
{
  display: table ;
  width: 165px ;
  height: 450px ;
  margin-top: 1em ;
  margin-left: 1em ;
  padding-left: .5em ;
  padding-right: .5em ;
  border-style: ridge ;
  border-width: 3px ;
  border-color: #7ab1ff ;
  background-color: #061d3a ;
  text-align: center ;
  float: left ;
  position: fixed ;
}

.nav-bar-links
{
  margin-bottom: -5px ;
  font: small-caps bold 100%/1.2em serif ;
  text-decoration: none ;
}

.nav-bar-links a
{
  color: #71baff ;
  text-decoration: none ;
}

.nav-bar-links a:hover
{
  text-decoration: underline ;
}

.next-page-bar
{
  position: relative ;
  top: -3px ;
  left: 346px ;
  width: 350px ;
  padding-top: 3px ;
  padding-bottom: 4px ;
  text-align: center ;
  background-color: #061d3a ;
  border: 2px solid #528b8b ;
  line-height: 1em ;
}

.next-page-link
{
  padding-left: 6px ;
  padding-right: 6px ;
  font: small-caps italic bold .9em/1.2em serif ;
  text-decoration: none ;
  color: #7ab1ff ;
}

.top
{
  width: 60px ;
  height: 22px ;
  margin-left: auto ;
  margin-right: 0px ;
  text-align: center ;
  background-color: #061d3a ;
  border: 1px solid #528b8b ;
}

.top a
{
  font-style: italic ;
  color: #b6d1ff ; 
}

.examples
{
  margin-top: 1em ;
  text-align: center ;
  width: 100px ;
  height: 22px ;
  background-color: #061d3a ;
}

.examples a
{
  color: #b6d1ff ; 
  font-style: italic ;
}

.sample-input-container
{
  position: relative ;
  top: 0px ;
  width: 434px ;
  height: 269px ;
  text-align: center ;
}

.sample-input
{
  position: relative ;
  top: 4px ;
  width: 420px ;
  height: 255px ;
  padding: 2px ;
  background-color: #2a4b5b ;
  border: 2px solid #528b8b ;
}

.sample-output-container
{
  position: relative ;
  top: -150px ;
  left: 344px ;
  width: 356px ;
  height: 293px ;
  text-align: center ;
}

.sample-output
{
  position: relative ;
  top: 4px ;
  width: 342px ;
  height: 279px ;
  padding: 2px ;
  border-style: solid ;
  border-width: 2px ;
  border-color: #528b8b ;
  background-color: #2a4b5b ;
}

.text-homepage
{
  position: relative ;
  top: 9px ;
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  padding-top: 24px ;
  padding-left: 58px ;
  padding-right: 58px ;
  padding-bottom: 24px ;
  text-align: left ;
  line-height: 1.5em ;
  background-color: #d9e4f6 ;
  color: #031020 ;
  border: 4px double #061d3a ;
}

.text
{
  display: inline-block ;
  width: 640px ;
  margin-top: 1em ;
  margin-left: 23% ;
  margin-bottom: 1em ;
  padding-top: 2em ;
  padding-bottom: 1.5em ;
  padding-left: 3em ;
  padding-right: 3em ;
  text-align: left ;
  line-height: 1.5em ;
  color: #031020 ;
  background-color: #d9e4f6 ;
  border: 4px double #061d3a ;
}

.dot
{
  font-size: 200% ;
  color: #8aa6c0 ;
  line-height: 66% ;
}

h1
{
  padding: 4px ;
  padding-left: 6px ;
  font: small-caps bolder 120% serif ;
  color: #cbb54c ;
  background-color: #061d3a ;
}

h2
{
  position: relative ;
  top: .3em ;
  margin-bottom: .7em ;
  font: bolder 113% serif ;
}

h3
{
  margin-top: 1em ;
  margin-bottom: .25em ;
  font: bolder 1em serif ;
}

p
{
  margin-bottom: .7em ;
  font-family: serif ;
  font-size: 100% ;
}

.italic
{
  font-style: italic ;
  font-size: 100%
}

.bold
{
  font-weight: bold ;
  font-size: 98% ;
}

.tex
{
  vertical-align: sub ;
  font-size: 85% ;
  line-height: 1em ;
}

.list
{
  margin-left: 2em ;
  margin-top: -.25em ;
  font: normal 110%/130% serif ;
  list-style-type: disc ;
}

.spaced
{
  margin-top: .4em ;
}

.sublist
{
  list-style-type: circle ;
  margin-left: 1em ;
  font-size: 105% ;
}

.link-list
{
  margin-top: 1em ;
  margin-left: 1em ;
  margin-bottom: 1em ;
  font: normal 110%/1.4em serif ;
  list-style-type: disc ;
}

.link-list a
{
  text-decoration: none ;
}

.ref-link
{
  display: inline-block ;
  margin-top: .4em ;
  padding-left: 3px ;
  padding-right: 5px ;
  outline: 1px solid #061d3a ;
  text-decoration: none ;
  font-size: 98% ;
}

.source-file
{
  height: 400px ;
  padding: 3px ;
  border: 1px solid #4a607a ;
  font-family: monospace ;
  font-weight: bold ;
  font-size: 120% ;
  white-space: nowrap ;
  overflow: scroll ;
  background-color: #cfdafc ;
}

.samples
{
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center ;
  font-family: sans-serif ;
  font-weight: bold ;
}

.sample-img
{
  width: 400px ;
  height: 240px ;
  margin-top: .5em ;
  border: 1px solid #49a1e9 ;
}

.code
{
  font-family: monospace ;
  font-weight: bold ;
  font-size: 110% ;
}

.title
{
  font-style: italic ;
  font-size: 100% ;
}

.program
{
  font-weight: bold ;
  font-size: 99% ;
}

#download-current, #download-previous, #download-old, #download-install-font
{
  margin-top: 1.25em ;
  margin-bottom: .5em ;
  outline: 1px solid #061d3a ;
  padding-left: 4px ;
  padding-right: 4px ;
  font-size: 105% ;
}