body
{
    color: white;
    background: black;
}

body, table, tr, td, p, div, input, textarea, select
{
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size: 10pt;
}

/* link colors */
a:link    { color: #cc3333; }
a:visited { color: #ddaaaa; }
a:hover   { color: #ff0363; }
a:active  { color: white;   }

/* links that should be less prominent until hovered */
a.clsNoDecoration { text-decoration: none; }
a.clsNoDecoration:hover { text-decoration: underline; }

/* for image list and preformatted text files */
tt, pre
{
    font-family: clean, courier, fixed;
}
tt.clsImageList span
{
    white-space : nowrap;
    font-family : clean, courier, fixed;
    font-size   : 9pt;
    margin-right: 14px;
}

/* for forms - dark backgrounds */
input, textarea, select
{
    background  : #404040;
    color       : white;
    border-color: #404040;
    scrollbar-color: #404040;
    scrollbar-highlight-color: #202020;
}

hr { color: #555555 }

/* classes for new layout */

/* header / footer block styles */
div.clsTitleBar
{
        font-size: 115%;
        padding: 8px;
        background: #303030;
        border: 1px dashed #555555;
}

div.clsFooterBar
{
        padding: 8px;
        background: #303030;
        border: 1px dashed #555555;
        clear: right;
}

ul { list-style-image: url("/Gothic/images/li.gif"); }

small   { font-size: 80%; }
.bigger { font-size: 110%; }

/* text info about the club - setup tables */
.clsClubEvent           { font-size: 140%; }
.clsClubName            { font-size: 120%; }
table.clsClubInfo       { width: 100%; }
table.clsClubInfo td    { vertical-align: top; }
table.clsClubAddInfo td { vertical-align: top; }

body.clsClubForm td.clsClubLabel  { white-space: normal; }
.clsClubLabel, .clsClubUpdateInfo { color: #bfbfbf; }
td.clsClubLabel  { text-align: right; white-space: nowrap; width: 15%; }
.clsClubSpacer   { height: 8px; }
.clsClubUpdate A { font-size: 80%; text-decoration: none; }

/* for box with list of other clubs in the same city */
div.clsOtherClubs {
  padding : 8px;
  margin : 8px;
  background: #303030;
  border: 1px dashed #555555;
  width: 200px;
}

/* for text file */
div.clsTextContent {
    background-color: white;
    color   : black;
    padding : 15px;
    margin  : 15px;
    border-radius: 15px 15px;
    -moz-border-radius: 15px 15px;
}

div.clsTextContent ul { list-style: square; list-style-image: none; }

/* link colors on white */
div.clsTextContent a:link    { color: #990000; }
div.clsTextContent a:visited { color: #aa3333; }
div.clsTextContent a:hover   { color: #cc0333; }
div.clsTextContent a:active  { color: black;   }

/* for new resouces listing */
body.clsResources ul.clsSections li
{
    font-weight: bold;
    font-size: 110%;
}
body.clsResources .clsUpdate
{
    color: #606060;
    font-size: 70%;
}

/* for this day in goth history ... */
.clsHistBox 
{ 
  float: right;
  width: 240px;
  border: 4px solid #555555;
}
.clsHistTitle
{ 
  font-weight: bold;
  background: #555555;
  padding-bottom: 4px;
  padding-left: 4px;
  margin: 0px;
}
.clsHistInfo, .clsHistDate
{ 
  margin: 4px;
  display: block;
}
.clsHistDate
{ 
  text-align: right;
 }