/* www.romyperrier.be */

/*-------*/
/* Basic */
/*-------*/

body {
   background-color: #202020;
   margin: 20px 0px 20px 0px;
   scrollbar-face-color: #7F7F7F;
   scrollbar-arrow-color: #F0F0F0;
   scrollbar-track-color: #FFFFFF;
   scrollbar-darkshadow-color: #F0F0F0;
}

.divSpaced {
   line-height: 1.5;
}

.divSpacedHigh {
   line-height: 1.5;
   background-color: #FFEEEE;
   padding: 10px 10px 10px 10px;
   border: solid 1px #F0CDB9;
}

.divGradient {
   font-family: verdana,arial,sans-serif;
   font-weight: bold;
   font-size: 12;
   background-color: #F4F4F4;
   background-image: url("images/gradientBackground.gif");
   background-repeat: repeat-y;
   color: #000000;
   text-align: left;
   padding: 2px 0px 2px 8px;
}

.divSmall {
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 10;
   margin: 2px 0px 2px 0px;
}

/*-------------------*/
/* Frame, Menu, Page */
/*-------------------*/

table.frame {
   width: 974px;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.frame {
   width: 974px;
}

table.menuPage {
   border-collapse: collapse;
   border-spacing: 0px;
}

td.menu {
   width: 200px;
   text-align: left;
   vertical-align: top;
}

td.page {
   width: 774;
   background-color: #F4F4F4;
   background-image: url("images/pageBackground.jpg");
   border: solid 2px #BEC8DC;
   color: #000000;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   vertical-align: top;
   padding: 0px 10px 10px 10px;
}

img.page {
   border: solid 2px #BEC8DC;
   margin: 10px 20px 10px 20px;
}

a:link.page, a:visited.page, a:active.page {
   text-decoration: none;
   color: #2222DD;
   font-weight: bold;
}

a:hover.page {
   text-decoration: underline;
   color: #7F7F7F;
   font-weight: bold;
}

input.page {
   background-color: #F4F4F4;
   border: solid 1px #BEC8DC;
   font-family: verdana,arial,sans-serif;
   font-weight: bold;
   font-size: 12;
   color: #2222DD;
   vertical-align: middle;
}

/*------*/
/* Logo */
/*------*/

img.logo {
   margin: 0px 0px 15px 0px;
}

.divPageLogo {
   text-align: right;
   margin: 2px 0px 10px 0px;
}

/*------*/
/* News */
/*------*/

.divNews {
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 10;
   text-align: left;
   margin: 2px 0px 2px 0px;
   background-color: #EEEEEE;
}

img.news {
   border: none;
   vertical-align: middle;
}

/*-----------*/
/* Interview */
/*-----------*/

table.interview {
   width: 80%;
}

td.interview {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 6px 12px 6px 12px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   line-height: 1.25;
}

/*-------*/
/* Audio */
/*-------*/

table.audio {
   border-collapse: collapse;
   border-spacing: 0px;
}

td.audio {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 6px 12px 6px 12px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 10;
   color: #000000;
   text-align: center;
}

img.audio {
   border: none;
   vertical-align: middle;
   margin: 2px 2px 2px 2px;
}

/*----------------*/
/* Picture viewer */
/*----------------*/

.divPictureViewer {
   text-align: center;
}

/*-------------*/
/* Discography */
/*-------------*/

table.discography {
   width: 85%;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.discography {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 10px 20px 12px 20px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   line-height: 1.5;
   vertical-align: middle;
   text-align: left;
}

img.discography {
   border: solid 2px #BEC8DC;
   margin: 4px 4px 2px 4px;
}

/*----------*/
/* Calendar */
/*----------*/

table.calendar {
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.calendarTitle {
   background-color: #F4F4F4;
   background-image: url("images/gradientBackground.gif");
   background-repeat: repeat-y;
   border: none;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: bold;
   font-size: 12;
   color: #000000;
   text-align: left;
}

td.calendar {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   text-align: center;
}

/*------*/
/* Link */
/*------*/

table.link {
   width: 90%;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.link {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   text-align: left;
}

img.link {
   border: none;
   vertical-align: middle;
   margin: 0px 8px 0px 0px;
}

/*---------*/
/* Contact */
/*---------*/

table.contact {
   width: 85%;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.contact {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   text-align: center;
}

/*-----------*/
/* Backstage */
/*-----------*/

table.backstage {
   width: 85%;
   border-collapse: collapse;
   border-spacing: 0px;
}

td.backstageTitle {
   background-color: #F4F4F4;
   background-image: url("images/gradientBackground.gif");
   background-repeat: repeat-y;
   border: none;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: bold;
   font-size: 12;
   color: #000000;
   text-align: left;
}

td.backstage {
   background-color: #F4F4F4;
   border: solid 1px #F0CDB9;
   padding: 8px 8px 8px 8px;
   font-family: verdana,arial,sans-serif;
   font-weight: none;
   font-size: 12;
   color: #000000;
   text-align: center;
}