body {
   background-color: #6d6e71;
   background-image: url('images/bg.png');
   background-position: top center;
   background-attachment: fixed;
   color: #808080;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   margin: 0;
}

a:link {
   color: #d6227b;
   text-decoration: none;
   -webkit-transition: color .2s ease-out;
   -moz-transition: color .2s ease-out;
   -o-transition: color .2s ease-out;
   transition: color .2s ease-out;
}

a:visited {
   color: #d6227b;
   text-decoration: none;
}

a:hover {
   color: #ff7dbd;
   text-decoration: none;
   -webkit-transition: color .2s ease-in;
   -moz-transition: color .2s ease-in;
   -o-transition: color .2s ease-in;
   transition: color .2s ease-in;
}

a:active {
   color: #ff7dbd;
   text-decoration: none;
}

table, th, td, input, select {
   font-size: 8pt;
}

textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

h1 {
   font-size: 12pt;
   color: #000000;
   margin: 5px;
}

h2 {
   font-size: 10pt;
   color: #ffff00;
}

h3 {
   font-size: 10pt;
   color: #d6227b;
}

h4 {
   font-size: 7pt;
   text-decoration: italic;
}

em {
   color: #000000;
   text-decoration: none;
   font-weight: bold;
   font-style: normal;
}

.note {
   font-size: 7pt;
   display: inline;
}

hr {
   background-color: #d6227b;
   color: #d6227b;
   height: 1px;
   margin: 0px;
   border: 0;
}

ul {
   margin-left: -15px;
}

ul.reg {
   margin-top: 3px;
   list-style-image: url("images/star.png");
}

ol {
   margin-top: 3px;
   margin-left: 24px;
}

.formspan {
   display: inline-block;
   width: 100px;
   margin-top: 4px;
}

.searchdiv {
   width: 90%;
   margin: auto;
   border: 1px solid #f1ae57;
   background-color: #f9f9c0;
   min-height: 2em;
   padding: 5px;
}

.main_nav {
   color: ffffff;
   font-size: 11pt;
   font-weight: bold;
}

.main_nav a:link {
   color: #ffffff;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
}

.main_nav a:visited {
   color: #ffffff;
}

.main_nav a:hover {
   background-color: #ea2189;
   -webkit-transition: all .2s ease-in;
   -moz-transition: all .2s ease-in;
   -o-transition: all .2s ease-in;
   transition: all .2s ease-in;
}

.main_nav a:active {
   background-color: #ea2189;
}

#button_panel {
   float: left;
   width: 600px;
}

#button_panel a {
   display: inline-block;
   height: 2em;
   line-height: 2em;
   border: 1px solid #7f184b;
   background-color: #d6227b;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #7f184b, 0 2px 1px #000000;
   -moz-box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #7f184b, 0 2px 1px #000000;
   -webkit-box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #7f184b, 0 2px 1px #000000;
   color: #ffffff;
   text-shadow: 0 1px 1px #000000;
   padding: 5px 20px;
   text-decoration: none;
   text-align: center;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all .2s ease-out;
   transition: all .2s ease-out;
}

#button_panel a:hover {
   cursor: pointer;
   background-color: #f798c7;
   color: #dedede;
   -webkit-transition: all .2s ease-in;
   -moz-transition: all .2s ease-in;
   -o-transition: all .2s ease-in;
   transition: all .2s ease-in;
}

#button_panel a:active {
   cursor: pointer;
   background-color: #a20653;
   box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #c3186c, 0 2px 1px #000000;
   -moz-box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #c3186c, 0 2px 1px #000000;
   -webkit-box-shadow: inset 0 1px 3px #f798c7, inset 0 -5px 15px #c3186c, 0 2px 1px #000000;
}

.content_panel {
   float: left;
   width: 600px;
   border: 1px solid #d6227b;
   padding: 5px;
   border-radius: 10px;
   box-shadow: 0 0 20px #000000;
   box-sizing: border-box;
   -moz-border-radius: 10px;
   -moz-box-shadow: 0 0 20px #000000;
   -moz-box-sizing: border-box;
   -webkit-border-radius: 10px;
   -webkit-box-shadow: 0 0 20px #000000;
   -webkit-box-sizing: border-box;
}

.band_content_panel {
   width: 98%;
   min-height: 300px;
   border: 1px solid #d6227b;
   margin: auto;
   padding: 5px;
   border-radius: 10px;
   box-shadow: 0 0 20px #000000;
   box-sizing: border-box;
   -moz-border-radius: 10px;
   -moz-box-shadow: 0 0 20px #000000;
   -moz-box-sizing: border-box;
   -webkit-border-radius: 10px;
   -webkit-box-shadow: 0 0 20px #000000;
   -webkit-box-sizing: border-box;
}

.forumgroup {
   min-height: 50px;
   margin: 30px auto 0 auto;
   background-color: #d6227b;
   color: #dedede;
   font-size: 1.2em;
   font-weight: bold;
   text-shadow: 0 1px 1px #000000;
   box-shadow: 2px 2px 5px #000000;
   -moz-box-shadow: 2px 2px 5px #000000;
   -webkit-box-shadow: 2px 2px 5px #000000;
}

.forumgroup a {
   font-weight: bold;
   color: #ffffff;
}

.subforumgroup {
   min-height: 50px;
   margin: 0 auto 5px auto;
   background-color: #f9f9c0;
   color: #dedede;
   font-size: 1.2em;
   font-weight: bold;
   text-shadow: 0 1px 1px #000000;
   box-shadow: 2px 2px 5px #000000;
   -moz-box-shadow: 2px 2px 5px #000000;
   -webkit-box-shadow: 2px 2px 5px #000000;
}

.subforumgroup a {
   font-weight: bold;
   color: #ef8cbd;
}

.forumthread {
   min-height: 50px;
   margin: 0 auto 5px auto;
   background-color: #f9f9c0;
   color: #000000;
   font-size: 1.2em;
   font-weight: bold;
   box-shadow: 2px 2px 5px #000000;
   -moz-box-shadow: 2px 2px 5px #000000;
   -webkit-box-shadow: 2px 2px 5px #000000;
}

.forumbodyinfo {
   float: left;
   width: 100px;
   min-height: 100px;
   margin: 0;
   padding: 5px;
   background-color: #d6227b;
   color: #ffffff;
   text-align: center;
   box-shadow: 1px 1px 2px #000000;
   -moz-box-shadow: 1px 1px 2px #000000;
   -webkit-box-shadow: 1px 1px 2px #000000;
}

.forumbodyinfo a {
   color: #ffffff;
   text-shadow: 0 1px 1px #000000;
}

.forumbodytext {
   float: right;
   width: 750px;
   min-height: 100px;
   margin: 0;
   padding: 5px;
   box-shadow: 1px 1px 2px #000000;
   -moz-box-shadow: 1px 1px 2px #000000;
   -webkit-box-shadow: 1px 1px 2px #000000;
}

.footer {
   font-size: 7pt;
   text-align: center;
   color: #ffffff;
}

.footer a:link {
   color: #dedede;
}

.footer a:visited {
   color: #dedede;
}

.footer a:hover {
   color: #dedede;
}

.footer a:active {
   color: #dedede;
}

.maskLayer {
   display: none;
   position: absolute;
   top: 0px;
   left: 0px;
   opacity: 0.6;
   filter: alpha(opacity=60);
   background-color: #b9b9b9;
   z-Index: 1000;
}

.dialogueLayer {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 350px;
   height: 200px;
   display: none;
   z-Index: 1001;
   border: 1px solid #000000;
   background-color: #ffffff;
   color: #404040;
   vertical-align: middle;
   padding: 10px;
}