/** 
 * Basic CSS Template
 * Generated by Eric Giguere's PLRSiteStarter
 *
 * Feel free to modify these values.
 *
 * Note that each page follow this basic template:
 *
 *   <body>
 *     <div id="page">
 *       <div id="header"> ... </div>
 *       <div id="content"> ... </div>
 *       <div id="footer"> ... </div>
 *     </div>
 *   </body>
 *
 */
 
/* Start everyone on an equal footing, since different browsers
   have different values for the margins. */

* {
  margin: 0;
  padding: 0;
} 

/* Set some reasonable defaults for the page body. */

body {
  font-family: Arial, Helv, sans-serif;
  font-size: 12pt;
  background-color: #dddddd;
  color: white;
}

/* Setup the headings */

h1 {
  font-size: 22pt;
  font-weight: bold;
  text-align: center;
  color: #AA0000;
  margin: 0.5em 0 0.5em 0;
}

h2 {
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
  margin: 0.5em 0 0.5em 0;
}

h3 {
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
  margin: 0 0 1em 0;
}

h4 {
  font-size: 12pt;
  font-weight: bold;
}

/* Set margins for various regular tags */
  
p {
  margin: 0.7em 0;
}

ul, ol, dl {
  margin: 0.7em 0;
}

li {
  margin: 0 0 0 1.5em;
}

/* Define link behavior. By default we don't want them underlined 
   except maybe when we hover over them */

#header a, #header a:visited {
  color: white;
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}

#content a, #content a:visited {
  color: blue;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#footer a, #footer a:visited {
  color: blue;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}


/* Define the major divisions of the page */

#page {
  margin: 10px auto;
  border: 1px solid black;
  width: 768px;
  background-color: white;
  color: black;
}

#header {
  padding: 20px;
  background-color: #009900;
  color: white;
  text-align: left;
  margin-bottom: 10px;
}

#content {
  margin: 0px 20px 20px 20px;
}

#footer {
  padding: 10px;
  background-color: white;
  color: black;
  text-align: right;
  font-size: 70%;
}

/* Article list */

#articles {
  margin: 0 auto;
}

#articles td {
  vertical-align: top;
  padding: 0 1em 0 1em;
}

/* Control how the site name and site description look */

#sitename {
  font-size: 18pt;
  font-weight: bold;
}

#sitedesc {
  font-size: 14pt;
}

/* Settings for the top link unit */

#linkunit_top {
  margin: 0 0 20px -3px;
}
 
/* Settings for the first ad, the one immediately after
   the <h1> */

#ad_after_h1 {
  margin-right: 0.5em;
  float: left;
}

/* Settings for the bottom ad */

#ad_before_footer {
  margin-top: 1em;
  text-align: center;
}

#subheading {
  padding: 0 5em 0 5em;
  font-size: 120%;
  margin: 2em 0 2em 0;
  text-align: center;
}

div.image {
  text-align: center;
  padding: 0.5em 0;
}

div.image img {
  border: 1px solid black;
}

div.image img.noborder {
  border: none;
}

img.bordered {
  border: 1px solid black;
}

img.noborder {
  border: none; 
}

pre {
  font-size: 80%;
  text-align: left;
  padding: 1em 5em 1em 5em;
}

div.price {
  font-size: 200%;
  text-align: center;
  font-weight: bold;
  color: red;
}

div.bonus {
  background-color: #ffffcc;
  padding: 1em;
  margin: 1em;
  border: 1px solid black;
}

div.order {
  font-size: 160%;
  font-weight: bold;
  text-align: center;
  padding: 0 2em 0 2em;
}

ul.spaced li {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

div.paypal {
  text-align: center;
  margin: 1.0em;
}

table.subscribe {
  margin: 1em;
  padding: 0 4em;
  border: 1px solid black;
  background-color: #ffffcc;
}

table.subscribe td {
  padding: 0.2em;
}

