/* stylesheet for June 2003 LS Redesign */

body {
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    font-family: Arial, sans-serif;
    z-index:0;
    }

h2 {text-align: right; 
    color: #FF1111; 
    border-style: solid none; 
    border-width: thin; 
    border-color: #999999 transparent; 
    font-style:italic; 
    padding: 10px 0px;
    }

h3 {color: #FF0000}

input {cursor: pointer;}

a {border-width: 0}
a:link { color: #666666; text-decoration: none }
a:active { color: #666666; text-decoration: none }
a:visited { color: #666666; text-decoration: none }
a:hover { color: #FF0033; text-decoration: none}


.menuOut1 span {visibility:hidden;}
.menuOver1 span {visibility: visible;color:#333333}


div.logo {
    position: absolute;
    top: 40px;
    left: 330px;
    width: 475px;
    height: 80px;
    border: 0px dashed #FF0000;
    background-image: url('../images/cartouche.gif');
    background-repeat: no-repeat;
    z-index:1;
    }

div.logo img {
    margin: 5px 20px; 
    height: 70px;
    width: 425px;
    border: 0px;
    }


div.main {
    position:relative;
    margin-left: 230px;
    margin-top: 180px;
    border: 2px solid #000000;
    padding: 15px;
    margin-right: 30px;
    margin-bottom: 25px;
    z-index: 100000;
    color: #0000BB;
    background-color:#FFFFFF;
    }

div#print {
    display:none;
    z-index:1;
    }

div.privacy { margin-left:260px; z-index:1;}


    
div#rootnav {
    position: absolute;
    top: 265px;
    left: 50px;
    z-index: 3;
    border: 0px dashed #FF0000;
    width:150px;  
    }

/* Navmenu Based on http://www.meyerweb.com/eric/css/edge/popups/demo2.html, by Eric Meyer  */
    
div#rootnav a {
   display: block; 
   text-align: center; 
   font: 1em arial;
   text-transform: lowercase;
   padding: 3px 10px; 
   margin: 0px 0px 1px 0px; 
   text-decoration: none; 
   color: #000000; 
   background: #CCCCCC;
   border: 2px solid #000000;
   }

div#rootnav a:hover {
   color: #000; 
   background: #FFEB5D;
   border-right: 2px double #000000;}
       
div#rootnav a img {height: 0; width: 0; border-width: 0;}

div#rootnav a:hover img {position: absolute;
    top: -60px; left: 50px; height: 50px; width: 50px; border-width:1px;}

 /* End of Navmenu Based on http://www.meyerweb.com/eric/css/edge/popups/demo2.html, by Eric Meyer  */ 

/*The padding:0px in the UL def maked the li's not have an indent 
    The margin part is necessary for IE*/

div#rootnav ul{
    list-style-type:none; 
    list-style-position: outside;
    list-style-image:none;
    padding:0px;
    margin:0px;
    }

div#rootnav li {display:inline;}
    
/* Based on Mark Pilgrim's Pure CSS Tabs http://diveintomark.org/archives/2003/05/01/css_tabs_redux.html */
   
body.home #rootnav li#home a,
body.catalog #rootnav li#catalog a,
body.artists #rootnav li#artists a,
body.listen #rootnav li#listen a,
body.contact #rootnav li#contact a,
body.news #rootnav li#news a,
body.links #rootnav li#links a
  {
  background-color: #999999;
  color: #000000;  
  }

body.home #rootnav li#home a:hover,
body.catalog #rootnav li#catalog a:hover,
body.artists #rootnav li#artists a:hover,
body.listen #rootnav li#listen a:hover,
body.contact #rootnav li#contact a:hover,
body.news #rootnav li#news a:hover,
body.links #rootnav li#links a:hover
   {
   color: #000000; 
   background: #FFEB5D;
   border-right: 2px double #000000; 
   }
    
  /* End Mark Pilgrim Section */    

#rootnav img#llama {position: relative;
    left: 25px; top: 15px; height: 120px; width: 90px; border: 0;}

div.searchbar {
    width:100%;
    position: absolute;
    margin-left: 0px;
    margin-top; 0px;
    left: 340px;
    top: 130px;
    z-index:1;
    }
    
div#subnav {
    font-size:smaller;
    float:left;
    margin: 10px 0px; 
    padding: 10px; 
    border: 1px solid #000000;
    }