@media screen and (min-width: 481px) {

body {
  font-size:           small;
  font-family:         Verdana, Helvetica, Arial, sans-serif;
  line-height:         1.6em;
}

h1, h2 {
  color:               #007e7e;
}

h1 {
  font-size:           150%;
}

h2 {
  font-size:           130%;
}

#guarantee {
  line-height:         1.9em;
  font-style:          italic;
  font-family:         Georgia, "Times New Roman", Times, serif;
  color:               #444444;
  border-color:        white;
  border-width:        1px;
  border-style:        dashed;
  background-color:    #a7cece;
  padding:             25px;
  padding-left:        80px;
  margin:              30px;
  margin-right:        250px;
  background-image:    url(images/background.gif);
  background-repeat:   no-repeat;
  background-position: top left;
}

}

@media screen and (max-width: 480px) {

body {
  font-size:           small;
  font-family:         Verdana, Helvetica, Arial, sans-serif;
  line-height:         1.6em;
}

h1, h2 {
  color:               #007e7e;
}

h1 {
  font-size:           150%;
}

h2 {
  font-size:           130%;
}

#guarantee {
  line-height:         1.9em;
  font-style:          italic;
  font-family:         Georgia, "Times New Roman", Times, serif;
  color:               #444444;
  border-color:        white;
  border-width:        1px;
  border-style:        dashed;
  background-color:    #a7cece;
  padding:             25px;
  margin:              30px;
}

}

@media print {

body {
  font-size: 12pt;
  font-family: Times, "Times New Roman", serif;
  line-height: 1.4em;
  margin: 10px 40px 10px 40px;
  width: 700px;
}

h1, h2 {
  color: black;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
}

#guarantee {
  padding: 25px 25px 25px 25px;
  border: thin solid black;
  margin-right: 240px;
  margin-left: 30px;
  line-height: 1.5em;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #222222;
}

#elixirs {
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  width: 200px;
  background-color: #ffffff;
  background: url("images/elixirbackground.gif") repeat-x top center;
  padding: 0px 20px 20px 20px;
  margin-left: 25px;
  color: #000000;
  border: thin double #007e7e;
  text-align: center; 
  font-size: 80%;
}

#elixirs a:link { color: #007e7e;}
#elixirs a:visited { color: #333333;}
#elixirs a:hover { background: #f88396; color: #0d5353;}

#elixirs h2 {
  color: #000000;
}

#elixirs h3 {
  color: #d12c47;
}

#elixirs img {
  padding-top: 20px;
}
	
#elixirs p {
  line-height: 1em;
}

#footer {
  font-size: 50%;
  text-align: center;
  line-height: normal;
  margin-top: 30px;
}

.artist {
  font-weight: bold;
}

.cd {
  font-style: italic;
}

body p a:link { color: #007e7e; }
body p a:visited { color: #333333; }

}
