/* Style sheet for the LJO site */
/* Author: Anders Stenman <anders.stenman@niradynamics.se> */
/* Time-stamp: <04/12/04 21:41:46 anste>  */

/****************/
/* General defs */
/****************/

body {
  color: #FFFFFF;
  background: #cccccc;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

body, table {
  font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif;
}

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

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

a:hover {
  color: #003366;
}

/*************/
/* Container */
/*************/

div#container {
  position: relative;
  width: 665px;
  margin: 0 auto;
  background: #FFFFFF url(images/strip.gif) repeat-y;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
}

/**********/
/* Header */
/**********/

div#header {
  margin-bottom: 5px;
}

div#header h1 {
  width: 665px;
  height: 38px;
  background: url(images/logo.gif) no-repeat;
  margin: 0px;
  padding: 0px;
}

div#header span {
  display: none;
}

/******************/
/* Navigation bar */
/******************/

div#navlist {
  position: relative;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: right;
  background: url(images/goldstrip.gif) repeat-x;
  border: 1px solid black;
}

div#navlist table {
  font-size: 11px;
  line-height: normal;
  height: 30px;
}

table#home {
  position: absolute;
  left: 0;
  width: 70px;
}

table#butts {
  position: absolute;
  right: 0;
  width: 350px;
}

div#navlist table.navlist tr td {
  text-align: center;
  font-weight: bold;
  width: 70px;
}

div#navlist td.button a, div#navlist td.explicitOut a {
  color: #FFFFFF;
  text-decoration: none;
}

div#navlist td.button a:hover, div#navlist td.explicitOver a {
  color: #003366;
  text-decoration: none;
}

/*****************/
/* Content layer */
/*****************/

div#content {
  margin: 0;
  padding: 5px;
}

div#content h1 {font-size: 20px; padding-bottom: 2px; 
  border-bottom: 1px solid gray;}

div#content h2 {
  font-size: 18px;
}

div#content h3 {
  height: 16px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

div#content table {
  padding: 0;
  margin: 0;
  /* border-collapse: collapse; */
}

div#content table td 
{
  margin: 0;
}

div#content td#gigs {
  color: #FFFFFF;
  background: #999999;
  width: 200px;
  padding: 15px 10px 10px 10px;
  border: 1px solid #000000;
  vertical-align: top;
}

div#content td#text {
  color: #000000;
  background: #eeeeee;
  padding: 15px 10px 10px 10px;
  border: 1px solid #000000;
  vertical-align: top;
}

div#content dl dt {
  font-weight: bold;
  font-style: italic;
}

div#content dl dd {
  margin-left: 0;
  padding-bottom: 5px;
}

div#content a, div#content a:link {
  color: #000000;
  text-decoration: none;
}

div#content a:visited {
  color: #999999;
  text-decoration: none;
}

div#content a:hover {
  color: #ff0000;
  text-decoration: underline;
}

#gigs ul {
  margin: 0;
  padding: 0;
}

#gigs ul li {
  list-style: none;
  margin: 10px 0 10px 0;
  padding: 0px;
}

#gigs ul li a {
  display: block;
}

#gigs ul li.old {
  text-decoration: line-through;
}

/****************/
/* Footer layer */
/****************/

div#footer {
  height: 65px;
  width: 715px;
  margin: 0 auto;
  background: #FFFFFF url(images/footer.gif);
  text-align: left;
}

div#footer span {
  display: block;
  padding-left: 35px;
  padding-top: 16px;
  text-align: left;
}

/*************/
/* Sub menus */
/*************/
div#AboutMenu {
  position: absolute;
  width: 115px;
  top: 30px;
  left: 380px;
  z-index: 2;
  visibility: hidden;
}

div#MediaMenu {
  position: absolute;
  width: 115px;
  top: 30px;
  left: 452px;
  z-index: 2;
  visibility: hidden;
}

div#Closer {
  position: absolute;
  width: 310px;
  height: 100px;
  top: 30px;
  left: 350px;
  z-index: 1; 
  visibility: hidden;
}

table.submenu {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  color: #000000;
  text-align: left;
  border-top: 1px none #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  background-color: #FFFFFF;
  cursor: hand;
}

td.submenu {
  border-top: 1px solid #000000;
  height: 16px;
}

td.submenu a {
  text-indent: 10pt;
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 16px;
}

td.submenu a:link, td.submenu a:visited {
  color: #000000;
  background-color: #FFFFFF;
  text-decoration: none;
}

td.submenu a:hover {
  color: #FFFFFF;
  background-color: #003366;
  text-decoration: none;
}