/* General styles. */

body { font-family: Helvetica, "Hoefler Text"; }
body.usebackground { background: url(../images/backgrounds/asssville.gif) 0px 150px fixed no-repeat; }
a { color: black; text-decoration: none; }
li { margin-bottom: 0.5em; }
img { border: 0; }
ul.plain { list-style: none; margin-left: 3em; padding-left: 1em; text-indent: -1em; }
ul.plain .posbullet { font-size: 120%; font-weight: bold;
                      color: black; background-color: #66ff66;
                      padding: 0 3px 0 3px; border: 1px solid #33cc33; }
ul.plain .negbullet { font-size: 120%; font-weight: bold;
                      color: black; background-color: #ff6666;
                      padding: 0 3px 0 3px; border: 1px solid #cc3333; }


/* Styles for home page. */

#asssville { text-align: center; }
#mainmenu { text-align: center; }


/* Styles for other main pages. */

#title { width: 750px; margin: 30px auto 30px auto; text-align: left; }
.copy { font-size: 100%; line-height: 160%;
        color: #777777; width: 650px; margin: 0 auto 2em auto; }
.copy .section { margin-top: 1em; }
.copy .copyhead { color: #333333; font-size: 120%; font-weight: bold; }
.copy .copybold { color: #333333; font-weight: bold; }
.copy .copylink { background-color: #cccccc; padding: 2px; }
.copy .copylink:hover { background-color: #999999; }
#building { float: right; padding: 10px; }


/* Styles for town map page. */

#townmap { text-align: center; }
#towndirectory { font-size: 100%; line-height: 120%;
                 color: #777777; width: 600px; margin: 0 auto 2em auto; }
#towndirectory p { margin: 0.25em 0 0.25em 0; }
#towndirectory .plotnum { color: #999999; }



/* Styles for accounts page. */

#accounts { margin: auto; }
#accounts td { vertical-align: top; padding: 0.5em; }
#accounts .label { font-weight: bold; }
#accounts .date { width: 20%; font-weight: bold; text-align: right; }
#accounts .activity { width: 50%; }
#accounts .posamount { width: 15%; font-weight: bold; background-color: #ccffcc; }
#accounts .negamount { width: 15%; font-weight: bold; background-color: #ffcccc; }
#accounts .posbalance { width: 15%; font-weight: bold; background-color: #ccffcc; }
#accounts .negbalance { width: 15%; font-weight: bold; background-color: #ffcccc; }


/* Styles for SSC archive. */

#sscarchive { width: 100%; }
#sscarchive td { vertical-align: top; }


/* Styles for footer, common to all pages. */

#footer { clear: both; width: 750px; margin: 0 auto 2em auto;
          font-size: 75%; color: #666666; text-align: right; }
#footer p { margin-top: 3px; margin-bottom: 3px; }
#footer a { background-color: #cccccc; padding: 2px; }
#footer a:hover { background-color: #999999; }