/* the universal style sheet, used on all pages */

/* page basics */
body {          color: #d3d7cf;
     background-color: #000000;
          margin-left: 5%;
         margin-right: 5%;
            font-size: 10px;
          font-family: "DejaVu Sans Condensed", "Verdana", sans-serif;}

h1,h2,h3,h4,h5,h6 {
            font-size: 10px;
          font-weight: bold;
               margin: 0px;
               border: 0px;
              padding: 0px;}

h1 {        font-size: 13px;}

h2 {        font-size: 11px;
          padding-top: 3px;}

h3 {        font-size: 10px;
          padding-top: 1px;}

p {            margin: 0px;
               border: 0px;
              padding: 0px;
       padding-bottom: 8px;}

p.subtitle {font-size: 8px;
           font-style: italic;}

p.datestamp {   float: right;
            font-size: 8px;
           font-style: italic;}

p.blognav {   float: right;}

p.rightside { float: right;}

pre {       font-size: 8px;
          font-family: "DejaVu Sans Mono", monospace;}

a:link {        color: #4e9a06;
      text-decoration: none;}

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

table.wide {    width: 100%;}


hr {            width: 100%;
               height: 0px;
               border: solid;
         border-width: 1px;
         border-color: #d3d7cf;}

/* linky look alike */
span.clickme {  color: #8ae234;}
span.clickme:hover {
               cursor:pointer;}

/* Show and Hide links */
span.showhide { color: #8ae234;
                float: right;}
span.showhide:hover {
               cursor:pointer;}

/* used in code examples and a few other places  */
span.comment {  color: #8ae234;}

/* core lists */
ul {          padding: 0px;
         padding-left: 10px;
               border: 0px;
      list-style-type: none;}

ol {          padding: 0px;
         padding-left: 15px;
               border: 0px;}

/* image style */
img {         padding: 0px;
               border: none;}

img.avatar {    float: right;}

div.sidepic {  border: none;
                  top: 40px;
                 left: 40px;
             position: fixed;
              z-index: 1;}

/* coloured text spans  */
span.green {    color: #8ae234;}
span.cyan {     color: #06989A;}
span.yellow {   color: #fce94f;}
span.red {      color: #ef2929;}
span.blue {     color: #729fcf;}
span.magenta {  color: #ad7fa8;}


/* boxes */
div.postarticle {
        border-radius: 0px;
         border-style: none;
         border-width: 0px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
         border-color: #d3d7cf;
        margin-bottom: 8px;}

div.quotebox {
               border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #223311;
               margin: 0px;
              padding: 4px;}

div.error {
               border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #220000;
               margin: 0px;
              padding: 4px;}

div.examplecode {
          white-space: pre;
          font-family: "DejaVu Sans Mono", monospace;
            font-size: 8px;
               border: 5px;
         border-style: solid;
         border-color: #000000;
                color: #d3d7cf;
     background-color: #110011;
               margin: 0px;
              padding: 4px;
           overflow-x: auto;}


/* Bloodbowl League Table*/
div.leaguebox {
               border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #223311;
               margin: 0px;
              padding: 4px;}

div.cupbox {
               border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #001111;
               margin: 0px;
              padding: 4px;}

table.leaguetable {
                width: 100%;}

table.resultstable {
                width: 100%;}

ul.leaguerules {
         padding-left: 0px;
       padding-bottom: 0px;}

ul.leaguerules li {
       padding-bottom: 9px;}




/* stats releated parts*/
p.commentfrom {
            font-size: 8px;
           font-style: italic;
       padding-bottom: 0px;}

p.commentfrom {}

p.browserstring {
            font-size: 9px;
       padding-bottom: 0px;}

p.robotstring {
            font-size: 9px;
       padding-bottom: 0px;}

table.tsrstatstable {
                width: 100%;}

table.webstatstable {
                width: 100%;
            font-size: 9px;}


/* The search boxes. */
div.searchform {
              padding: 2px;
               border: 0px;}

img.searchicon {
       vertical-align: middle;
        padding-right: 6px;}

form {         margin: 0px;
              padding: 0px;
               border: 0px;}

input {        border: none;
     background-color: #223311;
                color: #d3d7cf;
        border-radius: 5px;}

textarea {
          white-space: pre;
          font-family: "DejaVu Sans Mono", monospace;
            font-size: 10px;
               border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #223311;
                color: #d3d7cf;
               margin: 0px;
              padding: 4px;
        border-radius: 10px;}


/* Lists of Links, Page Menu and other Navigation */
ul.listlink {  margin: 0px;
              padding: 0px;
       padding-bottom: 15px;}

ul.listlink:before {
              content: " | ";}

ul.listlink li {
              display: inline;}

ul.listlink li:after {
              content: " | ";}


/* Traveller */
span.uwp {      color: #fce94f;
          white-space: pre;
          font-family: "DejaVu Sans Mono", monospace;}

/* extra table bits for costs and shopping tables  */
table.ts {    padding: 0px;
                width: 100%;
               border: 0px;
               margin: 0px;}

th.ts-batch { padding: 0px;
          padding-top: 2em;
          font-weight: bold;
           text-align: left;}

th.ts-company {
          font-weight: bold;
           text-align: left;
          padding-top: 0.5em;
         padding-left: 0.5em;}

td.ts-item {}

td.ts-mass {
           text-align: right;}

td.ts-cost {
           text-align: right;}

td.ts-notes {
           font-style: italic;}


/* Army Lists*/
div.armylist {
     background-color: #001111;}

div.armylist table {
                width: 100%;
               border: 0px;}

div.armylist th {
           text-align: left;}

div.armylist td.points {
           text-align: right;}

div.armylist p {
          padding-top: 5px;}


/* BMI Stuff*/
div.bmi {      border: 5px;
         border-style: solid;
         border-color: #000000;
     background-color: #001111;
               margin: 0px;
              padding: 5px;
                width: 25%;}

div.bmi p {
       padding-bottom: 0px;}