* {
  padding                     : 0px;
  margin                      : 0px;
}

body, html {
  scrollbar-base-color        : #EDC78E ! important;
  scrollbar-3dlight-color     : transparent ! important;
  scrollbar-arrow-color       : transparent ! important;
  scrollbar-darkshadow-color  : transparent ! important;
  scrollbar-face-color        : transparent ! important;
  scrollbar-highlight-color   : transparent ! important;
  scrollbar-shadow-color      : transparent ! important;
  scrollbar-track-color       : transparent ! important;

  font-family                 : arial, helvetica, sans-serif;
  font-size                   : small;

  background-image            : url(images/main_bg.jpg);
  background-color            : #E6AF5E;
  background-attachment       : fixed;
  background-repeat           : no-repeat;
}

div.about {
  background-image            : url(images/about.jpg);
  background-color            : #E6AF5E;
  background-attachment       : fixed;
  background-repeat           : no-repeat;

  width                       : 100%;
  height                      : 100%;
  position                    : absolute;
}

div.about p {
  padding                     : 4px;
  margin                      : 2px;
}

hr {
  height                      : 1px;
  width                       : 90%;
  color                       : $000000;
  background-color            : $000000;
}

/*
 * LINK STYLES
 */

a:link {
  color                       : #101010;
}

a:visited {
  color                       : #202020;
}

a:hover {
  text-decoration             : none;
}

a:active {
  color                       : #101010;
}

/*
 * HEADER ROW STYLES
 */

div.headerrow {
  font-size                   : small;
  font-weight                 : bold;
  text-align                  : center;
  background-color            : #EDC78E;
  padding                     : 4px;
  margin                      : 2px;
  clear                       : both;
}

div.narrowheaderrow {
  font-size                   : small;
  font-weight                 : bold;
  text-align                  : center;
  background-color            : #EDC78E;
  padding                     : 4px;
  margin                      : 2px;
  clear                       : both;
  width                       : 50%;
}

div.smallheader {
  font-size                   : smaller;
  font-weight                 : normal;
  text-align                  : center;
  background-color            : #EDC78E;
  padding                     : 4px;
  margin                      : 2px;
  clear                       : both;
}

div.smallheader img {
  border                      : none;
  vertical-align              : middle;
}

div.header {
  font-size                   : medium;
  font-weight                 : bold;
  text-align                  : center;
  padding                     : 4px;
  margin                      : 2px;
  clear                       : both;
}

/*
 * TEXT STYLES
 */

div.padded {
  padding                     : 4px;
  margin                      : 2px;
}

div.padded p {
  padding                     : 4px;
  margin                      : 2px;
}

div.smalltext {
  font-size                   : smaller;
  font-weight                 : normal;
  text-align                  : center;
  padding                     : 4px;
  margin                      : 2px;
}

div.postbarcolumn {
  width                       : 50%;
  padding                     : 0px;
  float                       : left;
}

div.navlink {
  padding                     : 2px;
  margin                      : 4px;
  text-align                  : center;
  clear                       : both;
  font-weight                 : bold;
}

div.smalllink {
  padding                     : 2px;
  margin                      : 4px;
  text-align                  : center;
  clear                       : both;
}

div.pagetitle {
  padding                     : 2px;
  margin                      : 8px;
  text-align                  : center;
  clear                       : both;
  font-weight                 : bold;
  font-size                   : large;
}

/*
 * IMAGE TABLE STYLES
 */

div.favesbar {
  padding                     : 2px;
  margin                      : 4px;
  text-align                  : center;
  height                      : 115px;
  clear                       : both;
}

div.fave {
  text-align                  : center;
  vertical-align              : middle;
  float                       : left;
  width                       : 14.28%;
  height                      : 115px;
  line-height                 : 110px;
}

div.fave img {
  border                      : 0px;
  vertical-align              : middle;
  margin-top                  : auto;
  margin-bottom               : auto;
  font-size                   : smaller;
  text-align                  : center;
}

/*
 * FORM STYLES
 */
 
div.forumform {
  padding                     : 2px;
  margin                      : 4px;
  width                       : 90%;
}

div.formrow {
  clear                       : both;
}

div.formfieldtitle {
  text-align                  : center;
  background-color            : #EDC78E;
  padding                     : 4px;
  margin                      : 2px;
  width                       : 150px;
  height                      : 100%;
  float                       : left;
}

div.formfieldtitle em {
  font-weight                 : bold;
}

div.formfield {
  float                       : left;
  height                      : 100%;
  text-align                  : center;
}

div.formsubmit {
  float                       : left;
  width                       : 100%;
  height                      : 100%;
  text-align                  : center;
  padding                     : 4px;
  margin                      : 2px;
}

/*
 * LIST STYLES
 */

.listcontainer {
  margin                      : 2;
  padding                     : 4;
  list-style                  : disc inside;
}

.listcontainer ul {
  list-style                  : circle inside;
}

.listcontainer li {
  padding                     : 4px 4px 4px 4px;
}

.listcontainer ul li {
  padding                     : 4px 4px 4px 24px;
}

