/*=============================================================================
    This is the primary CSS file for platybeast.net.
    Copyright (c) 2007 The Daemonotreme Syndicate <thatguy@platybeast.net>.
    Last modified 2007-09-12.
=============================================================================*/

/*-----------------------------------------------------------------------------
    With CSS, it's terribly easy to start off with a "dirty" space.
    Default definitions (supplied by the browser) is often the worst
    culprit.  So we're going to make sure that every base element starts
    with a reasonable definition.

    You will note the absence of the execrable font "Arial" in this CSS.
    That's deliberate.
-----------------------------------------------------------------------------*/

body {
    display: block;
    unicode-bidi: embed;
    margin: 0px;
    padding: 0px;
    font-family: "Times Roman", Times, sans-serif;
    font-size: 10pt;
    line-height: 12pt;
    color: #000000;
    background-color: #ffffff;
}

address {
    display: block;
    unicode-bidi: embed;
    font-style: italic;
}

applet      { display: block; }
b       { font-weight: bolder; }
big             { font-size: 1.17em; }
blockquote  { display: block; margin: 1.33em 4em; }
br:before       { content: "\0a"; }
caption         { display: table-caption; text-align: center; }
center      { display: block; text-align: center }
cite        { font-style: italic; }
code        { font-family: monospace; }
col             { display: table-column; }
colgroup        { display: table-column-group; }
dd      { display: block; margin-left: 4em; }
dir     { display: block; margin: 1.33em 4em; }
div     { display: block; }
dl      { display: block; margin: 1.33em 0em; }
dt      { display: block; }
em      { font-style: italic; }
fieldset    { display: block; margin: 1.33em 0em; }
form        { display: block; margin: 1.33em 0em; }
frame       { display: block; }
frameset    { display: block; }
h1      { display: block; font-weight: bolder;
          font-size: 2.0em; margin: 0.67em 0em; }
h2      { display: block; font-weight: bolder;
          font-size: 1.5em; margin: 0.83em 0em; }
h3      { display: block; font-weight: bolder;
          font-size: 1.17em; margin: 1.00em 0em; }
h4      { display: block; font-weight: bolder;
          font-size: 1.00em; margin: 1.33em 0em; }
h5      { display: block; font-weight: bolder;
          font-size: 0.83em; line-height: 1.17em; margin: 1.67em 0em; }
h6      { display: block; font-weight: bolder;
          font-size: 0.67em; margin: 2.33em 0em; }
head            { display: none; }
hr      { display: block; border: 1px inset }
i       { font-style: italic; }
iframe      { display: block; }
ins             { text-decoration: underline; }
kbd     { font-family: monospace; }
li              { display: list-item; }
menu        { display: block; margin-left: 4em; margin: 1.33em 0em; }
noframes    { display: block; }
object      { display: block; }
ol      { display: block; margin: 1.33em 0em 1.33em 4em;
          list-style-type: decimal }
ol ol           { margin-top: 0; margin-bottom: 0; }
ol ul       { margin-top: 0; margin-bottom: 0; }
p       { display: block; margin: 1.33em 0; }
s       { text-decoration: line-through; }
strike      { text-decoration: line-through; }
del         { text-decoration: line-through; }
samp        { font-family: monospace; }
small       { font-size: .83em; }
sub         { font-size: .83em; }
sup         { font-size: .83em; }
strong          { font-weight: bolder; }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }
table           { display: table; }
tbody           { display: table-row-group; }
td      { display: table-cell; }
tfoot           { display: table-footer-group; }
th      { display: table-cell;
          font-weight: bolder;
          text-align: center; }
thead           { display: table-header-group; }
tr              { display: table-row; }
tt      { font-family: monospace; }
u       { text-decoration: underline; }
ul      { display: block; margin-left: 4em; margin: 1.33em 0em; }
ul ol       { margin-top: 0; margin-bottom: 0; }
ul ul       { margin-top: 0; margin-bottom: 0; }
var     { font-style: italic; }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

abbr        { font-variant: small-caps; letter-spacing: 0.1em; }
acronym   { font-variant: small-caps; letter-spacing: 0.1em; }
a[href]         { text-decoration: underline }
/* :focus          { outline: thin dotted invert } */


/* Begin bidirectionality settings (do not change) */
bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */

applet      { unicode-bidi: embed }
blockquote  { unicode-bidi: embed }
caption         { unicode-bidi: embed }
center      { unicode-bidi: embed }
col     { unicode-bidi: embed }
colgroup    { unicode-bidi: embed }
dd      { unicode-bidi: embed }
dir     { unicode-bidi: embed }
div     { unicode-bidi: embed }
dl      { unicode-bidi: embed }
dt      { unicode-bidi: embed }
fieldset    { unicode-bidi: embed }
form        { unicode-bidi: embed }
frame       { unicode-bidi: embed }
frameset    { unicode-bidi: embed }
h1      { unicode-bidi: embed }
h2      { unicode-bidi: embed }
h3      { unicode-bidi: embed }
h4      { unicode-bidi: embed }
h5      { unicode-bidi: embed }
h6      { unicode-bidi: embed }
hr      { unicode-bidi: embed }
iframe      { unicode-bidi: embed }
li      { unicode-bidi: embed }
menu        { unicode-bidi: embed }
noframes    { unicode-bidi: embed }
noscript    { unicode-bidi: embed }
object      { unicode-bidi: embed }
ol      { unicode-bidi: embed }
p       { unicode-bidi: embed }
table       { unicode-bidi: embed }
tbody       { unicode-bidi: embed }
td      { unicode-bidi: embed }
tfoot       { unicode-bidi: embed }
th      { unicode-bidi: embed }
thead       { unicode-bidi: embed }
tr      { unicode-bidi: embed }
ul      { unicode-bidi: embed }

/* End bidi settings */


@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

body.frontpage h1 {
    text-align: center;
    margin: 10pt;
    padding: 0pt 0pt 10pt 0pt;
    border-bottom: 2px groove #cccccc;
}

body.frontpage h2 {
    text-align: center;
    margin: 0pt 0pt 36px 0pt;
    padding: 0pt 0pt 10pt 0pt;
    background-image: url(grove-banner/emerald-grove2.jpg);
    height: 160px;
    border-bottom: 2px groove #cccccc;
    position: relative;
}

body.frontpage h2 span.links {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

body.frontpage h2 a {
    color: #c0ff80;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    padding: 4px 4px 0px 4px;
    margin-left: 3px;
    background-color: #208010;
}

body.frontpage h2 a:hover {
    background-color: #ccffaa;
    color: #000000;
}

body.frontpage h2 a.breaking {
	background-color: #a02020;
}

body.frontpage h2 a.breaking:hover {
	background-color: #ff8080;
}

body.frontpage h3 {
    text-align: center;
    margin: 10pt;
    padding: 10pt 0pt 0pt 0pt;
    font-size: 9pt;
    line-height: 11pt;
    font-weight: bold;
    border-top: 2px groove #cccccc;
}

table.back {
    float: right;
}

table.back td {
    font-size: 8pt;
    text-align: center;
}

p.sabbattitle {
    text-align: center;
}

span.newsdate {
	font-size: 9pt;
}

a img.back {
    border: none;
}

table.dates {
    margin: 1em auto 1em auto;
}

table.dates td {
    text-align: center;
    vertical-align: top;
    font-size: 12pt;
}

table.dates td.type {
    text-align: right;
    padding-right: 1em;
    font-weight: bold;
    font-style: italic;
}

table.dates td.cele {
    font-weight: bold;
    text-align: left;
}

table.dates td.actu {
    text-align: left;
}

p {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 11pt;
    line-height: 14pt;
}

ul {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 11pt;
    line-height: 14pt;
}

ul li {
    font-size: 11pt;
    line-height: 14pt;
}

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

span.ampm {
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 10pt;
}

img.back {
    float: right;
}

body.frontpage div.sunwheel {
    position: relative;
    height: 540px;
}

body.frontpage div.sunwheel p {
    position: absolute;
    width: 100%;
    margin: 12px 8px;
}

body.frontpage div.sunwheel img {
    border: none;
}

body.frontpage div.sunwheel a {
    text-decoration: none;
    color: black;
}

body.frontpage div.sunwheel p.sun {
    z-index: 1;
    top: 126px;
    text-align: center;
    left: auto;
}

table.upcoming {
    margin: 0pt auto;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    font-size: 10pt;
}

table.upcoming td,
table.upcoming th {
    padding: 3pt;
    border: 1px #cccccc solid;
    vertical-align: top;
}

table.upcoming td.year {
    text-align: center;
    background-color: #cccccc;
    font-weight: bold;
}

table.upcoming td.title {
    text-align: center;
    background-color: #ccffcc;
    font-weight: bold;
}

table.upcoming td.sabbat {
    font-weight: bold;
    font-style: italic;
}

table.upcoming td.input input {
    font-family: Monaco, Courier, monospaced;
}

/* The Sun Wheel */

body.frontpage div.sunwheel {
    width: 800px;
    height: 480px;
    position: relative;
    z-index: 1;
    margin: 0px auto;
    background: url(sunburst.png) no-repeat center;
}

body.frontpage div.sunwheel div a {
    text-decoration: none;
    color: #000000;
}

body.frontpage div.sunwheel div a:hover {
    color: #a07000;
}

body.frontpage div.sunwheel div div {
    position: absolute;
}

body.frontpage div.sunwheel div div span {
    font-size: 12pt;
    font-variant: small-caps;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    white-space: nowrap;
}

/* Sabbat 1:  Imbolc */

body.frontpage div.sunwheel div div.sabbat1 {
    width: 170px;
    height: 87px;
    background: url(words/imbolc-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat1:hover {
    background: url(words/imbolc-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat1 span {
    position: relative;
    top: 77px;
}

/* Sabbat 2:  Ostara */

body.frontpage div.sunwheel div div.sabbat2 {
    width: 182px;
    height: 62px;
    background: url(words/ostara-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat2:hover {
    background: url(words/ostara-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat2 span {
    position: relative;
    top: 52px;
}

/* Sabbat 3:  Beltane */

body.frontpage div.sunwheel div div.sabbat3 {
    width: 199px;
    height: 86px;
    background: url(words/beltane-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat3:hover {
    background: url(words/beltane-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat3 span {
    position: relative;
    top: 76px;
}

/* Sabbat 4:  Litha */

body.frontpage div.sunwheel div div.sabbat4 {
    width: 161px;
    height: 92px;
    background: url(words/litha-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat4:hover {
    background: url(words/litha-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat4 span {
    position: relative;
    top: 82px;
}

/* Sabbat 5:  Lamas */

body.frontpage div.sunwheel div div.sabbat5 {
    width: 167px;
    height: 64px;
    background: url(words/lamas-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat5:hover {
    background: url(words/lamas-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat5 span {
    position: relative;
    top: 54px;
}

/* Sabbat 6:  Mabon */

body.frontpage div.sunwheel div div.sabbat6 {
    width: 202px;
    height: 91px;
    background: url(words/mabon-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat6:hover {
    background: url(words/mabon-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat6 span {
    position: relative;
    top: 81px;
}

/* Sabbat 7:  Samhain */

body.frontpage div.sunwheel div div.sabbat7 {
    width: 228px;
    height: 97px;
    background: url(words/samhain-p.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat7:hover {
    background: url(words/samhain-h.png) no-repeat;
}

body.frontpage div.sunwheel div div.sabbat7 span {
    position: relative;
    top: 87px;
}

/* Sabbat 8:  Yule */

body.frontpage div.sunwheel div div.sabbat8 {
    width: 130px;
    height: 87px;
    background: url(words/yule-p.png) no-repeat;
    background-position: 10px 0px;
}

body.frontpage div.sunwheel div div.sabbat8:hover {
    background: url(words/yule-h.png) no-repeat;
    background-position: 10px 0px;
}

body.frontpage div.sunwheel div div.sabbat8 span {
    position: relative;
    top: 77px;
}

/* Top position */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat1 { left: 315px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat2 { left: 309px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat3 { left: 300px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat4 { left: 319px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat5 { left: 316px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat6 { left: 299px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat7 { left: 286px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat8 { left: 335px; }

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat8 {
    font-weight: bold;
    bottom: 395px;
}

/* Bottom position */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat5 { left: 315px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat6 { left: 309px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat7 { left: 300px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat8 { left: 319px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat1 { left: 316px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat2 { left: 299px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat3 { left: 296px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat4 { left: 315px; }

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat5 { top: 375px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat6 { top: 375px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat7 { top: 365px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat8 { top: 375px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat1 { top: 375px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat2 { top: 400px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat3 { top: 385px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat4 { top: 365px; }

/* Position:  45 degrees (+1) */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat1 { bottom: 320px; }

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat2 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat3 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat4 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat5 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat6 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat7 { left: 510px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat8 { left: 490px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat1 { left: 510px; }

/* Position:  315 degrees (-1) */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat8 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat1 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat2 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat3 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat4 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat5 { bottom: 330px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat6 { bottom: 320px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat7 { bottom: 320px; }

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat8 { right: 510px; }
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat1 { right: 510px; }
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat2 { right: 510px; }
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat3 { right: 510px; }
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat4 { right: 500px; }
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat5 { right: 500px; }
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat6 { right: 500px; }
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat7 { right: 500px; }

/* Next sabbat:  Imbolc */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat3 {
    left: 550px;
    bottom: 210px;
}

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat4 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat6 {
    right: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat7 {
    right: 550px;
    bottom: 210px;
}

/* Next sabbat:  Ostara */

body.frontpage div.sunwheel div.nextsabbat2 div.sabbat4 {
    left: 550px;
    bottom: 210px;
}

body.frontpage div.sunwheel div.nextsabbat2 div.sabbat5 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat2 div.sabbat7 {
    right: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat2 div.sabbat8 {
    right: 550px;
    bottom: 210px;
}

/* Next sabbat:  Beltane */

body.frontpage div.sunwheel div.nextsabbat3 div.sabbat5 {
    left: 550px;
    bottom: 210px;
}

body.frontpage div.sunwheel div.nextsabbat3 div.sabbat6 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat3 div.sabbat8 {
    right: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat3 div.sabbat1 {
    right: 550px;
    bottom: 210px;
}

/* Next sabbat:  Litha */

body.frontpage div.sunwheel div.nextsabbat4 div.sabbat6 {
    left: 550px;
    bottom: 210px;
}

body.frontpage div.sunwheel div.nextsabbat4 div.sabbat7 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat4 div.sabbat1 {
    right: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat4 div.sabbat2 {
    right: 550px;
    bottom: 230px;
}

/* Next sabbat:  Lammas */

body.frontpage div.sunwheel div.nextsabbat5 div.sabbat7 {
    left: 540px;
    bottom: 195px;
}

body.frontpage div.sunwheel div.nextsabbat5 div.sabbat8 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat5 div.sabbat2 {
    right: 500px;
    bottom: 100px;
}

body.frontpage div.sunwheel div.nextsabbat5 div.sabbat3 {
    right: 550px;
    bottom: 210px;
}

/* Next sabbat:  Mabin */

body.frontpage div.sunwheel div.nextsabbat6 div.sabbat8 {
    left: 540px;
    bottom: 195px;
}

body.frontpage div.sunwheel div.nextsabbat6 div.sabbat1 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat6 div.sabbat3 {
    right: 500px;
    bottom: 100px;
}

body.frontpage div.sunwheel div.nextsabbat6 div.sabbat4 {
    right: 540px;
    bottom: 220px;
}

/* Next sabbat:  Samhain */

body.frontpage div.sunwheel div.nextsabbat7 div.sabbat1 {
    left: 540px;
    bottom: 195px;
}

body.frontpage div.sunwheel div.nextsabbat7 div.sabbat2 {
    left: 500px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat7 div.sabbat4 {
    right: 500px;
    bottom: 95px;
}

body.frontpage div.sunwheel div.nextsabbat7 div.sabbat5 {
    right: 550px;
    bottom: 220px;
}

/* Next sabbat:  Yule */

body.frontpage div.sunwheel div.nextsabbat8 div.sabbat2 {
    left: 550px;
    bottom: 210px;
}

body.frontpage div.sunwheel div.nextsabbat8 div.sabbat3 {
    left: 510px;
    bottom: 90px;
}

body.frontpage div.sunwheel div.nextsabbat8 div.sabbat5 {
    right: 500px;
    bottom: 95px;
}

body.frontpage div.sunwheel div.nextsabbat8 div.sabbat6 {
    right: 550px;
    bottom: 200px;
}

/* Left-side sabbats */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat7 {
    text-align: right;
}

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat7 span,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat7 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat3 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat3 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat3 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat7 span {
    right: 24px;
}

/* Top and bottom sabbats */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat4 {
    text-align: center;
}

/* Right-side sabbats */

body.frontpage div.sunwheel div.nextsabbat1 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat3,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat4,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat5,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat6,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat7,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat8,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat1,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat2,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat3 {
    text-align: left;
}


body.frontpage div.sunwheel div.nextsabbat1 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat3 span,
body.frontpage div.sunwheel div.nextsabbat1 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat3 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat2 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat4 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat3 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat5 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat4 div.sabbat7 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat6 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat7 span,
body.frontpage div.sunwheel div.nextsabbat5 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat7 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat6 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat8 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat7 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat1 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat2 span,
body.frontpage div.sunwheel div.nextsabbat8 div.sabbat3 span {
    left: 24px;
}