body {background: black; margin:0; padding:0; width:100%; color:#c7c7c7; overflow: scroll;
      font-family: 'Verdana', 'Helvetica','Sans'; font-size:11pt;}
a {outline:none}

#container {width:1000px; margin:auto; background: transparent url('/img/nav_bg.png') 0 0 repeat-y;}
#sidepanel {float:left; width:233px; background: transparent url('/img/nav_img.jpg') 0 0 no-repeat;}

#header {float:right; margin:0; padding: 0; width:767px; height:140px; overflow:hidden;}
#header h1 {width:767px; height:140px; margin:0; padding:0; background: transparent url('/img/logo.jpg') 0 0 no-repeat;}

#nav {width:233px; margin:349px 0 40px 0;}

#nav ol {padding:0; margin:0}
#nav ol li {list-style:none; padding:0; margin:0; font-size:11pt;}
#nav ol li a {text-decoration:none; color:black; display: block; padding: 8px 0 8px 40px;}
#nav ol li a:hover {background-color:#e7e7e7}
/*#nav ol li a.submenu:hover {background: #e7e7e7 url('/img/arw_dn.png') 185px 12px no-repeat;}*/

#nav ul {padding:0; margin:0;}
#nav ul li {list-style:none; padding:0; margin:0; font-size:9pt;}
#nav ul li a {text-decoration:none; color:black; display:block;  padding: 8px 0 8px 60px}
#nav ul li a:hover {background-color:#e7e7e7;}

#content {float:right; padding:0; width:767px; min-height:590px; background-color: black;}
#content p {margin:0 32px 10px 32px; line-height: 140%; text-align: justify;}

#content h1 {margin:0 32px 10px 32px; color:white; font-size:1.3em; font-weight:normal;}
#content h2 {margin:0 32px 10px 32px; color:white; font-size:1.1em; font-weight:normal;}
#content h3 {margin:0 32px 10px 32px; color:#cae0e1; font-size:1.0em; font-weight:normal; font-style: italic;}
#content h4 {margin:0 32px 10px 32px; color:white; font-size:1.0em; font-weight:normal; font-style: normal;}

#content ul {margin: 0 32px 10px 32px; padding:0;  display:block;}
#content ul li {list-style: none; margin:0 0 2px 16px;}

#content a {text-decoration: none; color: #99ccff;}
#content a:hover {color: #aad0f1;}

#footer {clear: both; width:1000px; background-color:black; margin: 0 0 40px 0;}
#footer p {padding: 16px 0 16px 0; font-size: 0.75em; color: #444; text-align: center}
#footer a {text-decoration: none; color: #666;}
#footer a:hover {text-decoration: none; color: #888;}

#backtotop {float:right; padding:0; width:767px; background-color: black;}
#backtotop a {margin-left:32px; padding-left:16px; background: transparent url('/img/arw_up.png') 0 4px no-repeat; text-decoration: none; color: #99ccff;}
#backtotop a:hover {color: #aad0f1;}

/* DICOGRAPHY */

#discography #cd {padding:0; margin: 0 0 40px 150px;}
#discography #cd h1 {font-size:1.0em; font-weight: bold; margin: 16px 0 0 132px;}
#discography #cd h2 {font-size:1.0em; font-weight: normal; font-style: italic; margin: 0 0 10px 132px;}
#discography #cd ol {margin: 0 0 16px 132px;}
#discography #cd ol li {list-style:decimal;}
#discography #cd img {float:left; margin: 0 0 0 32px; border: 0 none;}
/* #dicography #cd a {color:#cceeff; padding-left: 17px; background:transparent url('/img/snd.gif') 0 2px no-repeat; font-weight: bold;} */
#discography #cd a {color:#cceeff; margin-left:2px; font-weight: bold;}
#discography #cd a:hover {color:#eeefff}
#discography p {margin: 0 0 0 140px; font-size: 0.75em;}

#discography2 #cd {padding:0; margin: 0 0 40px 110px;}
#discography2 #cd h1 {font-size:1.0em; font-weight: bold; margin: 16px 0 0 132px;}
#discography2 #cd h2 {font-size:1.0em; font-weight: normal; font-style: italic; margin: 0 0 10px 132px;}
#discography2 #cd ol {margin: 0 0 16px 132px;}
#discography2 #cd ol li {list-style:decima;}
#discography2 #cd img {float:left; margin: 0 0 0 32px; border: 0 none;}
/* #dicography2 #cd a {color:#cceeff; padding-left: 17px; background:transparent url('/img/snd.gif') 0 2px no-repeat; font-weight: bold;} */
#discography2 #cd a {color:#cceeff; margin-left:2px; font-weight: bold;}
#discography2 #cd a:hover {color:#eeefff}
#discography2 p {margin: 0 0 0 140px; font-size: 0.75em;}


/*DEAIL*/
#detail p {margin-left: 48px;}

/* REPERTOIRE */
#repertoire {margin: 0 0 32px 32px;}
#repertorie table {margin: 0; padding:0}
#repertoire th {margin:0; padding:2px 8px 2px 0; text-align:left; color:white; border: 0 none; font-size: 0.9em;}
#repertoire td {margin:0; padding:2px 8px 2px 0; vertical-align: top; border: 0 none; font-size: 0.9em;}

/* CONTACT */
#contact {margin: 0 0 0 32px;}
#contact table {width: 60%;}
#contact input {border: 0 none; width:256px;}
#contact textarea {border: 0 none; width:256px; height:128px;}
#contact submit {background-color: red;}
#contact td {margin:0; padding:2px; vertical-align: top; border: 0 none; width:50%;}
#contact .btSubmit {background-color:#9f4724; color:white}

/*GALLERY*/
#gallery img {border: 1px solid transparent; float:left}
#gallery img:hover {border: 1px solid #777;}

#gallery ol {margin:0 0 0 32px; padding:0;}
#gallery ol li {list-style:none; padding:0; margin: 0 0 8px 0; width:100%; min-height: 66px}
#gallery ol li h1 {margin: 0 0 0 74px; font-size:1.0em; font-weight: normal; color:white;}
#gallery ol li p {margin-left:74px;}

#gallery ul {margin:0 0 0 32px; padding:0; background-color: #171717;}
#gallery ul li {list-style:none; padding:0; margin: 0 16px 16px 0; width:66px; height:66px; float:left; background-color: #333;}

/*REFERENCE*/
#reference {background: transparent url('/img/reference.jpg') right bottom no-repeat; }

/*COMMENTS*/
#comments {background: transparent url('/img/comments.jpg') right bottom no-repeat; }

/*COMPLEMENTS*/
#complements {background: transparent url('/img/complements.jpg') right top no-repeat; }
#complements #signature {font-style: italic; color:white; text-align:right; margin: 0 32px 10px 32px; font-size: 0.9em}

#yt {text-align: center; padding: 0; margin:0 0 32px 32px;}
#yt h1 {font-family: 'Arial', 'Verdana', 'Sans'; color: white; font-size: 13pt; margin:0 0 10px 0; padding:0}

#signature {font-style: italic; color:white; text-align:right; margin: 0 32px 32px 32px; font-size: 0.9em}

#errmsg {color:#f00;}
#okmsg {color:#080}

#imgview {position:fixed; top:0; left: 0; width:100%; height:100%; overflow:auto; background-color: black; text-align: center;}
#imgview img {border: 0 none; float:none;}
#imgview img:hover {border: 0 none; float:none;}
#imgview h1 {margin:0; padding:0; font-size: 1.0em; font-weight: normal; color:white;}
#imgview p {margin:0; padding:0; text-align: center;}

#smallimgview {position:fixed; top:0; left: 0; width:100%; height:100%; overflow:auto; background-color: transparent; text-align: center; vertical-align: middle;}
#smallimgview img {border: 0 none; float:none; border:1px solid white;}
#smallimgview img:hover {border: 0 none; float:none; border:1px solid white;}

#updateinfo {position:absolute; width:1000px; }
#updateinfo p {margin:10px 0 0 0; padding: 0 32px 0 0; font-size: 0.75em; color: #666; text-align: right}

.ytlink {background: transparent url('/img/yt.gif') 0 2px no-repeat; padding-left: 20px;}
.justify {text-align: justify;}
.center {text-align: center;}
.right {text-align: right;}
.floatR {float:right;}
.clickable {cursor:pointer;}