/********************************************************
* Stylesheet for www.gujastudio.com
* @author: Jan Karlsson
* copyright: Guja Studio
*********************************************************/

/****************************
* Body and content
*****************************/

body {
  background-image: url('graphics/bgall.gif');
  background-repeat: repeat-y;
/*background: white; */
  font-family: verdana, arial;
  color: black;

  scrollbar-highlight-color:#EFFAFF;
  scrollbar-base-color:#6CBDD8;
  scrollbar-arrow-color:firebrick;
  scrollbar-shadow-color:#6CBDD8;
/*  overflow-X: hidden; */
}

body.front {
  background: #3C3A49;
}

body.blank {
  background: rgb(210, 210, 210);
}

table.content {
  padding-top: 20px;
/*  width: 655px; */
  width: 660px;
}

table.content td {
  padding: 0px;
}

table.content td.rightcol {
  padding-top: 12px;
}

.scrollbox {
/*height: 780px;
  width: 675px; */
  height: 100%; 
  width: 100%;
  overflow: auto;
  overflow-X: hidden;
}

.imgscrollbox {
  height: 650px;
  width: 150px;
  overflow: auto;
}

table.oldnews {
  padding-top: 20px;
  width: 400px; 
}

/*
.oldnewsscrollbox {
  height: 630px; 
  width: 662px;
  height: 100%; 
  width: 100%;
  overflow: auto;
} */

/* Contact info on frontpage (start.php) */
table.fcontact { 
  width: 135px;
  height: 135px;
  background-color: #C2E4EF;
  font-size: 9pt;
  border: solid 1px slategray;
  text-align: center;
}

table.fcontact th {
  font-weight: bold;
  background-color: #6CBDD8;
  border: solid 1px slategray;
}

table.fcontact a {
  text-decoration: none;
  color: darkslategray;
  font-style: normal;
  font-size: 7pt;
}

table.links td {
  font-size: 8pt;
  text-align: left;
  vertical-align: top;
}

/****************************
* headers and footer
*****************************/
h1,h2,h3,h4,h5,h6 
{
  color: rgb(0, 51, 102); /* == "#003366" */
  font-weight: bold;
}

h1 {
  font-size: 12pt;
}

h2 {
  padding-top: 10px;
  font-size: 10pt;
}

h2.centered {
  text-align: center;
}

h3 {
  padding-top: 8px;
  font-size: 8pt;
}

h4 {
  font-size: 8pt;
  margin-top: 1px;
}

h5, h6 {
  font-size: 7pt;
  font-style: italic;
  color: firebrick;
  text-indent: 4px;
}

p {
  font-size:10pt;
  color: black;
}

p.header { /*Used in news.html and oldnews.html */
  font-size: 12pt;
  font-weight: bold;
  font-family: verdana, arial;
  color: rgb(0, 51, 102);
}

p.header-indent {
  font-size: 10pt;
  font-weight: bold;
  font-family: verdana, arial;
  text-indent: 35px;
  color: rgb(0, 51, 102);
}

p.footer {
  font-size:7pt;
  color: gray;
  text-align: center;
}

footer {
  color: darkslategray;
}

p.footer a {
  text-decoration: none;
  color: darkslategray;
  font-style: normal;
}

p.footer a:hover {
  text-decoration: none;
}


p.smalltext {
  padding: 0px;
  font-size: 7pt;
  font-style: italic;
  color: gray;
}

span.smalltext {
  font-size: 7pt;
  font-style: italic;
  color: darkslategray;
}

span.date {
  font-size: 7pt;
  color: gray;
}

span.header {
  color: rgb(0, 51, 102);
  color: #07637F;
  font-style: italic;
}

span.news {
  font-size:8pt;
}

span.right {
  text-align: right;
}

/****************************
* Anchors buttons/links
*****************************/
div.link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 10pt;
  font-style: italic;
  width: 150px;
}

a {
  text-decoration: none;
  color: rgb(0, 51, 102);
  font-style:italic;
}

a:hover {
  text-decoration: underline;
}

a.front:hover {
  text-decoration: none;
}

a.mailto {
  font-size: 10pt;
  color: rgb(0, 51, 102);
  text-decoration: none;
}

/****************************
* News table
*****************************/
td.news {
  border-bottom: solid;
  border-color: black;
  border-width: 1px;
}

td.news a {
  font-size: 8pt;
}

td.front {
  border-top: solid;
  border-color: black;
  border-width: 2px;
}

#signature {
  color: slategray;	
  font-size: 8pt;
  font-style: italic;
}

#signature2 {
  color: slategray;	
  font-size: 8pt;
}

#boende {
  margin-top: 10px; 
}

/****************************************
* CD page
*****************************************/
body.CDpage {
  padding-top: 20px;
  font-family: verdana, arial;
  color: rgb(0, 51, 102);
}

table.CDpage {
  width: 280px;
}

table.CDpage th {
  font-size: 8pt;
  text-align: left;
  vertical-align: bottom;
  padding: 5px 0px 0px 35px;
  background-image: url('prodlib/top2.gif');
  background-repeat: no-repeat;
  height: 20px;
}

table.CDpage img.cool {
  width: 200px;
  height: 200px; 
}

tr.CDbg {
  background-image: url('prodlib/bg2.gif');
  background-repeat: repeat-y;
}

tr.CDbg td {
  padding: 15px 0px 0px 35px;
}

tr.CDbg p.title {
  color: rgb(0, 51, 102);
  font-size: 10pt;
}

table.CDpage img.icon {
  width: 17px;
  height: 17px;
}

span.music {
  padding-left: 5px;
  font-size: 8pt;
  color: rgb(0, 51, 102);
  vertical-align: 30%;
}

span.CDinfo {
  font-size: 8pt;
  margin-left: 5px;
  vertical-align: 30%;
  height: 15px;
}

span.CDinfo a {
  font-style: normal;
}

span.CDinfo a:hover {
  color: maroon;
  letter-spacing: 1px;
}

span.info2 {
  font-size: 8pt;
  vertical-align: 30%;
  height: 15px;
}

tr.CDfooter {
  background-image: url('prodlib/bottom2.gif');
  background-repeat: no-repeat;
  height: 25px;
}

/****************************
* CD table
*****************************/
td.cdtitle {
  font-size:8pt;
  font-family: verdana,arial;
  color: black;
}

td.cdtitle a:hover {
  text-decoration: underline;
}

span.title {
  font-size:8pt;
  font-family: verdana,arial;
  color: rgb(0, 51, 102);
}

/****************************
* Gallery table
*****************************/
table.gallery th {
  text-align: center;
  font-size: 10pt;
  color: rgb(0, 51, 102);
  font-weight: bold;
  padding: 10px;
  height: 12px;
}

table.gallery {
  padding-top: 40px;
  position:relative;
  left: 10px;
  width: 640px;
}

.nav img {
  border: none;
}

table.gallery td {
  height: 124px;
  background-image: url('graphics/slide_h.gif');
}

table.gallery td.v {
  background-image: url('graphics/slide_v.gif');
}

div.gallery {
  width: 400px;
}

/****************************
* Images
*****************************/
img.cool {
  border: solid;
  border-width: 1px;
  border-color: black;
}

/* Gallery - horizontal images */
img.hz {
  border: none;
  width: 87px;
  height: 65px;
  /*vertical-align: middle;*/
  position:relative;
  top: -5px;
  left: 13px
}

/* Gallery - vertical images */
img.vt {
  border: none;
  height: 87px;
  width: 65px;
  /*vertical-align: middle;*/
  position:relative;
  top: -2px;
  left: 24px
}

img.postit {
  position: absolute;
  left:460px;
  top: 365px; /* 339px */
  width: 185px;
  height: 160px;
}

img.paperclip {
  position: absolute;
  left:470px;
  top: 355px; /* 339px */
  width: 312px;
  height: 312px;
}

/****************************
* Gearlist table
*****************************/
table.gearlist {
  background-color: #FDFDFD;
  font-size: 8pt;
  border: solid 1px slategray;
}

table.gearlist th {
  font-weight: bold;
  background-color: #6CBDD8; /* #3BA0BF; lite mörkare blå */
  border: solid 1px slategray;
}

table.gearlist td {
  font-size: 7pt;
}

table.gearlist tr.shading {
  background-color: #E8F1F6;
}

/****************************
* Links page table
*****************************/
table.links {
  width: 100%;
  background-color: #FDFDFD;
  font-size: 8pt;
  border: solid 1px slategray;
  text-align: left;
  border-collapse: separate; /* or collapse */
}

table.links th {
  font-weight: bold;
  background-color: #6CBDD8;
  border: solid 1px slategray;
}

#zebra {
  background-color: #E8F1F6;
}

table.links td {
  font-size: 8pt;
  text-align: left;
  vertical-align: top;
}

table.links a {
  font-style:normal;
}

table.links a:hover {
  color: maroon;
  letter-spacing: 1px;
}

table.links. a.none:hover {
  color: maroon;
}

table.links tr.shading {
  background-color: #E8F1F6;
}

td.arrow {
  height: 10px;
  width: 20px;
  background-image: url('graphics/arrow.gif');
  background-repeat: no-repeat;
}

/****************************
* Price table
*****************************/
table.price {
  font-size: 8pt;
  width: 90%;
}

table.price th {
  color: slategray;	
  text-align: left;
  background-color: lightblue;	
}

td.right {
  text-align: right;
}

/****************************
* Contact page
*****************************/
div.contact {
  padding: 7px 0px 0px 7px;
  border: dashed 1px slategray;
}

div.contact b {
  color: rgb(0, 51, 102);
  font-weight: bold;
  font-size: 8pt;
}

div.contact td {
  font-size: 8pt;
  color: rgb(0, 51, 102);
}

/****************************
* Condition list
*****************************/
div.condition {
  background-color: #FDFDFD;
  font-size: 8pt;
  border: solid 1px slategray;
  padding: 2px;
}

div.condition ul {
  width: 100%;
  background-color: #FDFDFD;
  font-size: 8pt;
}

ul {
  font-size: 10pt;
} 

/****************************
* Productions/Music Page
*****************************/
table.CDlist {
  width: 100%;
  background-color: #FDFDFD;
  font-size: 8pt;
  border: solid 1px slategray;
  text-align: left;
}

table.CDlist td {
  font-size: 8pt;
  text-align: left;
  vertical-align: top;
}

td.thumb {
  width: 55px;
  height: 55px;
}

table.CDTable {
  width: 100%;
}

table.CDTable td {
  font-size: 8pt;
  text-align: left;
}

ul.artists {
  list-style-image: url(graphics/arrow_small.gif);
  position:relative; 
  left:-22px;
  top: -5px;
}

/****************************
* Booking form
*****************************/
.mailform {
  font-family: verdana, arial;
  color: black;
  font-size: 8pt;
}

.smallitalic {
  font-family: verdana, arial;
  color: maroon;
  font-size: 7pt;
  text-indent: 3px;
}