/*  FoxFire Studios of Saint Louis */
/*  Main Cascading Style Sheet     */
/*  © 2004 David Gonterman         */

/*  Resetting Styles */

html, body, div, h1, h2, h3, h4, 
h5, h6, ul, ol, dl, li, dt, dd, 
p, blockquote, pre, form, fieldset,
table, th, td, img, a { 
  margin: 0; 
  padding: 0; 
  border: 0;
}


/*  Section One:  The actual HTML Tag styles */

body {
  background-image: url('moleskine-store-mm.jpg');
  color : Black;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

a:link {
  background-color : inherit;
  color: blue;
  text-decoration: none;
}

a:visited {
  background-color : inherit;
  color: blue;
  text-decoration: none;
}

a:hover {
  background-color : inherit;
  color: blue;
  text-decoration: underline;
}

a:active {
  color: blue;
  text-decoration: line-through;
}

pre {
 background: #fff;
 font-family: 'Courier New', Courier, monospace;
 font-size: 11px;
 margin: 10px;
 padding: 5px;
}

h1 {
 font-family:"times","Times New Roman", serif;
 font-size: 30pt;
 text-align: right;
 }

ol, ul, dl {
 margin-left: 35px;
  font-size: 12pt;
}

/*  Section Two:  The Holy Grail Triple Border Effect One-Half */

/*  Row 1--Small Site Logo */

#topleft {
  float: left;
  height: 105px;
  margin-bottom: 10px;
  width: 245px;
  background-image: url('logomini.png'); 
  background-repeat: no-repeat;
  background-position: 10px 40px;
}

#topright {
  background: #CC9900;
  border: 3px outset #000;
  font-family: 'Times New Roman', Times, serif;
  font-size: 65px;
  height: 105px;
  margin-bottom: 10px;
  margin-left: 250px;
  margin-right: 10px;
  padding: 5px;
  text-align: center;
}

/*  Row 1--Large Site Logo */

#topleft-main {
  float: left;
  height: 105px;
  margin-bottom: 10px;
  padding: 2px;
  width: 500px;
}

#topright-main {
  background: #CC9900;
  border: 3px outset #000;
  height: 105px;
  margin-bottom: 10px;
  margin-left: 550px;
  padding: 5px;
  text-align: center;
}

/*  Row 2--Triple Column */

#wrapper {
  margin: 0 10px;
  padding: 0;
}

#left {
  background-color: #cc9900;
  border: 3px groove #000;
  float: left;
  font-size: 10pt;
  margin-bottom: 10px;
  padding: 5px;
  width: 190px;
}

#right {
  background: #CC9900;
  border: 3px groove #000;
  float: right;
  font-size: 10pt;
  margin-bottom: 10px;
  padding: 5px;
  width: 200px;
}

#center {
  background-color: #fff6f6;
  border: 3px ridge #000;
  margin-bottom: 10px;
  margin-left: 210px;
  margin-right: 220px;
  padding: 5px;
}

/*  Row 2--Double Column  Use the 'wrapper,' and 'left' from the Triple Column  */


#submenu {
  margin-left: 140px;
  padding: 5px;
}

#banner-two {
  background-color: #cc9900;
  border: 3px groove #000;
  margin-bottom: 10px;
  margin-left: 210px;
  padding: 5px;
}

#center-two {
  background-color: #fff6f6;
  border: 3px ridge #000;
  margin-bottom: 10px;
  margin-left: 210px;
  padding: 5px;
}

#center-two p {
  text-indent: 2em;
}

/*  Row 3--Use to keep Footer from ducking inside Row 2  */
.clearfloats {
  clear: both;
}

/*  Row 4--Footer */

.footer {
  background: #cc9900;
  border: 3px inset #000;
  font-family: Courier, 'Courier New', monospace;
  font-size: 8pt;
  margin: 30px 20px 20px 20px;
  text-align: left;
}

/*  Section Three--Text Effects  */

.smalllabel {
  font-family: Courier, 'Courier New', monospace;
  font-size: 14pt;
  font-variant: small-caps;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-align: center;
  text-decoration: overline;
}

.indent {
  text-indent: 2em;
}