/* Style sheet for the frontpage of the LJO site */
/* Author: Anders Stenman <anders.stenman@niradynamics.se> */
/* Time-stamp: <06/09/03 09:12:37 anste>  */

/****************/
/* General defs */
/****************/
body {
  color: white;
  background: #ccc;
  padding: 0;
  margin: 0 auto auto auto;
  text-align: center;
}

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

a:link, a:visited {
  color: white;
  text-decoration: none;
}

a:hover {
  color: #003366;
}

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

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

/**********/
/* 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;
}

/***********/
/* Summary */
/***********/

div#summary {
  /* background: url(images/daband.jpg) no-repeat; */
  /* background: url(images/sax.gif) no-repeat; */
  width: 665px;
}

div#summary div#callout {
  width: 200px;
  height: 120px;
  color: white;
  background-color: #999;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-left: 439px;
  border: 1px solid black;
  padding: 12px;
}

div#summary img#pic {
  float: left;
  border: 1px solid black;
}

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

div#navlist {
  position: relative;
  height: 30px;
  margin: 5px 0 5px 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;
  width: 70px;
  left: 0;
}

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: white;
  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: 0;
}

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

div#content table tr td 
{
  margin: 0;
}

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

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

div#content h1 {font-size: 18px;
  margin: 0; padding: 0;}

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 li {
  list-style: none;
  margin: 10px 0 10px 0;
  padding: 0px;
}

#gigs li p {padding: 0; margin: 0;}
#gigs img {border: 0px solid white;}

#gigs li.nextgig {padding: 1px 1px 1px 2px; border: 1px solid white;}

#gigs li a:link, #gigs li a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#gigs li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#gigs p a:link, #gigs p a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

#gigs p a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

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

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

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

p.news {
  border: 1px solid gray;
  background: #dedede url(images/greystrip.gif) repeat-x;
  padding: 5px;
}

td#text p {
  margin: 12px 0;
}

/*************/
/* 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 {
  margin: 0;
  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 {
  height: 16px;
  border-top: 1px solid #000000;
}

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

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;
}

div#footer span#fb {float: right; margin-right: 50px;}
div#footer span#fb img {border: 0;}