html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font-family: century gothic, arial, helvetica;
    font-size: 18px;
    margin: 0;
    margin-bottom: 2em;
    width: 100%;
}

#topboxouter {
    background-color: black;
    color: white;
    overflow: auto;
    width: 100%;
    font-size: 18px;
}

#topbox {
    width: 66em;
    margin-top: 0.3em;
    margin-left: auto;
    margin-right: auto;
    color: white;
    background-image: url("/images/title-background.png");
    background-position: center top;
    background-repeat: no-repeat;
    padding: 0.3em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#topbox-forum {
    width: 90em;
    margin-top: 0.3em;
    margin-left: auto;
    margin-right: auto;
    color: white;
    background-color: black;
    padding: 0.3em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#maincontent {
    width: 62em;
    margin-left: auto;
    margin-right: auto;
}

#contentbox {
    float: left;
    width: 40em;
}

#sidebar {
    margin-left: 2em;
    width: 20em;
    float: left;
}

#maincontentbox {
    width: 66em;
    margin-left: auto;
    margin-right: auto;
}

table {
    font-family: century gothic, arial, helvetica;
    margin: 0;
}

.boxedtext {
    border: 2px solid black;
    padding: 3px;
}

.green    { color: #006000; }

.red      { color: #ce0031; }

.blue     { color: #3100ce; }

.white    { color: white; }

.sidenav  {
            color: white;
            font-weight: bold;
            cursor: pointer;
            padding-right: 12px;
            padding-left: 10px;
          }

.graytext {
    color: #777777;
}

.boxwhite { 
    color: white; 
    font-size: 90%;
}

.boxblack { 
    color: black; 
    font-size: 90%;
}

.soutane {
    font-family: Soutane, souvenir, southern, arial, helvetica;
}

h1, .subtitle        {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 120%;
}

h2, .subhead        {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 130%;
}

h3, .dfbutton       {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 120%;
}

h4        {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 110%;
}

.maintitle {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 140%;
    color: #ff7070;
}

.title {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-weight: bold;
    font-size: 140%;
}

.largest  {
    font-size: 130%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

.larger   {
    font-size: 120%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

.large    {
    font-size: 110%;
    font-family: century gothic, arial, helvetica;
}

.normal    {
    font-size: 100%;
    font-family: century gothic, arial, helvetica;
}

.small    {
    font-size: 95%;
    font-family: century gothic, arial, helvetica;
}

.smaller  {
    font-size: 90%;
    font-family: century gothic, arial, helvetica;
}

.smallest {
    font-size: 85%;
    font-family: century gothic, arial, helvetica;
}

.tiny {
    font-size: 80%;
    font-family: century gothic, arial, helvetica;
}

a         {
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

a.white:link, a.white:visited {
    color: white;
    text-decoration: none;
}

a.white:hover   {
    color: white;
    text-decoration: underline;
}

a.nav:link    {
    color: #ce0031;
    text-decoration: underline;
}

a.nav:visited {
    color: #ce0031;
    text-decoration: underline;
}

a.nav:hover   {
    color: white;
    text-decoration: underline;
}

a:link    {
    color: black;
    text-decoration: underline;
}

a:visited {
    color: black;
    text-decoration: underline;
}

a:hover   {
    color: #ce0031;
    text-decoration: underline;
}

a.hidden    {
    text-decoration: none;
}

a.showlink {
    color: #ce0031;
    text-decoration: none;
}

a.showlink:hover {
    text-decoration: underline;
}

a.button     {
    color: white;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

a.button:link    {
    color: white;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

a.button:visited    {
    color: white;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

a.button:hover    {
    color: white;
    text-decoration: underline;
    font-size: 90%;
    font-weight: bold;
    font-family: century gothic, arial, helvetica;
}

a.title     {
    color: white;
    text-decoration: none;
}

a.title:link    {
    color: white;
    text-decoration: none;
}

a.title:visited    {
    color: white;
    text-decoration: none;
}

a.title:hover    {
    color: white;
    text-decoration: underline;
}

a.nodecorate:link    { 
    font-weight: normal;
    color: black;
    text-decoration: none; 
}

a.nodecorate:hover   {
    font-weight: normal;
    color: black;
    text-decoration: none; 
}

a.nodecorate:visited {
    font-weight: normal;
    color: black;
    text-decoration: none; 
}

.tocentry   {
    background-color: #E0E0E0;
}

a.white   {
    color: white;
    text-decoration: none;
}

a.white:link    {
    color: white;
    text-decoration: none;
}

a.white:visited {
    color: white;
    text-decoration: none;
}

a.white:hover   {
    color: #ce0031;
    text-decoration: none;
}

.photothumb {
    float: right;
    margin-left: 2em;
}

.photothumb img {
    margin-right: 3px;
}

.contributor {
    margin-top: 3px;
    margin-bottom: 5px;
    margin-left: 10%;
    background-color: #dddddd;
    padding: 5px;
    width: 80%;
}

.contributorname {
    font-size: 110%;
}

.download {
    display: none;
}

#feedbox {
    vertical-align: top;
    text-align: left;
}

hr {
    height: 3px;
    background-color: black;
}

#quote {
    border: 1px solid #333333;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-top: 0.6em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 1em;
    margin-right: 1em;
    width: 39em;
    display: inline-block;
    text-align: left;
}

#blogposts {
    padding-bottom: 0.5em;
    margin-right: 1em;
    width: 20em;
    display: inline-block;
    text-align: left;
}

.header {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-weight: bold;
    font-size: 120%;
    display: inline-block;
    color: white;
    background-color: black;
    padding: 0.2em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    margin: 0;
    margin-top: 0.3em;
    width: 100%;
}

li.header {
    color: white;
}

#menubarframe {
    width: 66em;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    background: black;
    clear: right;
    height: 1.5em;
}

#menubarframe-forum {
    width: 90em;
    margin-left: auto;
    margin-right: auto;
    background: black;
    clear: right;
    height: 2em;
}

#menubar {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-weight: bold;
    width: 100%;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.5em;
    height: 24px;
    clear: both;
}

#menubar li {
    margin: 0;
}

#menubar a {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
    text-decoration: none;
}

#menubar a:hover {
    background: red;
}

#menubar li {
    list-style: none;
    float: left;
}

#menubar li a {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
}


/**
 * CSS Buttons Generator for your pleasure!
 * http://www.dextronet.com/css-buttons-generator
 * 
 * (c) Ondrej Zabojnik <zabojnik@dextronet.com>, released under the MIT license
 * 
 * Usage: 
 *   <a href="" class="blue-shiny-button"><strong>Download the Rules</strong><br>Free download in source and PDF formats</a>
 * 
 */

.blue-shiny-button {
  display: inline-block;
  width: 36em;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #006BCF;
  background-image: -webkit-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -moz-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -o-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  border-color: hsl(209, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003669;
  -moz-text-shadow: 1px 1px 1px #003669;
  -o-text-shadow: 1px 1px 1px #003669;
  text-shadow: 1px 1px 1px #003669;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 30px 12px 30px;
}

.blue-shiny-button strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.blue-shiny-button:link, .blue-shiny-button:visited {
  color: white;
  text-decoration: none;
}

.blue-shiny-button:hover {
  color: #FFFFFF;
  background-color: #0073de;
  background-image: -webkit-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -moz-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -o-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  border-color: hsl(209, 41%, 44%);
  -webkit-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003e78;
  -moz-text-shadow: 1px 1px 1px #003e78;
  -o-text-shadow: 1px 1px 1px #003e78;
  text-shadow: 1px 1px 1px #003e78;
}

.blue-shiny-button:active {
  color: #FFFFFF;
  background-color: #0063c0;
  background-image: -webkit-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -moz-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -o-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: linear-gradient(top, #005eb6 0%, #006BCF 100%);
  padding: 13px 30px 11px 30px;
}

.green-shiny-button {
  display: inline-block;
  width: 36em;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #73B10E;
  background-image: -webkit-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -moz-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -o-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  border-color: hsl(83, 29%, 37%);
  -webkit-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #365207;
  -moz-text-shadow: 1px 1px 1px #365207;
  -o-text-shadow: 1px 1px 1px #365207;
  text-shadow: 1px 1px 1px #365207;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 30px 12px 30px;
}

.green-shiny-button strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.green-shiny-button:link, .green-shiny-button:visited {
  color: white;
  text-decoration: none;
}

.green-shiny-button:hover {
  color: #FFFFFF;
  background-color: #7cbf0f;
  background-image: -webkit-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -moz-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -o-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  border-color: hsl(83, 28%, 36%);
  -webkit-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #3f6008;
  -moz-text-shadow: 1px 1px 1px #3f6008;
  -o-text-shadow: 1px 1px 1px #3f6008;
  text-shadow: 1px 1px 1px #3f6008;
}

.green-shiny-button:active {
  color: #FFFFFF;
  background-color: #6aa30d;
  background-image: -webkit-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -moz-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -o-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: linear-gradient(top, #649a0c 0%, #73B10E 100%);
  padding: 13px 30px 11px 30px;
}

@import url("/fonts/stylesheet.css");

.isinprint {
    background-image: url("images/inprint.gif");
    background-repeat: no-repeat;
    background-position: right top;
}

div.bannerbox {
    display: inline-block;
    border: 2px solid rgb(57, 57, 57);
    background-color: rgb(150, 150, 150);
    font-weight: bold;
    color: white;
    margin-right: 1em;
    margin-bottom: 1em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 10px;
}

.sidebox {
    display: inline-block;
    width: 10em;
    vertical-align: top;
    text-align: center;
}

.downloadheader {
    padding: 2px;
    padding-bottom: 4px;
    color: black;
    margin-bottom: 1em;
    text-align: left;
    color: #aa0000;
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 130%;
    font-weight: bold;
    border-bottom: 2px solid #aa9999;
}

.downloadtitle {
    overflow: auto;
    margin-bottom: 0.25em;
    border-bottom: 2px solid #aa9999;
    padding-top: 0.5em;
    padding-bottom: 0.25em;
}

.downloadimage {
    float: left;
    margin-right: 1.5em;
    width: 150px;
    text-align: center;
}

.downloaddescription {
    display: inline-block;
    width: 75%;
    width: calc(99% - 2em - 150px);
}

.downloadstats {
    float: right;
    white-space: nowrap;
    font-weight: bold;
    margin-top: 0.25em;
}

.downloadstats span {
    display: inline-block;
    color: white;
    background-color: #331111;
    margin-left: 1em;
    padding-left: 1em;
    padding-right: 1em;
    min-width: 9em;
    text-align: center;
}

.downloadstats a {
    color: white;
    text-decoration: none;
}

.downloadstats a:hover {
    text-decoration: underline;
}

.downloadinprint {
    float: right;
    border-top: 1px solid black;
    padding-top: 2px;
    margin-left: 1em;
}

.floatblock {
    float: left;
    width: 20em;
    margin-right: 1em;
    margin-bottom: 0.5em;
}

.bonusfield {
    display: inline-block;
    width: 5em;
    text-align: right;
    padding-right: 1em;
}

div.downloadinprint {
    max-width: 15em;
}

#download-buttons {
    float: right; 
    padding-top: 0.5em;
    padding-bottom: 0.3em;
    margin-left: 1em; 
    margin-right: 1em; 
    text-align: center;
}

.slogan {
    font-family: Soutane, souvenir, southern, arial, helvetica;
    font-size: 130%;
    font-style: italic;
    font-weight: bold;
}

#plusone {
    height: 4em;
}

/********* forum specific ************/

ul.linklist {
    display: block;
    margin: 0;
}

ul.linklist li {
    display: block;
    list-style-type: none;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 1.1em;
    line-height: 1.3em;
}

ul.linklist li.rightside, p.rightside {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    text-align: right;
}

ul.navlinks {
    font-size: 140%;
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}

div.inside {
    font-size: 100% !important;
}

.previewimg {
    margin-right: 0.5em;
}

a.blackbutton {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    width: 8em;
    background-color: black;
    color: white;
    text-align: center;
}

div.container {
    overflow: auto;
}

div.floaty {
    float: left;
    margin-right: 2em;
    margin-top: 0.5em;
    width: 20em;
}

div.saleslist ul {
    margin-top: 0;
}

hr.footer {
    margin-top: 2em;
}


/* end of file. */