/* font */
@font-face {
  font-family: 'LeagueGothicRegular';
  src: url('font/League_Gothic-webfont.eot');
  src: local('?'), url('font/League_Gothic-webfont.woff') format('woff'), url('font/League_Gothic-webfont.ttf') format('truetype'), url('font/League_Gothic-webfont.svg#webfontpm5EArBj') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0px 0px 0px 0px;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; outline: 0; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

/* Site styling */
html {
  /* always force a scrollbar in non-IE */
  /* overflow-y: scroll;*/
}
body {
  margin: 0 auto;
  padding: 0px 10px 10px 0px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 1.25em;
  width: 820px;
  background: #00B637;

}
h1 {
  margin: 0px 0px 0px 20px;
  padding: 20px 0px 0px 0px;
  color: #000000;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 3.5em;
  font-weight: normal;
  text-align: center;
  text-shadow: 1px 1px 2px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
}
h2 {
  padding-top: 10px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 2.25em;
  font-weight: normal;
  color: #000000;
  text-shadow: 1px 1px 2px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
}
h3 {
  padding-top: 10px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 1.5em;
  font-weight: normal;
  color: #000000;
  text-shadow: 1px 1px 2px #333333;
  filter: dropshadow(color=#333333, offx=1, offy=1);
}
#content a {
  color: #a81213;
  text-shadow: 1px 1px 2px #000000;
  filter: dropshadow(color=#000000, offx=1, offy=1);
}
#content a:hover {
  text-decoration: none;
}
#release-history {
  font-size: 0.7em;
  overflow: hidden;
}
#release-history p strong {
  margin-right: 5px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 1.6em;
  font-weight: normal;
  display: block;
  float: left;
}
p {
  margin-top: 10px;
  color: #000000;
  line-height: 1.5em;
}
p.copy {
  margin: 0px 0px 10px;
  text-align: center;
}

pre {
  margin: 20px 0px 0px;
  padding: 22px 40px;
  background-color: #f8f0db;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
pre code span.red {
  color: #a81213;
}
pre code span.grey {
  color: #7b7976;
}
dl {
  /*margin: 10px 10px 10px 20px;*/
  color: #f8f0db;
}
dt {
  margin-top: 10px;
  font-weight: bold;
}
dd {
  margin: 5px 0px 10px 20px;
}
div#content {
  /*padding: 10px 5px 0px 0px;*/
}
div.rotated {
  overflow: auto;
  -ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform: rotate(-20deg); /* Safari */
  transform: rotate(-20deg);
}

.content-box {
  /*padding: 0px 0px 30px;*/
}
.divider-top {
  padding-top: 20px;
  border-top: 1px solid #70342d;
}
.divider-bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid #1e0a09;
}

.navbar {
  position: fixed;
    top: 0px;
    left: 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 1em;
}
.navbar2 {
  position: absolute;
    top: 25px;
    left: 8px;
  width: 160px;
}
.main {
  position: absolute;
    top: 0px;
    left: 170px;
}
.rightbar {
  position: fixed;
    top: 0px;
    right: 0px;
  padding: 0px 0px 0px;
  font-family: 'Comic Sans MS', arial, san-serif;
  font-size: 1em;
}
.rightbar2 {
  position: absolute;
    top: 25px;
    right: 2px;
  width: 170px;
}

.navbar2 img {
  width: 95%;
  heigth: auto;
}
.footer {
  position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 0.8em;
    color: #333333
}
#download {
   margin: 20px 0px 30px 300px;
   padding: 2px;
  background-color: #f8f0db;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: block;
  width: 216px;
  height: 96px;
  -webkit-box-shadow: 5px 5px 15px black;
  -moz-box-shadow: 5px 5px 15px black;
  box-shadow: 5px 5px 15px black;
}
#download a {
   font-family: 'Comic Sans MS', arial, san-serif;
   font-size: 1.875em;
   background-color: #a81213;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: block;
  width: 100%;
  height: 100%;
  color: #f8f0db;
  text-decoration: none;
  text-transform: uppercase;
}
#download a:hover {
  background-color: #000000;
}
#download a img {
  margin: 0px 20px 0px 20px;
  float: left;
}
#download a span.dl {
  margin-top: 19px;
  float: left;
  display: block;
}
#download a span.sub {
  display: block;
  float: left;
  font-size: 0.7em;
  color: #e0ac9e;
}
#paypal {
  margin: 20px 0px 0px 0px;
  padding: 22px 40px 22px 330px;
  /*width: 100%;*/
  background-color: #f8f0db;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
::-moz-selection {
    background-color: #a81213;
  color: #f8f0db;
}
::selection {
  background-color: #a81213;
  color: #f8f0db;
}


#content-slider {
  overflow: hidden;
  margin: 8px 0px 0px 0px;
  border: solid 1px #00B637;
}

#content-slider-inside {
  list-style: none;
  overflow: hidden;
  overflow-y: hidden;
}

#content-slider-inside li {
  width: 790px;
  background: #00B637;
  color: #000000;
  padding: 10px 0;
}

#navigation {
  list-style: none;
  margin: 15px 0 0 0;
  float: left;
}

#navigation li {
  float: top;
  width: 140px;
  height: 30px;
  text-align: center;
  margin: 0;
  border: solid 1px #000000;
  line-height: 30px;
  font-family: 'Comic Sans MS', Arial, Helvetica, sans-serif;
  margin: 0 0 0 5px;
}

#navigation li a, #navigation li a:link, #navigation li a:visited {
  text-decoration: none;
  display: block;
  height: 30px;
  color: #000000;
}

#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
  background: #00B637;
  color: #000000;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #ccc;
  color: #000000;
}

.tsw3-btn:hover,
.tsw3-btn-block:hover,
.tsw3-btn-floating:hover,
.tsw3-btn-floating-large:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.tsw3-btn,
.tsw3-btn-floating,
.tsw3-btn-floating-large,
.tsw3-closenav,
.tsw3-opennav,
.tsw3-btn-block {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tsw3-btn-floating,
.tsw3-btn-floating-large {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px
}

.tsw3-btn-floating {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.tsw3-btn-floating-large {
    width: 56px;
    height: 56px;
    line-height: 56px
}

.tsw3-disabled,
.tsw3-btn:disabled,
.tsw3-btn-floating:disabled,
.tsw3-btn-floating-large:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.tsw3-btn.tsw3-disabled *,
.tsw3-btn-block.tsw3-disabled,
.tsw3-btn-floating.tsw3-disabled *,
.tsw3-btn:disabled *,
.tsw3-btn-floating:disabled * {
    pointer-events: none
}

.tsw3-btn.tsw3-disabled:hover,
.tsw3-btn-block.tsw3-disabled:hover,
.tsw3-btn:disabled:hover,
.tsw3-btn-floating.tsw3-disabled:hover,
.tsw3-btn-floating:disabled:hover,
.tsw3-btn-floating-large.tsw3-disabled:hover,
.tsw3-btn-floating-large:disabled:hover {
    box-shadow: none
}

.tsw3-btn,
.tsw3-btn-floating,
.tsw3-dropnav a,
.tsw3-btn-floating-large,
.tsw3-btn-block,
.tsw3-navbar a,
.tsw3-sidenav a,
.tsw3-pagination li a,
.tsw3-hoverable tbody tr,
.tsw3-hoverable li,
.tsw3-accordion-content a,
.tsw3-dropdown-content a,
.tsw3-dropdown-click:hover,
.tsw3-dropdown-hover:hover,
.tsw3-opennav,
.tsw3-closenav,
.tsw3-closebtn,
*[class*="w3-hover-"] {
    -webkit-transition: background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s;
    transition: background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s
}


.tsw3-display-container {
    position: relative
}

.tsw3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.tsw3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.tsw3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.tsw3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.tsw3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.tsw3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%)
}

.tsw3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%)
}

.tsw3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%)
}

.tsw3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%)
}

.tsw3-display-container:hover .tsw3-display-hover {
    display: block
}

.tsw3-display-container:hover span.tsw3-display-hover {
    display: inline-block
}

.tsw3-dark-grey,
.tsw3-hover-dark-grey:hover,
.tsw3-dark-gray,
.tsw3-hover-dark-gray:hover {
    color: #fff!important;
    background-color: #616161!important
}

.tsw3-large {
    font-size: 18px!important
}

.tsw3-container {
    padding: 0.01em 16px
}

.tsw3-padding-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.tsw3-black,
.tsw3-hover-black:hover {
    color: #fff!important;
    background-color: #000!important
}