/* formatting for left menu */
div.menu {
   position: absolute;
   top:0px;
   left:0px;
   padding:10px;          
   width: 140px;
   height: 800px;
   background-color: #ffffff;
   background-image: url(http://www.leesliquorlounge.com/images/back2.jpg); 
   background-repeat: repeat-y;
}

/* main content window */
div.main {
   position: absolute;
   top:0px;
   left:140px;
   padding:10px;        
   width: 800px;
   background-color: #ffffff;
   z-index:3;
}

/* used on history page 
------------------------ */
p.regular {
	color: #000000; 
	font-size:16px; 
	font-weight: 400;
	font-family: cursive, tahoma, arial, verdana;
}

h1 {
	color: #000000; 
	font-size:24px; 
	font-weight: 900;
	font-family: cursive, tahoma, arial, verdana;
}

/* calendar formatting 
-----------------------  */ 
div.calHeader {
    position: relative;
    background-color: #000000;
	font-size:16px; 
	font-weight: 700;
	font-family: tahoma, arial, verdana;
	color: #FFCC00; 
	padding: 5px;
	height: 25px;
}                                                         

/* used for calendar view options */
a.red {
    color: #FF0000;
    font-size: 14px;
    font-family: tahoma, arial, verdana;    
}

div.OptOn {
    background-color: #FFFFFF;
    text-align: center;
    border: medium groove;
 
}

div.OptOff {
    background-color: #FF0000;
	color: #FFFFFF; 
    text-align: center;
    border: medium groove;
    font-size: 14px;
}

/* used for band hyperlinks */
a.band {
    color: #FF0000;
    font-size: 14px;
    font-family: verdana, tahoma, arial; 
	font-weight: 600;       
}

/* used for band hyperlinks on featured page*/
a.bigband {
    color: #FF0000;
    font-size: 16px;
    font-family: verdana, tahoma, arial; 
	font-weight: 800;       

}

div.event1 {
    background-color: #ffffff;
	font-size:10px; 
	font-weight: 400;
	font-family: verdana, tahoma, arial;
	padding: 5px;
	border: medium ridge;
}


div.separator
{
    margin-bottom:1px;
    clear: left;
}

div.eventWhen {
    float: left;
    width: 10%;
}

div.eventDate {
	font-size:24px; 
	font-weight: 900;
	font-family: arial, tahoma, verdana;
	vertical-align: text-bottom;
	text-align: center;
}

div.featuredDate {
	font-size:28px; 
	font-weight: 900;
	font-family: arial, tahoma, verdana;
	vertical-align: text-bottom;
	text-align: center;
}

div.eventDay {
	font-size:10px; 
	font-weight: 400;
	font-family: tahoma, arial, verdana;
	vertical-align: text-top;
	text-align: center;
}

div.eventDesc {
    float:left;
    width:75%;
    text-align:center;
    padding:5px;
	font-size:14px; 
	font-weight: 700;
	font-family: verdana, tahoma, arial;

}

div.eventDetails {
    float:right;
    width:10%;
    text-align:right;
    padding:5px;
	font-size:12px; 
	font-weight: 700;
	font-family: verdana, tahoma, arial, ;
    
}

/* EVENT DESCRIPTION FORMATS 
    Divs used to format event descriptions on featured and complete pages */

div.descPic {
    float:left;
    width:35%;
    padding: 5px;
    text-align:center;
}

div.descPicText {
    float:left;
    width:50%;
    padding: 10px;
    text-align:right;
	font-size:14px; 
	font-weight: 500;
	font-family: verdana, tahoma, arial;    
}


div.descThumb {
    float:left;
    width:20%;
    padding: 5px;
    text-align: center;
}

div.descThumbText {
    float:left;
    width:55%;
    padding: 5px;
    text-align: center;
	font-size:12px; 
	font-weight: 700;
	font-family: verdana, tahoma, arial;    
}

/* JUKEBOX */
div.jukeTop {
    position: absolute;
    height: 642px;
    top: 5px;
    background-image: url(images/jukeTop.jpg);
    width: 790px;
}

div.jukePic {
    position: absolute;
    left: 352px;
    top: 260px; 
    width: 99px;
    height: 159px;
    background-image: url(images/jukePicBg.jpg);   
}

div.jukeNowPlaying {
    position: absolute;
    left: 322px;
    top: 580px; 
    width: 166px;
    height: 32px;
    border-style: hidden;    
}

div.jukeControl {
    position: absolute;
    left: 296px;
    top: 465px; 
    width: 209px;
    height: 92px;
    background-color: #990000;
    border-style: outset;
    border-color: #66ff99;    
}

div.jukeSelections {
    position: absolute;
    top: 647px;
    left: 14px; 
    width: 790px;
    height: auto;
    border-style: hidden;
}

div.jukeRow {
    position: relative;
    left: 3px; 
    width: 772px;
    height: 57px;
    border-style: hidden;    
    background-image: url(images/jukeRowBg.jpg); 
}

div.jukeBuffer {
    position: relative; 
    width: 773px;
    height: 57px;
    left: -1px;
    background-image: url(images/jukeRowBg.jpg);
    border-style: hidden;
    background-repeat: no-repeat; 

}

div.jukeBase {
    position: relative; 
    width: 773px;
    height: 320px;
    left: 2px;
    background-image: url(images/jukeBase.jpg);
    border-style: hidden;

}
div.jukeTrackLeft {
    position: relative;
    float: left;
    top: 2px;
    background-color: #FFFFFF;
    height: 37px;
    border-style: ridge;
    border-width: 4px;
    left: 152px;
    width: 205px;
    text-align: center;
	font-size:14px; 
	font-weight: bold;
	font-family: arial, verdana;
    padding: 4px;    
	color: #990000;
}

div.jukeTrackRight {
    position: relative;
    float: left;
    background-color: #FFFFFF;
    height: 37px;
    top: 2px;
    border-style: ridge;
    border-width: 4px;
    left: 185px;
    width: 205px;
    padding: 4px;    
}
div.jukeTrackAct {
    position: relative;
    width: 205px;
    text-align: center;
	font-size:14px; 
	font-weight: bold;
	font-family: sans-serif, arial, verdana;
	color: #990000;    
}
div.jukeTrackLink {
    position: relative;
    top: 6px;
    width: 205px;
	font-size:10px; 
	font-family: sans-serif, arial, verdana;
	color: #990000;
    text-align: center;
}

/* gallery formatting */
div.galCaption {
	font-size:20px; 
	font-family: cursive,sans-serif, arial, verdana;
}