/* Anne DuFour */


/* Code to remove browser defaults */
* {padding: 0px; margin: 0px; }


  a:link {color: #0000FF;}
  a:visited {color: #FFFFFF;}
  a:hover {color: #FF0000;}
  /*a:active {color: #0000FF} */

#pageWrapper  { /*border: 10px solid #0000FF; */
                width: 75%;  
                margin-left: auto;
                margin-right: auto;
                background-color: #000000;
                color: #FFFFFF;
                /*background-image:url(media/backgroundstripes.jpg)*/
               }

               
body { background-image:url(media/fire3.jpg)  }

#logo         {  /*border: 1px solid #FF0000;*/ 
                 /*padding-bottom: 1px;*/  
                 margin-bottom: 3px;
               }

#todaysdate {font-size: 18px;
          font-style: italic;
          color: #FFFFFF;
          font-family: "Century Gothic", "Tempus Sans ITC", sans-serif;
          margin-right: 10px;
          margin-top: 5px;
          text-align: right;
          }

#city {font-size: 20px;
          font-style: italic;
          color: #99FF33;
          font-family: "Century Gothic", "Tempus Sans ITC", sans-serif;
          margin-right: 10px;
          margin-top: 5px;
          text-align: right;
          }

#gigalert   { border: 5px solid #FF0000; 
           font-family:  Arial, sans-serif;           
           font-size: 16px;
           background-color: #0000FF;
           color: #FFFFFF;
           font-style: bold;
           margin-top: 5px;
           margin-right: 15px;
           padding: 10px;
           width: 45%;
           float: right;
          }

          
#gigalertlink {font-family: Arial, sans-serif;           
              font-size: 12px;
              text-align: right;
              color: #FFFFFF;
               }        
          
/* BUTTON DEFINITONS */

.button {border: 5px solid #FFFFFF;
       	 padding-left: 5px; 
         padding-right: 5px;
         padding-top: 2px;
         padding-bottom: 2px;
         margin-left: 15px;
         margin-right: 5px;
         margin-top: 5px;
         margin-bottom: 5px;
		 background-color: #333333;
		 font-family:   Arial, sans-serif;
		 font-size: 14px;
         text-align: center;
		 font-weight: bold;
		 border-style: outset;
         display: block;
         text-decoration: none;
         
         }

a.button:link    {color: #00FF00; border-style: outset; }
a.button:visited {color: #DDDDDD; }
a.button:hover   {color: #FF3300; border-style: inset; }    
/* a.button:active  {color: #FF0000; border-style: outset; } */  


         
#nav   {  /*border: 1px solid #FF0000;*/ 
          padding-top: 5px;
          padding-bottom: 5px;
          margin-top: 5px;
          margin-bottom: 5px; 
          float: left;
          width: 15%;
          }


#right     {  /*border: 1px solid #FF0000;*/ 
          float: right;
          width: 82%;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 5px;
          margin-right: 5px;
          margin-top: 5px;
          margin-bottom: 5px;
          font-size: 16px;  
          
     /* background-image: url(media/bioback.jpg);*/
              }


#biosummary { /*border: 1px solid #FF0000;*/ 
        
         width: 80%;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-left: 5px;
          margin-right: 5px;
          margin-top: 10px;
          margin-bottom: 5px;
          font-size: 16px;
          float: right;  
          
     /* background-image: url(media/bioback2.jpg);*/
              }

         
         
 #footer { font-size: 16px;
           text-align: center;
           color: #FFFFFF;
           background-color:  #000000;
           padding-top: 20px;
           font-family: Arial, sans-serif;
           margin-top: 25px;
	/* border: 1px solid #FF0000;*/ 
           clear:both;
           }
     
     #songlist {
     
      background-image: url(media/music-staff-black.jpg);
      }        
	
    
  #bandform {
           /*border: 5px solid #123456;*/ 
           font-family: Arial;          
           font-size: 18px;
           font-weight: bold;
           color:  #FF3300;
           margin-left: 50px;
           margin-top: 5px;
           margin-bottom: 5px;
           padding-top: 5px;
           padding-bottom: 5px;
           width: 75%;
           float: right;
        }  
 
    #forminfo {
           /* border: 5px solid #123456; */
         padding-top:5px;
           padding-bottom: 5px;
           margin-right: 5px;
           margin-top: 5px;
           font-family: "Tempus Sans ITC",  Arial, sans-serif;
           font-size: 42px;
           float: right;
           width: 30%;
       }
  
  .formtext {
          
           margin-left: 5px;
           margin-right: 5px;
           margin-top: 5px;
           margin-bottom: 5px;
           padding-top: 5px;
           padding-bottom: 5px;
           padding-left: 10px;}  
    
  .formbutton { 
           padding-top:5px;
           padding-bottom: 5px;
           margin-left: 15px;
           margin-top: 15px;
           font-family: "Century Gothic", "Tempus Sans ITC", sans-serif;
           font-size: 14px;
             }
             


#calendarupcoming     {  /*border: 1px solid #0000FF; */
          float: left;
          width: 75%;
          padding-top: 15px;
          padding-bottom: 15px;
          margin-left: 25px;
          margin-bottom: 5px; 
          font-size: 10px;
                }

#calendarpast     {  /*border: 1px solid #0000FF; */
          float: left;
          width: 60%;
          padding-top: 10px;
          padding-bottom: 5px;
          padding-left: 5px;
          margin-left: 150px;
          margin-right: 5px;
          margin-top: 5px;
          margin-bottom: 5px;
          font-size: 14px;  
              }


.pastdates     {  /*border: 1px solid #0000FF; */
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 5px;
          font-size: 14px;
          font-family: Arial, sans-serif;
          color: #987654;  
              }



.gignote { font-family:  "Century Gothic",  Arial, sans-serif; 
	    font-size: 24px;
        font-style: italic;
        font-weight: bold;
		color: #987654;
        margin-top: 25px;
        padding-left: 5px;
        padding-bottom: 10px; }
        
.gigtext { font-family:  "Tempus Sans ITC", Arial, sans-serif; 
	    font-size: 24px;
        font-weight: bolder;
		color: #FFFF00;
        margin-left: 5px;
        padding-top:40px;
        padding-right: 10px;
        }





	table {width: 95%;
	       margin: auto;
		   vertical-align: top;
            border: 7px dotted #555555;
		   }
	
/*used with javascript */
   .songlistodd{background-color: #FF3300; }

    
	caption{font-family:  "Century Gothic", "Tempus Sans ITC", sans-serif; 
	    font-weight: bold; 
        font-size: 18px;
        color: #FF3300; 
		background-color: #000000; /* grey */
        padding-left: 15px;
        padding-bottom: 5px;
		padding-top: 5px;
        border: 5px solid #FF2200;
                
		}
	
    
	th {font-family:  "Century Gothic", "Tempus Sans ITC", sans-serif; 
	    font-weight: bold; 
        font-size: 18px;
        color: #FF3300;  /*orange */
		background-color: #333333; /* grey */
		padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
		padding-top: 5px;
                
		}
				
	td {font-family:  Arial, sans-serif; 
	    font-size: 12px;
        font-weight: bold;
		color: #FFFFFF;
	/*	background-color: #555555;*/ /*grey */
		padding-bottom: 5px;
		padding-top: 5px;
        padding-left: 15px;
          }	

         
.intropara {font-family:   Arial, sans-serif; 
	    font-size: 14px;
        font-weight: bold;
		color: #FF3300;
        margin-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 10px; }

		
.biolist {font-family:  "Century Gothic", Arial, sans-serif; 
	    font-size: 14px;
        font-weight: bold;
		color: #FFFFFF;
        margin-left: 15px;
        margin-right: 10px;
        padding-top: 10px;
        padding-right: 30px; }
        

        
/* BAND BIOS STYLES  */


.muscian-name {
          font-family: "Century Gothic", Arial, sans-serif;
          color: #FF6600;
          font-size: 24px;
          padding-left: 15px;
          font-weight: bold; 
          
               }

.role          {
           font-family: "Century Gothic", Arial, sans-serif;
          color: #FF6600;
          font-size: 14px;
          padding-left: 15px;
        /*  font-style: italic; */
                       
               }


#bandbios {width: 95%;
          font-family: "Century Gothic", Arial, sans-serif;
          color: #66FFFF;
          font-size: 18px; 
          margin-left: 175px; 
       /*   margin-right: auto; */
         /* border: 1px solid #FF0000;*/ 
         
         }  
  
.biotext {font-family: Arial, sans-serif;
           font-size: 14px;
           color: #FFFFFF;
           margin-top: 15px;
           padding-bottom: 15px;
           padding-left: 15px;
           padding-right: 15px; }
                
                
#Rita {font-family: Arial, sans-serif;
      
       border: 10px outset #CCCCCC; 
       margin-top: 15px;
       margin-bottom: 15px;
       margin-left: 25px;
       margin-right: 25px;
       background-color: #660033;
       width: 75%;
       }
       
                
                
#Mike {font-family: Arial, sans-serif;
       font-size: 14px;
   border: 10px outset #CCCCCC; 
       margin-top: 15px;
       margin-bottom: 15px;
       margin-left: 25px;
       margin-right: 25px;
       background-color:#003333;
       width: 75%;
       }
       
       
#DanD {font-family: Arial, sans-serif;
border: 10px outset #CCCCCC; 
      margin-top: 15px;
       margin-bottom: 15px;
     margin-left: 25px;
       margin-right: 25px;
       background-color: #663300;
       width: 75%;
      
       }
       
       
#DanH {font-family: Arial, sans-serif;
 border: 10px outset #CCCCCC; 
       margin-top: 15px;
       margin-bottom: 15px;
            margin-left: 25px;
       margin-right: 25px;
       background-color: #000099;
       width: 75%;
       }
       
                
                
#Dave {font-family: Arial, sans-serif;
   border: 10px outset #CCCCCC; 
       margin-top: 15px;
       margin-bottom: 15px;
     margin-left: 25px;
       margin-right: 25px;
         background-color: #333333;
       width: 75%; 
       }             
   

#MikeR {font-family: Arial, sans-serif;
     border: 10px outset #CCCCCC; 
        margin-top: 15px;
       margin-bottom: 15px;
           margin-left: 25px;
       margin-right: 25px;
       background-color:  #333300;
       width: 75%; 
      }
      

 .soundlist {color: #00DD00;
             padding-top: 10px; }     
      
#soundclips     {  /*border: 1px solid #0000FF;*/ 
          float: right;
          width: 30%;
          padding-top: 15px;
          padding-bottom: 5px;
          padding-left: 25px;
          margin-left: 10px;
          margin-right: 15px;
          margin-bottom: 5px; 
          font-size: 14px;
          font-weight: bolder;
          background-color: #000000;
          color: #FFFFFF;
          font-family: "Tempus Sans ITC", Arial, sans-serif;
                          }
                          
#player {float: left;
/*border: 1px solid #0000FF; */
      width: 45%;
      margin-left: 45px;
       
          }