@import url("../main.css");

body 
{
  color: #000000;
  background-color: #ffddff;
}

h1 
{
  font-size: 170%;
  padding-left: 1em; 
  text-indent: -1em; /* these 2 together create hanging indent, which makes heading look better on tiny screen. */
  margin-top: .7em;
}

a:link   
{
  color: #8800cc;
}

a:visited 
{
  color: #7700aa;
}

a:hover 
{
  color: #bb00ff;
}

.badgetext 
{
  font-weight: bold;chooseyourbadges.php?catalogue=full&inprogress=1
}

.event 
{
  color: #8800bb;
}

.highlight 
{
  color: #8800bb;
}

.bold-highlight
{
  color: #8800bb;
  font-weight: bold;
}

.semi-highlight
{
  color: #85d; /* similar shade to dimmed, but more purply-pink */
}

.price-highlight /* no longer in chooseyourbadges.php, but check if it's somewhere else before ditching it */
{
  color: #8800bb;
  font-weight: bold;
}

.footer 
{
  margin-top: 1.5em;
}

.narrowpage 
{
  margin-left: 20%;
  margin-right: 20%;
}

a.mainlink
{
  font-weight: bold;
  font-size: 140%;
}

.moving-pic, .size-pic, .back-pic
{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-right: 1em;
}

.moving-pic
{
  width: 10.9cm;
}

.size-pic
{
  width: 8cm;
}

.back-pic
{
  width: 2.5cm; 
}