/* -------- GENERAL RULES --- */
body {
  margin: 1px;
  padding: 1px;
  color: #444;
  background: #fff;
  font: 85%/1.3 arial, helvetica, sans-serif;
}

h2 {
  color: #000;
  margin-top: 0;
  margin: 0 0 .5em 0;
  clear: both;
  font-size: 150%;
  text-align: center;
}

h2 strong { color: #663; }

p, ul {
  margin-top: 0;
  font: 120%/1.3 serif;
}

img { border: none; }

a {
  text-decoration: none;
  padding-bottom: 1px;
}

a:link { color: #660; }

a:visited { color: #990; }

a:hover, a:active {
  color: #660;
  border-bottom: solid;
  border-color: #99ccff;
}


/* -------- HEADER RULES --- */
#pghead {
  margin: 0 0;
}
#pghead-title {
  float: left;
  width: 30%;
  text-align: center;
  font-size: 125%;
}
#pghead-title strong {
  font-size: 125%;
  color: #ffcc33;
}
#pghead-intro {
  float: left;
  width: 43%;
  text-align: center;
  font-size: .85em;
}
#pghead-intro h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 110%;
}
#pghead-contact {
  float: left;
  width: 25%;
  text-align: center;
}


/* -------- CONTENT RULES --- */
#pgcontent {
  width: 98%;
  border: dashed;
  border-width: 1px;
  padding: 5px;
}
#orderbox1 {
  float: right;
  width: 150px;
  margin: 0 3px;
  padding: 2px;
  text-align: center;
  font-size: .85em;
  border: solid;
  border-width: 1px;
}
#orderbox1 p {
  margin-bottom: 4px;
}
#orderbox2 {
  float: left;
  width: 150px;
  margin: 0 3px;
  padding: 2px;
  text-align: center;
  font-size: .85em;
  border: solid;
  border-width: 1px;
}
#orderbox2 p {
  margin-bottom: 4px;
}
#orderbox3 {
  float: right;
  width: 150px;
  margin: 0 3px;
  padding: 2px;
  text-align: center;
  font-size: .85em;
  border: solid;
  border-width: 1px;
}
#orderbox3 p {
  margin-bottom: 4px;
}

.pTag {
  clear: both;
  margin: 0 10% 1em;
  width: 80%;
  text-align: center;

  font-style: italic;
}

#content {
  float: left;
  width: 58%;
  margin: 0 0 0 4%;
  display: inline;
  padding-bottom: 1em;
}

#navline {
  clear: both;
  text-align: center;
  margin-top: 1em;
  background: #f0f0f0;
  padding: 4px;
}

#closingAd {
  background: #ccc;

}

/* -------- FOOTER RULES --- */
#pgfoot {
  text-align: center;
  font-size: .9em;
}


/* -------- CLASSES RULES --- */
.navigation-top {
  margin: 0;
  padding: 0 0 3em;
  list-style-type: none;
  font-size: 85%;
}

.navigation-bottom {
  margin: 0;
  padding: 2em 0 3em;
  list-style-type: none;
  font-size: 85%;
}

#content form {
  clear: both;
  padding: 15px;
  background: #eee;
  border: 1px solid #ddd;
}

#content label span {
  font-size: 80%;
  color: #555;
}

#author, #email, #url, #comment, .wideinput { width: 100%; }

.container {
  background-color: yellow;
  margin-top: 2em;
  border: 1px dashed black;
}

.clearboth { clear: both; }