/* burlesque.fi */

body {

  background-color: #000;
  width: 100%;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: center;
}

a, div, span, p, ul, li, blockquote, table, tr, td, input, textarea, option, select {

  font: normal 12px Arial, Sans-Serif;
  color: #FEFDE5;
}

h2 {

  font: bold 20px Tahoma, Arial, Sans-Serif;
  color: #B6DCE0;
  text-align: left;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}

h3 {

  font: bold 16px Tahoma, Arial, Sans-Serif;
  color: #B6DCE0;

  padding-top: 0;
  padding-bottom: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

div, img {

  padding: 0;
  margin: 0;
  border: 0;
}

ul {

  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0px;
}

li {

  list-style-type: disc;
  padding-bottom: 2px;
}

p {

  margin: 10px 0 5px 0;
}

.kentta {

  border: 1px solid #FEFDE5;
  padding: 2px;
}

.nappi {

  border: 1px solid #FEFDE5;
  padding: 1px;
}

/* LINKIT */

a:link, a:visited, a:active {

  color: #B6DCE0;
  text-decoration: underline;
}
a:hover, a:visited:hover, a:active:hover {

  text-decoration: none;
}

a.hidden:link, a.hidden:visited, a.hidden:active {

  text-decoration: none;
}
a.hidden:hover, a.hidden:visited:hover, a.hidden:active:hover {

  text-decoration: underline;
}

/* Wrapper */

div#wrapper {

  position: relative;
  width: 873px;
  padding: 0px;
  margin: 0 auto;
  text-align: left;
}

/* Header */

div#header {

  position: relative;
  width: 873px;
  height: 234px;
  float: left;
  text-align: center;
}

div#header h1 {

  padding: 0 0 0 0;
  margin: 0;
  float: left;
  z-index: 100;
}

/* Päävalikko */

#header ul {

  width: 873px;
  padding: 0px 0px 0px 0px;
  margin: -78px 0 0 0;
  list-style-type: none;
  text-align: center;
  z-index: 1000;
}

#header ul.float {

  float: left;
}

#header ul li {

  display: inline;
  padding: 1px 8px 1px 8px;
  margin: 0 5px 0 0;
  text-align: center;
}

#header ul li a:link, #header ul li a:visited, #header ul li a:active {

  font: bold 14px Tahoma, Arial, Sans-Serif;
  color: #FEFDE5;
  text-decoration: none;
}

#header ul li a:hover, #header ul li a:visited:hover, #header ul li a:active:hover {

  color: #FFF;
  text-decoration: none;
}

/* Suckerfish dropdown */

#header ul li ul {
  position: absolute;
  width: 10em;
  padding: 0;
  margin: 0;
  left: -999em;
  z-index: 10000;
  text-align: left;
}

#header ul li ul li {
  background-color: #FEFDE5;
  border-left: 1px solid #B6DCE0;
  border-right: 1px solid #B6DCE0;
  border-bottom: 1px solid #B6DCE0;
  width: 150px;
  padding: 5px 10px;
  text-align: left;
  display: block;
  z-index: 10000;
}

#header ul li ul li a:link, #header ul li ul li a:visited, #header ul li ul li a:active {

  background-color: #FEFCE5;
  color: #3B0838;
  padding: 0;
  display: block;
  text-decoration: none;
}

#header ul li ul li a:hover, #header ul li ul li a:visited:hover, #header ul li ul li a:active:hover {

  color: #B6DCE0;
  text-decoration: none;
}

#header ul li:hover ul, #header ul li.sfhover ul {
	left: 250px;
}

/* Sisältö */

div#contentwrapper {

  background: transparent url(/img/bg.jpg) no-repeat top center;
  width: 850px;
  min-height: 622px;
  padding: 0 12px 0 11px;
  margin: 0;
  float: left;
}

* html div#contentwrapper {

  height: 622px;
}

div#text {

  width: 360px;
  padding: 20px 20px 20px 20px;
  margin: 0;
  float: left;
}

#esiintyjat div#text {

  background: transparent none no-repeat top left;
}

div#text p {

  line-height: 1.6;
}

/* Sidebar ja alamenu */

div#sidebar {

  width: 353px;
  padding: 20px 0 0 0;
  margin: 0;
  float: left;
}

/* Alaosa */

div#footer {

  clear: both;
}

p#copy {
  width: 300px;
  padding: 5px 0 0 20px;
  text-align: left;
  color: #FFF;
  float: left;
}

p#powered {
  width: 300px;
  padding: 5px 20px 0 0;
  text-align: right;
  color: #FFF;
  float: right;
}

p#powered a {
  text-decoration: none;
  color: #FFF;
}

/* Muut */

img.kuva_left {

	padding-right: 10px;
	padding-bottom: 5px;
}

img.kuva_right {

	padding-left: 10px;
	padding-bottom: 5px;
}

div#content img[align="left"] {

	padding-right: 10px;
	padding-bottom: 5px;
}

div#content img[align="right"] {

	padding-left: 10px;
	padding-bottom: 5px;
}