body {
  color: #ffffcc;
  margin: 0;
  background: black url('../images/skin/black/background.jpg');
  font: 0.625em Tahoma, Verdana, sans-serif;
}
iframe {
  color: #ffffcc;
  border: 1px none #ffffcc;
}
img {
  border: 0 none black;
}
hr {
  color: #ffffcc;
}
p {
  text-align: justify;
}
p.popis {
  font-style: italic;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  line-height: 1.4em;
  text-align: justify;
}
table tr td {
  padding: 0;
}
th {
  text-align: center;
}
caption {
  font-weight: bold;
}
ul, ol {
  margin: 5px 0 10px 20px;
  padding: 0;
}
ul.in, ol.in {
  margin-left: 0;
  list-style-position: inside;
}
li {
  margin-bottom: 6px;
}
pre {
  font-size: 12px;
}
.basic td {
  padding: 8px;
}
.tabulka td {
  background-color: #332800;
  padding: 4px 6px;
  border: 2px solid black;
}
td.space {
  background-color: transparent;
}
.field {
  font-size: 1.2em;
  border: 2px ridge #f8f8b0;
  background-color: #382a00;
  padding: 4px 6px;
}
.grp {
  display: none;
  overflow: hidden;
  height: 0;
}
.group {
  color: #f0f099;
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
  padding-bottom: 10px;
  text-decoration: underline;
  text-align: center;
}
.cat {
  color: #f0f099;
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
  padding-bottom: 10px;
  text-decoration: underline;
  text-align: center;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-variant: small-caps;
  line-height: 1em;
}

h1 {font-size:210%;}
h2 {font-size:180%;}
h3 {font-size:160%;}
h4 {font-size:140%;}
h5 {font-size:120%;}
h6 {font-size:110%;}

.foreign          {color:#ba55d3;}
.citizen          {color:#ffd8b0;}
.preschool,.lgrey {color:#b0b0b0;}
.noteam,.grey     {color:#808080;}
.vedeni,.white    {color:#ffffff;}
.havraspar,.blue  {color:#3399ff;}
.zmijozel,.green  {color:#00cc00;}
.nebelvir,.red    {color:#ff3333;}
.mrzimor,.yellow  {color:#ffcc33;}

a {
  color: #ffcc99;
  text-decoration: none;
}
a:hover {
  color: #999999;
}
fieldset {
  margin: 0;
  padding: 5px 8px;
  text-align: center;
}
input, button, textarea {
  margin: 2px 4px 8px;
  padding: 2px 4px;
}
textarea {
  padding: 0 0 0 4px;
}
select, input, textarea, button, fieldset {
  color: #f8f8b0;
  background-color: #332800;
  border-color: #f8f8b0;
  font: 100% Tahoma, Verdana, sans-serif;
  line-height: 1.4em;
  vertical-align: middle;
}
.normal {
  font-size: 1.1em;
  font-weight: bold;
}
.big {
  font-size: 1.2em;
  font-weight: bold;
  font-variant: small-caps;
}
.bigger {
  font-size: 1.3em;
  font-weight: bold;
  font-variant: small-caps;
}
.biggest {
  font-size: 1.5em;
  font-weight: bold;
  font-variant: small-caps;
}
a.topic {
  font-size: 1.3em;
  font-weight: bold;
  font-variant: small-caps;
}
a.topic:visited {
  font-weight: normal;
}
.skrt {
  text-decoration: line-through;
}
.chat {
  width: 100%;
  background-color: #332800;
}
.chat a {
  text-decoration: underline;
}
.human, .ghost, .paint, .animal {
  width: 25%;
  border-style: solid;
  border-color: black;
  border-width: 2px 2px 2px 0;
  text-align: center;
  padding: 4px;
  font-weight: bold;
}
.ghost {
  background-color: #334066 !important;
}
.paint {
  background-color: #334020 !important;
}
.animal {
  background-color: #633 !important;
}
.message {
  width: 75%;
  border-style: solid;
  border-color: black;
  border-width: 0 0 2px 2px;
  padding: 4px;
  text-align: left;
}
.sysmsg {
  border-style: solid;
  border-color: black;
  border-width: 0 0 2px 2px;
  padding: 4px;
  text-align: center;
  font-style: italic;
}
.parchment td {
  color: black;
  background-color: #CCB080;
  font-size: 1.2em;
  font-family: 'Courier New', Courier, monospace;
}
.parch-top {
  background: transparent url('../images/parchment.png') !important;
  height: 13px;
}
.parch-bottom {
  background: transparent url('../images/parchment2.png') !important;
  height: 13px;
}
.parchment hr {
  width: 80%;
  border: none;
  border-top: 3px double black;
}
.parchment input {
  border-color: #CCB080;
  background-color: #CCB080;
  color: black;
}
#chatimg {
  width: 390px;
  height: 138px;
}
#chatimg-i {
  padding-top: 26px;
  _padding-top: 27px;
}
#chatimg input, #chatdesc {
  behavior: url('/style/iepngfix.htc');
}
#chatimg input {
  border-width: 1px;
  background: url('../images/bg_65.png');
}
#chatdesc-o {
  display: table-cell;
  height: 82px;
  position: relative;
  vertical-align: middle;
  width: 390px;
}
#chatdesc {
  background: transparent url('../images/bg_50.png');
  font-size: 1.1em;
  font-weight: bold;
  max-height: 82px;
  overflow: hidden;
  width: 390px;
}
#chatdesc:hover {
  max-height: none;
}
#chatdesc div {
  padding: 6px;
  margin: 0 6px;
}
#head, #head_hogwarts, #head_hogsmeade, #head_london, #head_environs {
  display: block;
  background: black url('../images/skin/black/headpic.jpg') no-repeat;
  width: 760px;
  height: 86px;
}
#spacerow {
  height: 10px;
}
.menu-top {
  background: black url('../images/skin/black/menu_top.gif') no-repeat;
  width: 160px;
  height: 15px;
}
.menu-bottom {
  background: black url('../images/skin/black/menu_bottom.gif') no-repeat bottom left;
  width: 160px;
  height: 15px;
}
.menu-sep {
  background: black url('../images/skin/black/menu_sep.gif') no-repeat;
  width: 160px;
  height: 18px;
}
.menu-content {
  background: black url('../images/skin/black/menu_back.gif') repeat-y;
  width: 160px;
}
#main-left {
  background: black url('../images/skin/black/main_left.gif') repeat-y left;
  width: 10px;
}
#main-right {
  background: black url('../images/skin/black/main_right.gif') repeat-y right;
  width: 10px;
}
#main-top {
  background: black url('../images/skin/black/main_top.gif') no-repeat center top;
  width: 395px;
  height: 15px;
}
#main-bottom {
  background: black url('../images/skin/black/main_bottom.gif') no-repeat center bottom;
  width: 395px;
  height: 15px;
}
#main-content {
  background: black url('../images/skin/black/main_back.gif');
  text-align: left;
  width: 390px;
  padding: 5px;
}
.burza-top-noteam {
  background: transparent url('../images/burza/listecek_hore1.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-vedeni {
  background: transparent url('../images/burza/listecek_hore1.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-mrzimor {
  background: transparent url('../images/burza/listecek_hore2.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-havraspar {
  background: transparent url('../images/burza/listecek_hore3.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-nebelvir {
  background: transparent url('../images/burza/listecek_hore4.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-zmijozel {
  background: transparent url('../images/burza/listecek_hore5.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-citizen {
  background: transparent url('../images/burza/listecek_hore8.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-top-foreign {
  background: transparent url('../images/burza/listecek_hore8.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.burza-content {
  background: transparent url('../images/burza/listecek_stred.gif') repeat-y;
  text-align: left;
  width: 180px;
  padding: 4px 6px;
  color: #000000;
}
.burza-bottom {
  background: transparent url('../images/burza/listecek_dole.gif') no-repeat;
  width: 180px;
  height: 20px;
}
.game-top {
  background: transparent url('../images/skin/black/game_top.gif') no-repeat;
  width: 760px;
  height: 15px;
}
.game-bottom {
  background: transparent url('../images/skin/black/game_bottom.gif') no-repeat;
  width: 760px;
  height: 15px;
}
.game-left {
  background: black url('../images/skin/black/main_left.gif') repeat-y left;
  width: 10px;
}
.game-right {
  background: black url('../images/skin/black/main_right.gif') repeat-y right;
  width: 10px;
}
.game-space {
  height: 10px;
}
.game-main {
  background: black url('../images/skin/black/main_back.gif');
  width: 740px;
}
#menu-top {
  background-color: #000;
  border: 2px solid #CC9;
  width: 756px;
  height: 20px;
}
#topmenu {
  position: relative;
  width: 390px;
  top: -5px;
  height: 0;
}
#gamebutton {
  background-color: #332800;
  position: absolute;
  top: 5px;
  width: 33px;
  _width: 40px;
  height: 20px;
  border-right: 1px solid #CC9;
  padding-left: 7px;
}
#gameroll {
  position: absolute;
  left: -2px;
  top: 27px;
}
#battlebutton {
  background-color: #332800;
  position: absolute;
  top: 5px;
  left: 41px;
  width: 40px;
  _width: 47px;
  height: 20px;
  border-right: 1px solid #CC9;
  padding-left: 7px;
}
#battleroll {
  position: absolute;
  left: 40px;
  top: 27px;
}
#itembutton {
  background-color: #332800;
  position: absolute;
  top: 5px;
  left: 90px;
  width: 40px;
  _width: 47px;
  height: 20px;
  border-right: 1px solid #CC9;
  padding-left: 7px;
}
#itemroll {
  position: absolute;
  left: 88px;
  top: 27px;
}
.rolldownitem {
  background-color: #332800;
  padding: 4px 6px;
  border: 2px solid #CC9;
  border-top: 0;
  padding: 3px 5px 3px 5px;
}
#closebutton {
  position: relative;
  float: right;
  width: 15px;
  _width: 20px;
  padding-left: 5px;
  height: 20px;
  border-left: 1px solid #CC9;
  background-color: #332800;
}

.copyright {}