body { background: #00628d url(img/bg_body.jpg) no-repeat 50% 0%; margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 0.8em; }


a { color: #f19302; text-decoration: none; padding: 0 0 1px 0; outline: none; }
a:hover { color: #A96701; color: #999999; color: #fff; background: #f19302; }

img { border: none; }

.spacer { clear: both; }

h1, h2, h3, h4 , h5 { font-weight: normal; }


div, p { margin: 0; padding: 0; }
.main { margin: 0 auto 0 auto; padding: 0; width: 930px; position: relative; background: url(img/bg_body.jpg) no-repeat 0% 0%; }






#header {  }


#col { float: left; width: 210px; /*border-right: 1px dotted #ccc;*/}

#col h1 { float: left; width: 210px; height: 224px; padding: 0; margin: 0; }
#col h1 a { float: left; width: 210px; height: 224px; padding: 0; margin: 0; background: url('img/bg_namaste.jpg') no-repeat; text-indent: -10000px; }

#menu ul { float: left; list-style: none; padding: 28px 0 30px 20px; margin: 0; }
#menu ul li { float: left; padding: 0; margin: 1px 0 1px 0; }
#menu ul li a { float: left; width: 146px; height: 19px; text-indent: -10000px; margin: 0; padding: 0; }

#menu ul li a.home { background: url(img/btn_home.jpg) no-repeat 0% 0%; }
#menu ul li a.bio { background: url(img/btn_bio.jpg) no-repeat 0% 0%; }
#menu ul li a.concerts { background: url(img/btn_concerts.jpg) no-repeat 0% 0%; }
#menu ul li a.disco { background: url(img/btn_disco.jpg) no-repeat 0% 0%; }
#menu ul li a.photos { background: url(img/btn_photos.jpg) no-repeat 0% 0%; }
#menu ul li a.contact { background: url(img/btn_contact.jpg) no-repeat 0% 0%; }
#menu ul li a.links { background: url(img/btn_links.jpg) no-repeat 0% 0%; }

/*#menu ul li a:visited { background-position: 0% -34px; }*/
#menu ul li a:hover, #menu ul li a.aktiv { background-position: 0% -19px; }


#content { float: left; width: 670px;  padding: 10px 10px 20px 10px; margin: 253px 0 0 10px; background: #fff; text-align: justify; font-size: 0.9em; }

#content .imgTitle { padding: 0px 0 20px 0; }

#content h2 { font-size: 1em; /*border-bottom: 1px dotted #ccc;*/ margin: 10px 0 10px 0; padding: 0 0 10px 0; font-weight: bold; }
#content h3 { font-size: 1em; font-weight: bold; }


#player { padding: 0px 0 20px 20px; }
#player a { float: left; background: url(img/lecteur-namaste.jpg) no-repeat; width: 181px; height: 20px; text-indent: -10000px; }

#newsletter { /*border-top: 1px dotted #ccc;*/ padding: 22px 0 10px 0; margin: 25px 0 0 20px; background: url(img/bg_newsletter.jpg) no-repeat 0% 0%; }
#newsletter input  { float: left ; padding: 0; margin: 0; }
#newsletter .txtInput { width: 112px; margin-right: 2px; padding: 0px; height: 13px; }
body:nth-of-type(1) #newsletter .txtInput { padding: 1px; }
#newsletter #submitter { margin: 0; padding: 0; }
#newsletter #log_res { background: #fff; color: #f19302; font-weight: bold; width: 146px; margin-top: 3px; padding: 0 0 0 10px; text-align: left; }

#cpoyR { font-size: 0.8em;  padding: 20px 0 0 20px; text-align: center; color: #fff; text-align: left; }
#cpoyR .links a { ;color: #fff; }
#cpoyR .links a:hover { ;color: #f19302; background: transparent; }
#cpoyR .logos { padding: 5px 0 0 0; }
#cpoyR .logos a { float: left;  height: 31px; text-indent: -10000px; }

#footer { color: #4A4A4A; margin-top: 10px; }
#footer h5 { font-size: 2em; color: #333; margin: 20px 0 10px 0; }


#logoInteraction {  width: 31px; background: url(img/logo-interaction.jpg) no-repeat;  }
#logoLittleDesk {  width: 42px; background: url(img/logo-littledesk.jpg) no-repeat;  }
#logoRw {  width: 36px; background: url(img/logo-rw.png) no-repeat;  }
* html #logoRw {  background: url(img/logo-rw.gif) no-repeat;  }

hr { background: url(img/border-dark.jpg) repeat-x 50% 100%; border: none; padding: 10px 0 0 0; margin: 0 0 20px 0; }

/* home */
.divHome { padding: 0 0 10px; border-bottom: 1px dotted #ccc; }

.cLeft1 { float: left; width: 450px; }
.cRight1 { float: left;  width: 190px; }
.cSep1 { float: left; width: 30px; height: 10px;  }

.cLeft1 h3 { padding: 0 0 10px 0; margin: 0 0 0 0;  background: url(img/border-dark.jpg) repeat-x 0% 100%; }
.cRight1 h3 { padding: 0 0 10px 0; margin: 0 0 0 0; background: url(img/border-dark.jpg) repeat-x 0% 100%; }

.hNews {  padding: 10px 0 10px 0; }
.hNews h4 { font-size: 1em; font-weight: bold; padding: 0 0 5px 0; margin: 0 0 5px 0; background: url(img/border-orange.jpg) repeat-x 0% 100%; }
.hNews .date { float: right; color: #666; font-weight: bold; }

.hGig {  background: url(img/border-light.jpg) repeat-x 0% 100%; padding: 10px 0 10px 0; text-align: left; }
.hGig h4 { font-size: 1em; padding: 0 0 0 0; margin: 0; }
.hGig .city { font-weight: bold; }
.hGig .date { color: #666; font-weight: bold; }
.hGig p.imgRight { float: right; margin: 0 0 10px 10px; }
.hGig .venue { white-space:nowrap; color: #f19302; }
.allGigs { padding: 10px 0 0 0; }
.allGigs a { font-weight: bold;  }
/* bio */

.musicien { padding: 0 0 10px 0; margin: 0 0 10px 0; text-align: justify; background: url(img/border-orange.jpg) repeat-x 0% 100%; }
.musicien img { float: left; margin: 0 10px 5px 0;}
.musicien h4 { padding: 0; margin: 0; font-weight: bold; }
.musicien .musImg { float: left; width: 110px; height: 75px; background-color: transparent; background-repeat: no-repeat; text-indent: -10000px; margin: 0 10px 0 0; }
.musicien .musiRight { float: left; width: 550px; }
.sepMusicien { float: left; width: 20px; height: 10px; }

.instruments { color: #f19302; }

/* concerts */

.cGig { background: url(img/border-light.jpg) repeat-x 0% 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.cGig h4 { font-size: 1em; font-weight: bold; padding: 0 0 0 0; margin: 0; }
.cGig p { color: #4d4d4d; font-weight: bold; }
.cGig .city { text-transform: uppercase; color: #000; font-weight: normal; }
.cGig .date { float: right; font-weight: bold; color: #666; }
.cGig a { font-weight: bold; }
.cGig .imgLeft { float: left; margin: 0 5px 0 0; }

#archives h2 { background: url(img/border-dark.jpg) repeat-x 0% 100%; }

.cArchiveDate {  padding: 0; margin: 0 0 5px 0; font-weight: bold; font-size: 1em; color: #000; cursor: pointer; }
.cArchiveDate span { font-weight: normal; }
.cArchiveDate span.plus { font-weight: bold; color: #f19302; }

#archives .cGig { margin: 0 0 5px 27px; }
#archives .cGig h4 { font-weight: normal; color: #f19302; }
#archives .cGig p { font-weight: normal; color: #000; }
#archives .cGig .city { color: #000; font-weight: bold; text-transform: none; }
#archives .cGig .date { float: right; font-weight: bold; color: #666; }
/* disco */

.cLeft2 { float: left; width: 500px; padding: 0 0 0 0; }
.cRight2 { float: left;  width: 168px;  /*border-bottom: 1px dotted #ccc;*/ padding: 0 0 20px 0; }
.cSep2 { float: left; width: 30px; height: 10px;  }

.cRight2 h3, .cLeft2 h3 { background: url(img/border-dark.jpg) repeat-x 0% 100%; padding: 0 0 10px 0;   }
.cLeft2 h3 { color: #f19302; }

.cLeft2 h5 { padding: 0 0 5px 0;  margin: 0 0 5px 0; background: url(img/border-orange.jpg) repeat-x 0% 100%; font-size: 1em; font-weight: bold; }
.cRight2 h5 { font-size: 1em; padding: 0 0 0 0; margin: 0 0 20px 0;  }
#dTab, #dMenu { list-style: none; padding: 0; margin: 0; }
.imgLeft { float: left; margin: 0 10px 0 0;  }
#tracklist { float: left; width: 240px; }
.trackList { list-style: none; text-align: left; margin: 0; padding: 0; }
.trackList li a.deadLink { color: #000; background: transparent; cursor: default; }

#goodbabaForm { background: #ddd; padding: 5px; }
/*  photos  */ 
.tofs { text-align: left; }
.tofs a { float: left; padding:0; background: transparent; border: 2px solid transparent; }
.tofs a:hover { border: 2px solid #f19302; }

/* contact */

.cLeft3 { float: left; width: 420px; /*border-right: 2px solid #111;*/ }
.cRight3 { float: left;  width: 250px; text-align: right; }
.cSep3 { float: left; width: 30px; height: 10px;  }

.cLeft3 h3, .cRight3 h3 { background: url(img/border-dark.jpg) repeat-x 0% 100%; padding: 0 0 10px 0; }

.cRight3 a { font-weight: bold; }

.cLeft3 form label { display: block; padding: 0 0 5px 0; font-weight: bold; }
.cLeft3 form p { padding: 0 0 5px 0; }
.cLeft3 form .txtInput {  width: 400px; padding: 5px; font-size: 1.4em; background: #EEE; border: none; border-bottom: 2px solid #CCC; color: #00628d;  }
.cLeft3 form .txtInput:hover, .cLeft3 form .txtInput:focus { background: #FFF9EF; }
.cLeft3 form .txtAreaInput textarea { background: #EEE; border: none; border-bottom: 2px solid #CCC; width: 400px; height: 130px; padding: 5px; font-size: 1.4em; color: #00628d; font-family: Verdana, Arial; }
.cLeft3 form .txtAreaInput textarea:hover, .cLeft3 form .txtAreaInput textarea:focus { background: #FFF9EF; }

#error { background: red; padding: 10px 10px 10px 20px; font-weight: bold; }
#succes { background: blue; padding: 10px 10px 10px 20px; font-weight: bold; color: #fff; }

/* links */

.linkType { float: left; width: 350px; }

.linkType ul { list-style: none; padding: 0; margin: 0;  }
.linkType ul li p {  }
.linkType h4 { padding: 0; margin: 10px 0 0 0; font-weight: bold; }

.thx { padding: 50px 0 0 0; color: #999; font-size: 0.9em; }
