/* Jonah McGuire main styles */
BODY {
  background-color: #fabc3c;
  background-image: url("images/ripped.png"), url("images/pattern-yellow.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.home {
  background-color: #fabc3c;
  background-image: url("images/ripped.png"), url("images/pattern-yellow.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.about {
  background-color: #fabc3c;
  background-image: url("images/ripped.png"), url("images/pattern-yellow.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.thoughts {
  background-color: #508aa8;
  background-image: url("images/ripped.png"), url("images/pattern.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.projects {
  background-color: #508aa8;
  background-image: url("images/ripped.png"), url("images/pattern.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.live {
  background-color: #508aa8;
  background-image: url("images/ripped.png"), url("images/pattern.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.contact {
  background-color: #508aa8;
  background-image: url("images/ripped.png"), url("images/pattern.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.socialmedia {
  background-color: #fabc3c;
  background-image: url("images/ripped.png"), url("images/pattern-yellow.png");
  background-position: left top, 50px 0px;
  background-repeat: no-repeat, repeat;
  background-attachment: scroll, scroll;
}
.navbody {background: white; margin-left: 50px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

A {	text-decoration: underline;	color: black;}

.footer A {text-decoration: underline; color: black;}
.header A {text-decoration: underline; color: black;}

/* Make Netscape recognize boldening within a style */
B {font-weight: bold}

BLOCKQUOTE {font: 12pt courier,monospace; color: #720e07;}

DIV {}
.main {
  position: absolute;
  left: 300px;
  border: 0px;
  padding: 0px;
  width: 70%;
}
.nav {
  position: absolute;
  left: 0px;
  width: 290px;
  border: 0px;
  padding: 0px;
}
.nav1 {
  background-image: url("images/circle.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 267px 212px;
  text-align: center;
  margin: 0px;
}
.nav2 {
  background-image: url("images/clip1.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 237px 287px;
  text-align: center;
  margin: 0px;
}
.nav3 {
  background-image: url("images/pad.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 290px 371px;
  text-align: center;
  margin: 0px;
}
.flowers {
  float: right;
/*  background-image: url("images/staple1.png"); */
  background-image: url("images/corner-flowers.png");
  background-repeat: no-repeat;
/*  background-size: 134px 294px; */
  background-size: 200px 250px;
  text-align: center;
  margin: 0px;
  width: 200px;
}
.buttons {
  float: left;
  text-align: left;
  margin: 0px;
  width: 220px;
}
.letter {
  background-image: url("images/letter.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 700px 880px;
  margin: 0px;
}
.tablet {
  background-image: url("images/tablet.png");
  background-repeat: no-repeat;
  background-position: left 60px;
  background-size: 696px 552px;
  margin: 0px;
}

FORM { font: 10pt arial,geneva,helvetica,sans-serif; color: black; }

H1 {font: 700 24pt arial,geneva,helvetica,sans-serif; color: #720e07;}
H2 {font: 700 18pt arial,geneva,helvetica,sans-serif; color: #720e07;}
H3 {font: 700 14pt arial,geneva,helvetica,sans-serif; color: #720e07; text-indent: 2em;}
H4 {font: 700 12pt arial,geneva,helvetica,sans-serif; color: #536a54; text-indent: 2em;}

IMG {}
.banner {
  float: left;
  text-align: left;
  margin: 0px;
  width: 333px;
}
.banner-old { /* use this to center */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 333px;
}

INPUT { font: 10pt arial,geneva,helvetica,sans-serif;}

LI {font: 12pt cursive,arial,geneva,helvetica,sans-serif; color: #720e07;}

OL {font: 12pt cursive,arial,geneva,helvetica,sans-serif; color: #720e07;}

P {font: 12pt arial,geneva,helvetica,sans-serif; color: #720e07;}

TABLE {border: 0px;}
TD {border: 0px; font: 12pt arial,geneva,helvetica,sans-serif; color: #720e07;}
TD A {border: 0px; text-decoration: underline; font: 12pt arial,geneva,helvetica,sans-serif; color: black;}
TH {border: 0px; font: 700 14pt arial,geneva,helvetica,sans-serif; color: #720e07;}
TH A {border: 0px; text-decoration: underline; font: 700 14pt arial,geneva,helvetica,sans-serif; color: black;}

UL {font: 11pt cursive,arial,geneva,helvetica,sans-serif; color: #720e07;}

/* Highlight terms of special interest */
.special {font: bold; color: #536a54;}
.special2 {font: bold; color: olive;}

.big {font: 700 20pt; color: #720e07;}
.caption {font: 10pt arial,geneva,helvetica,sans-serif; color: black;}
.handwriting {font-family: 'Ruthie', cursive; font-size: 25pt; color: brown;}
.copy {font: 12pt arial,geneva,helvetica,sans-serif; color: #720e07;}
.footer {font: 700 10pt arial,geneva,helvetica,sans-serif; color: #720e07;}
.header {font: 700 10pt arial,geneva,helvetica,sans-serif; color: black;}
.lord {font-variant: small-caps;}
.quote { font: italic bold 10pt arial,geneva,helvetica,sans-serif; color: olive; }