/*{margin: 0;  padding: 0;  border: 0;}*/
.clear {clear: both;}
.right {float: right;}
.left {float: left;}

body {
  background: #000000;                  /* black background */
  font-family: Georgia, Times, serif;
  text-align: center;
  font-size: 14px;
}

p {
  color: #999999;                       /* default paragraph text is grey */
  line-height: 1.4;
}

/* defining colours for links */
a:link {color: #999999; text-decoration: none;}     /* normal */
a:visited {color: #999999; text-decoration: none;}  /* normal */
a:hover {color: #9977BB; text-decoration: none;}    /* lilac */
a:focus {color: #9977BB; text-decoration: none;}    /* lilac */
a:active {color: #AA88CC; text-decoration: none;}   /* slightly brighter */


.extra {                                 /* CLASS for brighter font */
  font-weight: bold;
  font-size: 1.2em;
  color: #CCCCCC;
}

/* and how it behaves as a link */
.extra a:link {color: #CCCCCC;}          /* normal */
.extra a:visited {color: #CCCCCC;}       /* normal */
.extra a:hover {color: #9966CC;}         /* lilac */
.extra a:focus {color: #9966CC;}
.extra a:active {color: #AA77DD;}        /* slightly brighter lilac */

.muted {                                 /* CLASS for lighter font */
  color: #333333;
}

/* and how it behaves as a link */
.muted a:link {color: #333333;}           /* normal */
.muted a:visited {color: #333333;}        /* normal */
.muted a:hover {color: #661188;}          /* dark lilac */
.muted a:focus {color: #661188;}
.muted a:active {color: #662299;}         /* slightly brighter */

.invisible {                              /* invisible font */
  color: #000000;                         /* same as background */
}

/* and how it behaves as a link */
.invisible a:link {color: #000000;}           /* black i.e. invisible */
.invisible a:visited {color: #000000;}        /* black */
.invisible a:hover {color: #333333;}          /* text turns light grey when mouse hovers */
.invisible a:focus {color: #333333;}          /* or focus */
.invisible a:active {color: #662299;}         /* slightly lilac when active */


.copyrt {
  color: #333333;
  font-size: 0.65em;
  padding: 0; margin: 0;
}

.copyrt a:link {color: #333333;}           /* matches muted */
.copyrt a:visited {color: #333333;}
.copyrt a:hover {color: #661188;}
.copyrt a:focus {color: #661188;}
.copyrt a:active {color: #662299;}


a img {
  border: none;
}

#content {                                /* ID for box that contains content */
  min-width:763px;
  padding: 35px 0 0 0;
}

#content img {                      /* format for frontpage image */
  max-width: 100%;
}

#footer{                                 /* Oh yah it's a footer baby */
  margin: 1em;
  padding: 0;
  border: 0;
  text-align: right;
  font-size: 0.75em;
}

.tarot{
  max-width: 600px;
  min-height: 300px;
  margin: 0 auto;
  padding: 1em;
  border: dotted grey 2px;
  text-align: left;
  color: white;
}

.tarot-display{
  padding-top: 1em;
}

.tarot-display-attrib{
  color: white;
  font-weight: bold;
}